@rohit-chouhan/ajxon
Advanced tools
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.
Download the master zip and paste the Ajxon Folder to your PHP Root Folder, and Enjoy it.
$ npm install rohit-chouhan/ajxon
| 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 :-
gender:select:true:[value:label],[value|label]
gender:radio:true:[value:label],[value|label]
gender:radio:true:[male:I am Male],[female|I am Female]
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"
}
}
Automatically generated code after using Ajxon
| Code | Output |
|---|---|
| HTML |  |
| JS/Ajax |  |
| PHP |  |
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() |
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/
├── cons/
│ |── Bootstrap.php
│ ├── Input.php
│ └── Err/
│ └── Invalid.php
└── Ajxon.php
MIT License
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.
FAQs
Dynamic Ajax Code & UI Generator PHP Framework
We found that @rohit-chouhan/ajxon demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Node.js will be enforcing stricter semver-major PR policies a month before major releases to enhance stability and ensure reliable release candidates.
Security News
Research
Socket's threat research team has detected five malicious npm packages targeting Roblox developers, deploying malware to steal credentials and personal data.
Security News
vlt introduced its new package manager and a serverless registry this week, innovating in a space where npm has stagnated.