Agile UI allows users to build web apps with little to no knowledge of web technologies. This is because they will be using Object-Oriented features of PHP language to create their web page structure out of re-usable, interractive components.
The next screenshot demonstrates a type of interface that could be created in 5 minutes with only 50 lines of PHP code (including that Form submission and validation):
The motivation behind creating Agile UI is in improving efficiency and reducing the time to it takes to build Web Application interfaces that are built using CSS frameworks such as Semantic UI or Bootstrap CSS.
Current approaches require multiple developers to work on the front and backend of the app. But with Agile UI, even the most complex apps can be put together from building blocks.
(NOTE: If you use AngularJS or similar in your project, look into Agile Data, instead).
If you are new to Agile UI, start with this 20-minute introduction. Discover and bookmark location for:
If you are having trouble getting started, you are welcome to use our forum and Gitter chat:
Agile UI approaches this hurdle differently. It separates "business logic" from "components". The presentation layer will simply specify which business model to use with which component. When asked to add a new feature, the developer can look at existing components and when they find one that fits, they can seamlessly integrate it with few lines of code:
$grid = new \atk4\ui\Grid(); $data = new Order($db); $data->addCondition('is_new', true); $data->addCondition('client_id', $_GET['client_id']); $grid->setModel($data); $html = $grid->render(); // or: $app->layout->add($grid);
Aglie UI component "Grid" will automatically take care of:
Unlike many other CRUD/Grid solution, Agile UI relies on "Domain Model" and not "SQL-table". This is a great enterprise feature because Domain Model will implement some of the following features transparently:
By separating UI from Data while allowing them interact seamlessly, Agile UI creates a new standard. Any Agile UI component, even if developed by a 3rd party, will fit into any app without overheads and offer consistency in data access, presentation, style and security.
In layman's terms - Developers will be able to find that "file upload component" that fits their need and integrate it with the forms with just few lines of PHP code in minutes instead of days.
Agile UI is not a FullStack framework. It does not have "routing", "default file locations" or "config file". But it solves the problem of consistent UI building and has been built to be easily compatible with most existing PHP frameworks.
And frameworks like Yii, Laravel, Symfony can use Agile UI through a simple integration.
Any code written in Agile Data / Agile UI will be portable between PHP frameworks. This means you can create a project's frontend in "Laravel" while using Yii for the admin.
Our first stable release is out! Includes basic "Tables" and "Forms" that work seamlessly with Agile Data.
Finished implementation for Forms
Implemented server-side PHP callbacks for jQuery