About POG+ExtJS

What is POG+ExtJS? RAD Tool for developers

Over the years, we realized that a large portion of a PHP programmer's time is wasted on repetitive coding of the Database Access Layer of an application simply because different applications require different objects.

Sencha Ext JS is the leading standard for business-grade web application development. With over 100 examples, 1000 APIs, hundreds of components, a full documentation suite and built in themes, Ext JS provides the tools necessary to build robust desktop applications. Ext JS also brings a rich data package that allows developers to use a model-view-controller (MVC) architecture when building their app. The MVC leverages features like Big Data Grids enabling an entirely new level of interactivity in web apps.

  • POG+ExtJS is a powerful tool that combines the power and flexibility of PHP with the versatility of ExtJS to create your own CRUD forms and pieces of code, totally functional, just doing a couple clicks and ready to go.
  • POG+ExtJS is a online tool with a simple interface to build a crud form in just three steps:
    1. Select you type of CRUD Form.
    2. Name your object.
    3. Define your attributes.
  • POG+ExtJS Works with the server-side and client-sidefor, POG+ExtJS Generates for you more than 1000 code lines, that save some time isn't? That time you can use it in others aspects of your project.
  • POG+ExtJS Make applications prototype quickly with clean and tested code.
  • POG+ExtJS It requires no installation and no configuration.
  • POG+ExtJS Runs over Apache, works with Php5, MySQL & Secha ExtJS version 3+
  • POG+ExtJS Use a (Model-View-Controller design) that make the code more readable, scalable, and maintainable.
  • POG+ExtJS Its Open Source

Try it!



  1. Follow the three steps previously. Try it!

  2. POG+ExtJS generate a zip file with a folder that have a predefined structure
  3. Once downloaded, uncompressed file and copy the folder into your www directory.

  4. You must set permissions to the directory to write and to read. (chmod -R 777 /var/www/myapp)

  5. Once uncompressed you'll see something like this:

  6. myapp/
    ├── class/				PHP Classes.
    │   ├── class.database.php
    │   ├── class.pog_base.php
    │   └── class.myapp.php
    ├── controllers/			PHP Controller
    │   └── controller.myapp.php
    ├── css/				Style Sheets
    ├── 				ExtJS Framework Library NOT INCLUDE! !important
    ├── images/				Images,icons, logos
    ├── js/
    │   └── myapp.js			Extjs File Generated
    ├── myapp.html				HTML File Generated
    ├── configuration.php 			You must to edit with server, database and connection information
    └── readme.txt
    	
    	
  7. Edit configuration.php file and change your server and database connection parameters
  8. <?php
    	.
    	.
    	$configuration['db']	= 'test';		//	<- database name
    	$configuration['host'] 	= 'localhost';		//	<- database host
    	$configuration['user'] 	= 'root';		//	<- database user
    	$configuration['pass']	= 'abc123';		//	<- database password
    	$configuration['port']	= '3306';		//	<- database port
    	.
    	.
    ?>
    	
  9. Edit myapp/class/class.myapp.php file and copy the sql block to create table in database
  10. <?php
    	/*
    	This SQL query will create the table to store your object.
    
    	CREATE TABLE `myapp` (
    	`co_myapp` int(11) NOT NULL auto_increment,
    	`name` VARCHAR(255) NOT NULL,
    	`email` VARCHAR(255) NOT NULL,
    	`age` INT NOT NULL,
    	`address` VARCHAR(255) NOT NULL, PRIMARY KEY  (`co_myapp`)) ENGINE=MyISAM;
    	*/
    ?>
    	
  11. Run your app http://localhost/myapp.

Try it!



  • Another forms and miniapplications.
  • Reports and Charts


Check ExtJS Framework path.

<!-- ExtJS library: all widgets MOODE: DEBUG -->
				<script type="text/javascript" src="extjs-4.2/ext-all-debug.js"></script>