@rohit-chouhan/ajxon

v1.0.1

Published

2 years ago

Dynamic Ajax Code & UI Generator PHP Framework

Downloads

0High
0Medium
0Low

rohit-chouhan

Ajxon

A JSON to Ajax UI Generator for Dynamic Work, with PHP, Ajxon system gives Ajax, PHP, HTML Form Code from JSON Structure. You can produce a total Dynamic Ajax stage from JSON.

Quick Installation

Download the master zip and paste the Ajxon Folder to your PHP Root Folder, and Enjoy it.

Installation with NPM

$ npm install rohit-chouhan/ajxon

Ajxon Objects

Objects | Use --- | --- | url | PHP back-end page name, where database queries will generate | form | HTML form name | table | Database's Table name where Data will be stored/insert | type| Ajax Data return type | include| Name of folder, where url will be saved (ex. foldername/save.php), if you leave it blank. it will store in root folder | input field | HTML form's Input name & Database Field Name (You can add multiple Object for Input) | | | Ex. "db_field_name" : "input_name : input_type : true" | | | True -> Input Field Required | | | False -> Optional | db | Database connectivity information, you have to provide database HOST, USERNAME, PASSWORD, and DATABASE name |

For Select & Radio Field Use :-

1. Select Field

gender:select:true:[value:label],[value|label]

2. Radio Button

gender:radio:true:[value:label],[value|label]

Example

gender:radio:true:[male:I am Male],[female|I am Female]

Sample Json Code

Here the sample JSON objects to you can access and provides identifiers.

{
    "url": "save.php",
    "form": "first_form",
    "table": "users",
    "type": "text",
    "include":"contents",
    "field": {
        "name": "name:text:false",
        "email": "email:email:true",
        "password":"pass:password:true"
    },
    "db": {
        "host": "localhost",
        "username": "root",
        "password": "Codesler@321",
        "database": "codesler"
    }
}

Future Code

Automatically generated code after using Ajxon Code | Output --- | --- | HTML | HTML CODE | JS/Ajax | JS CODE | PHP | PHP |

Documention

Download Ajxon and Copy Ajxon.php to your root folder in project. create new page or include Ajxon.php require "Ajxon.php"; in exist page. create obj of new Ajxon() and have fun!

Function | Use --- | --- | $obj->set() | the function can send JSON to Ajxon Class. $obj->html() | return the all HTML Form & Input to Page $obj->js() | return the Js/Ajax Code to Page $obj->php() | this function not return any code, the function can only generate code and save automatically to given "include" (folder) by user in JSON $obj->inputclass() | apply class to input field ex. $obj->inputclass('form-control') | $obj->inputstyle() | apply css to input field ex. $obj->inputstyle('color:blue;') | $obj->btnclass() | apply class to button ex. $obj->btnclass('btn-primary') | $obj->btnstyle() | apply css to button ex. $obj->btnclass('background:blue;') | $obj->btnname() | change name of button ex. $obj->btnname('Apply Form') | $obj->bootstrap() | auto beautify the HTML form ex. $obj->bootstrap() |

Example Complete Code

Here the complete sample code of PHP.

<?php
    require 'Ajxon.php'; //including Ajxon
    $obj=new Ajxon(); //Creating Ajxon object
    $x='{
    "url": "data.php",
    "form": "adds",
    "table": "users",
    "type": "text",
    "include":"contents",
    "field": {
        "name": "nameinput:text:false",
        "email": "emailinput:email:true",
        "password":"passinput:password:true"
    },
    "db": {
        "host": "localhost",
        "username": "root",
        "password": "",
        "database": "xxxx"
    }
}'; //Json Code

$obj->set($x); //Send JSON Code to Ajxon

$obj->php(); //Save (Database's) php file in Back-end

?>
<!DOCTYPE html>
<html>
<head>
    <title>Sample Ajxon</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
    <?php $obj->html();?>
    <!-- Getting HTML Input/Button -->
</body>
    <?php $obj->js();?>
    <!-- Getting JS/Ajax Code -->
</html>

Ajxon Structure

ajxon/
├── cons/
│   |── Bootstrap.php
│   ├── Input.php
│   └── Err/
│        └── Invalid.php  
└── Ajxon.php

License

MIT License

Developers

This framework is developed by Rohit Chouhan, Rohit Chouhan is the co-founder and CEO of Codesler, a company that's offering digital marketing services and an accomplished web developer.