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
JS/Ajax
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.

FAQs

What is @rohit-chouhan/ajxon?

Is @rohit-chouhan/ajxon well maintained?

Package last updated on 05 Sep 2020

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.

Install

@rohit-chouhan/ajxon

Ajxon