Bài 5 Hướng dẫn xây dựng Extension

Bài 5Hướng dẫn xây dựng Extension

Nhắc lại bài cũ

• Chỉnh sửa template thông qua chỉnh sửa hình ảnh, chỉnhsửa CSS

• Cấu trúc file và thư mục của một Template

Bài 5 - Hướng dẫn xây dựng Extension

Mục tiêu bài học

• Hiểu rõ cấu trúc của component; module• Hiểu rõ về quy trình, cách thức, giải pháp xây dựng

component, module


Xây dựng Component

Xây dựng component theo mô hình MVC

- Các component Joomla được xây dựng theo mô hình MVC(Model-View-Controler);

User(Khách truycập web)


View(tạo giao diện hiển

thị)

Model(thiết lập các

chức năng web)

Controler(điều khiển, xử lý

tương tác)

Xây dựng ComponentXây dựng 1 Component đơn giản: Component Hello


Xây dựng ComponentComponent cơ bản có 5 file:

• site/hello.php - file tạo entry point• site/controller.php - Thiết lập điều khiển• site/views/hello/view.html.php - Thiết lập

hiển thị• site/views/hello/tmpl/default.php - Tạo giao

diện hiển thị• hello.xml - Đóng gói thành bộ cài


• site/hello.php - file tạo entry point• site/controller.php - Thiết lập điều khiển• site/views/hello/view.html.php - Thiết lập

hiển thị• site/views/hello/tmpl/default.php - Tạo giao

diện hiển thị• hello.xml - Đóng gói thành bộ cài

Xây dựng ComponentLập trình file Hello.php - Tạo entry point

<?phpdefined( '_JEXEC' ) or die( 'Restricted access' );

require_once( JPATH_COMPONENT.DS.'controller.php' );

if ($controller = JRequest::getWord('controller')) {$path = JPATH_COMPONENT.DS.'controllers'.DS.$controller.'.php';if (file_exists($path)) {

require_once $path;} else {

$controller = '';}

}$classname = 'HelloController'.$controller;$controller = new $classname();$controller->execute( JRequest::getVar( 'task' ) );$controller->redirect();


<?phpdefined( '_JEXEC' ) or die( 'Restricted access' );

require_once( JPATH_COMPONENT.DS.'controller.php' );

if ($controller = JRequest::getWord('controller')) {$path = JPATH_COMPONENT.DS.'controllers'.DS.$controller.'.php';if (file_exists($path)) {

require_once $path;} else {

$controller = '';}

}$classname = 'HelloController'.$controller;$controller = new $classname();$controller->execute( JRequest::getVar( 'task' ) );$controller->redirect();

Xây dựng ComponentTạo controller với file controller.php

<?php

defined( '_JEXEC' ) or die( 'Restricted access' );

jimport('joomla.application.component.controller');

class HelloController extends JController{

function display(){

parent::display();}

}


<?php


jimport('joomla.application.component.controller');

class HelloController extends JController{

function display(){

parent::display();}

}


Tạo view - lập trình file site/views/hello/view.html.php

<?php


jimport( 'joomla.application.component.view');

class HelloViewHello extends JView{

function display($tpl = null){

$greeting = "Hello, World!";$this->assignRef( 'greeting', $greeting );

parent::display($tpl);}

}


<?php





$greeting = "Hello, World!";$this->assignRef( 'greeting', $greeting );


}


Tạo Template tại file site/views/hello/tmpl/default.php<?php defined('_JEXEC') or die('Restricted access'); ?><h1><?php echo $this->greeting; ?></h1>



Viết file XML (install.xml)<?xml version="1.0" encoding="utf-8"?><install type="component" version="1.5.0">

<name>Hello</name><creationDate>2007-02-22</creationDate><author>John Doe</author><authorEmail>[email protected]</authorEmail><authorUrl>http://www.example.org</authorUrl><copyright>Copyright Info</copyright><license>License Info</license><version>1.01</version><description>Description of the component ...</description>

<files folder="site"><filename>controller.php</filename><filename>hello.php</filename><filename>index.html</filename><filename>views/index.html</filename><filename>views/hello/index.html</filename><filename>views/hello/view.html.php</filename><filename>views/hello/tmpl/default.php</filename><filename>views/hello/tmpl/index.html</filename>

</files>


<?xml version="1.0" encoding="utf-8"?><install type="component" version="1.5.0">

<name>Hello</name><creationDate>2007-02-22</creationDate><author>John Doe</author><authorEmail>[email protected]</authorEmail><authorUrl>http://www.example.org</authorUrl><copyright>Copyright Info</copyright><license>License Info</license><version>1.01</version><description>Description of the component ...</description>

<files folder="site"><filename>controller.php</filename><filename>hello.php</filename><filename>index.html</filename><filename>views/index.html</filename><filename>views/hello/index.html</filename><filename>views/hello/view.html.php</filename><filename>views/hello/tmpl/default.php</filename><filename>views/hello/tmpl/index.html</filename>

</files>


<administration><menu>Hello World!</menu>

<files folder="admin"><filename>hello.php</filename><filename>index.html</filename>

</files></administration>

</install>


<administration><menu>Hello World!</menu>

<files folder="admin"><filename>hello.php</filename><filename>index.html</filename>

</files></administration>

</install>


Tạo file index.html để bảo mật

<html><body bgcolor="#FFFFFF"></body></html>


Xây dựng ComponentBổ xung Model tại site/models/hello.php

<?php


jimport( 'joomla.application.component.model' );

class HelloModelHello extends JModel{

function getGreeting(){

return 'Hello, World!';}

}Bài 5 - Hướng dẫn xây dựng Extension

<?php


jimport( 'joomla.application.component.model' );

class HelloModelHello extends JModel{

function getGreeting(){

return 'Hello, World!';}

}

Xây dựng ComponentSử dụng Model: bằng cách thay đổi tại dòng $greeting ="Hello World!"; tại file site/views/hello/view.html.php

<?php





$model =& $this->getModel();$greeting = $model->getGreeting();$this->assignRef( 'greeting', $greeting );


}Bài 5 - Hướng dẫn xây dựng Extension

<?php





$model =& $this->getModel();$greeting = $model->getGreeting();$this->assignRef( 'greeting', $greeting );


}

Xây dựng ComponentBổ sung file vào gói cài đặt bằng dòng lệnh<filename>models/hello.php</filename>

<files folder="site"><filename>controller.php</filename><filename>hello.php</filename><filename>index.html</filename><filename>models/hello.php</filename><filename>models/index.html</filename><filename>views/index.html</filename><filename>views/hello/index.html</filename><filename>views/hello/view.html.php</filename><filename>views/hello/tmpl/default.php</filename><filename>views/hello/tmpl/index.html</filename>

</files>Bài 5 - Hướng dẫn xây dựng Extension

<files folder="site"><filename>controller.php</filename><filename>hello.php</filename><filename>index.html</filename><filename>models/hello.php</filename><filename>models/index.html</filename><filename>views/index.html</filename><filename>views/hello/index.html</filename><filename>views/hello/view.html.php</filename><filename>views/hello/tmpl/default.php</filename><filename>views/hello/tmpl/index.html</filename>

</files>

Xây dựng Module

Cấu trúc các file trong 1 module:

• mod_helloworld.php• mod_helloworld.xml• helper.php• tmpl/default.php


• mod_helloworld.php• mod_helloworld.xml• helper.php• tmpl/default.php

Xây dựng Module

File mod_helloworld.php<?php


require_once( dirname(__FILE__).DS.'helper.php' );

$hello = modHelloWorldHelper::getHello( $params );require( JModuleHelper::getLayoutPath( 'mod_helloworld' ) );?>


<?php


require_once( dirname(__FILE__).DS.'helper.php' );

$hello = modHelloWorldHelper::getHello( $params );require( JModuleHelper::getLayoutPath( 'mod_helloworld' ) );?>

Xây dựng Module

File helper.php

<?php

class modHelloWorldHelper{

function getHello( $params ){return 'Hello, World!';}

}?>


<?php

class modHelloWorldHelper{

function getHello( $params ){return 'Hello, World!';}

}?>

Xây dựng Module

File tmpl/defalt.php<?php // no direct accessdefined( '_JEXEC' ) or die( 'Restricted access' ); ?><?php echo $hello; ?>


Xây dựng Module

File mod_hello_world.xml<?xml version="1.0" encoding="utf-8"?><install type="module" version="1.5.0">

<name>Hello, World!</name><author>John Doe</author><version>1.5.0</version><description>A simple Hello, World! module.</description><files>

<filename>mod_helloworld.xml</filename><filename module="mod_helloworld">mod_helloworld.php</filename><filename>index.html</filename><filename>helper.php</filename><filename>tmpl/default.php</filename><filename>tmpl/index.html</filename>

</files><params></params>

</install>


<?xml version="1.0" encoding="utf-8"?><install type="module" version="1.5.0">

<name>Hello, World!</name><author>John Doe</author><version>1.5.0</version><description>A simple Hello, World! module.</description><files>

<filename>mod_helloworld.xml</filename><filename module="mod_helloworld">mod_helloworld.php</filename><filename>index.html</filename><filename>helper.php</filename><filename>tmpl/default.php</filename><filename>tmpl/index.html</filename>

</files><params></params>

</install>

Xây dựng Module

Tạo file index.html trong các thư mục của module đểbảo mật với nội dung:<html><body bgcolor="#FFFFFF"></body></html>


Tổng kết bài học

• Các component trong Joomla được xây dựng theo môhình MVC và dựa vào Joomla Framework - thư viện mãnguồn sẵn có trong Joomla CMS.

• Quy trình xây dựng giống nhau đối với tất cả cáccomponent hay module.

• Sau khi hoàn thiện lập trình một component hay module,cần đóng gói thành file .zip để có thể cài đặt vào Joomlatừ trình cài đặt tháo gỡ tự động của Joomla

• Các component trong Joomla được xây dựng theo môhình MVC và dựa vào Joomla Framework - thư viện mãnguồn sẵn có trong Joomla CMS.

• Quy trình xây dựng giống nhau đối với tất cả cáccomponent hay module.

• Sau khi hoàn thiện lập trình một component hay module,cần đóng gói thành file .zip để có thể cài đặt vào Joomlatừ trình cài đặt tháo gỡ tự động của Joomla


Bài 5 Hướng dẫn xây dựng Extension

Documents

Transcript of Bài 5 Hướng dẫn xây dựng Extension