Create Components in TomatoCMS

TomatoCMS : How to Create Component www.tomatocms.com

Table of Content ,[object Object],[object Object],[object Object],[object Object]

TomatoCMS : How to Create Module

How to Create Module? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Example: Contact Module ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

1) Create New Module : Contact ,[object Object],[object Object],[object Object]

1) Create New Module : Contact ,[object Object],[object Object],[object Object],<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE module SYSTEM "http://schemas.tomatocms.com/dtd/module_about.dtd"> <module> <name>contact</name> <description langKey="about_contact_description"><![CDATA[Manage contacts]]></description> <author>TomatoCMS Core Team</author> <email>core@tomatocms.com</email> <version>2.0.8</version <license>free</license> <requires> <requiredModules> <requiredModule name=“mail" /> </requiredModules> </requires> </module> More detail: http://docs.tomatocms.com/index.php/Develop_new_module_-_Part_2_-_Create_module

1) Create New Module : Contact ,[object Object],[object Object],SEQ Field Name Data Type NULL Remark 1 contact_id INT(10) NOT PK & Auto-increase 2 contact_name VARCHAR(50) NOT 3 email VARCHAR(100) NOT 4 website VARCHAR(200) NOT 5 contact_text VARCHAR(1000) NOT 6 contact_date DATE NOT

1) Create New Module : Contact ,[object Object],<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE module SYSTEM "http://schemas.tomatocms.com/dtd/module_about.dtd"> <module> ... <install> <db adapter="mysql|pdo_mysql" > <query> <![CDATA[DROP TABLE IF EXISTS `###contact`]]> </query> <query> <![CDATA[CREATE TABLE `###contact` ( `contact_id` int(10) unsigned NOT NULL auto_increment, `contact_name` varchar(50) NOT NULL, `email` varchar(50) NOT NULL, `website` varchar(200) default NULL, `contact_text` varchar(1000) NOT NULL, `contact_date` date NOT NULL, PRIMARY KEY (`contact_id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8;]]> </query> </db> < /install>

1) Create New Module : Contact ,[object Object],<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE module SYSTEM "http://schemas.tomatocms.com/dtd/module_about.dtd"> <module> ... <install> … <uninstall> <db adapter="mysql|pdo_mysql"> <query><![CDATA[DROP TABLE IF EXISTS `###contact`;]]></query> </db> <db adapter="pgsql"> <query><![CDATA[DROP TABLE IF EXISTS ###contact;]]></query> </db> <db adapter="sqlsrv"> <query><![CDATA[IF EXISTS (SELECT NAME FROM SYSOBJECTS WHERE NAME='###contact' AND TYPE='U') DROP TABLE ###contact;]]></query> </db> </uninstall>

1) Create New Module : Contact ,[object Object],[object Object],<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE module SYSTEM "http://schemas.tomatocms.com/dtd/module_about.dtd"> <module> ... <install> … <uninstall> … <admin> <task langKey="task_list_contacts" route="contact_index_list" /> </admin>

1) Create New Module : Contact ,[object Object],[object Object],[object Object],[object Object],[object Object]

1) Create New Module : Contact ,[object Object],[about] about_contact_description = "Manage contacts" task_list_contacts = "Contacts list"

1) Create New Module : Contact ,[object Object],[object Object],You can click Install to install module and vice versa, you can click Uninstall to uninstall a module. As I said in step 2, after clicking Install (or Uninstall ), all SQL queries defined in install (uninstall) tag from about.xml file also were already executed. But from now, you can’t see the new menu in “Admin menu”. You need to create permission & assign resources (see next chpater)

2) Module permissions ,[object Object],[object Object],[object Object],[object Object]

2) Module permissions ,[object Object],[object Object],Note that , you should write the route name in order moduleName_controllerName_actionName, to ensure that routes are difference. In backend section, you should write route start with admin to distinguish from frontend section.

2) Module permissions ,[object Object],Note , name of resource is name of controller, and name of privilege is name of action correspond to contact.ini file. At here, we see langKey again, so at lang.en_US.ini file, we have to add following code

2) Module permissions ,[object Object],Click on Contact

2) Module permissions ,[object Object],[object Object],(After Add Menu & action completely)

2) Module permissions Refresh web-page or click on Dashboard, you will see new menu

2) Module permissions Menu Header Task under menu Menu Setup

2) Module permissions ,[object Object],[object Object],[object Object]

2) Module permissions ,[object Object],[object Object],This error is came from no code in Controller & view (refer to TomatoCMS/ZF MVC) Next step, we need to create controller & view for this resources

2) Module permissions ,[object Object],[object Object],Make skeleton code for controller

2) Module permissions ,[object Object],[object Object]

2) Module permissions ,[object Object],[object Object],From now, you can code module by following rule in “TomatoCMS in A Nutshell”

3) Connect the Database ,[object Object],[object Object],[object Object],[object Object]

3) Connect the Database ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

3) Connect the Database ,[object Object],Code inside: - This file describe properties ( or fields) of this table. You can see this class extend from Tomato_Core_Model_Entity , this is a already library which we was created and ready to use.

3) Connect the Database ,[object Object],[object Object],[object Object],Code inside: - All methods will show/explain in next chapter

3) Connect the Database ,[object Object],In this sample, I will show implement code for MySQL with PDO only. So, I will create new file: Contact.php under “ doysql ” Always implement method “convert” in DAO

3) Connect the Database ,[object Object],[object Object]

3) Connect the Database ,[object Object],Just make it’s able enough to run 

3) Connect the Database ,[object Object],[object Object],[object Object],[object Object],[object Object]

3) Connect the Database ,[object Object],[object Object],[object Object],[object Object],Load javaScript & CSS

3) Connect the Database View code (continue) Render values that pass from controller and show on HTML

3) Connect the Database ,[object Object]

3) Connect the Database ,[object Object],No result display when start up this page

3) Connect the Database ,[object Object],Display only 15 rows from tables (need to modify more for display correct data)

4) Improve Module’s code ,[object Object],[object Object],[object Object],[object Object]

4) Improve Module’s code ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

4) Improve Module’s code ,[object Object],[object Object]

4) Improve Module’s code ,[object Object]

4) Improve Module’s code ,[object Object],[object Object],[object Object],[object Object],[object Object],Similar to code in View file

4) Improve Module’s code ,[object Object],Result is matched with your filter criteria.

4) Improve Module’s code ,[object Object],[object Object],Send request to search/filter via AJAX

4) Improve Module’s code ,[object Object],[object Object],[object Object],Controller’s code

4) Improve Module’s code ,[object Object],[object Object],[object Object]

4) Improve Module’s code ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

4) Improve Module’s code ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

4) Improve Module’s code ,[object Object],[object Object],[object Object],[object Object],[object Object],Add new routing for edit page

4) Improve Module’s code ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

4) Improve Module’s code ,[object Object],[object Object],[object Object],[object Object],[object Object],Note: the parameter always named “ contact_id ” because we’ve declare in routing file like this

4) Improve Module’s code ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

4) Improve Module’s code ,[object Object],[object Object],[object Object],[object Object],[object Object]

Create Components in TomatoCMS

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (18)

Semelhante a Create Components in TomatoCMS

Semelhante a Create Components in TomatoCMS (20)

Mais de Siwawong Wuttipongprasert

Mais de Siwawong Wuttipongprasert (12)

Último

Último (20)

Create Components in TomatoCMS

Notas do Editor