Bài 5 Hướ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ỉnh sử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 Bài 5 - Hướng dẫn xây dựng Extension 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 truy cập web) Bài 5 - Hướng dẫn xây dựng Extension 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 Component Xây dựng 1 Component đơn giản: Component Hello Bài 5 - Hướng dẫn xây dựng Extension Xây dựng Component Component 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 Bài 5 - Hướng dẫn xây dựng Extension • 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 Component Lập trình file Hello.php - Tạo entry point <?php defined( '_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(); Bài 5 - Hướng dẫn xây dựng Extension <?php defined( '_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 Component Tạ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(); } } Bài 5 - Hướng dẫn xây dựng Extension <?php defined( '_JEXEC' ) or die( 'Restricted access' ); jimport('joomla.application.component.controller'); class HelloController extends JController { function display() { parent::display(); } } Xây dựng Component Tạo view - lập trình file site/views/hello/view.html.php <?php defined( '_JEXEC' ) or die( 'Restricted access' ); jimport( 'joomla.application.component.view'); class HelloViewHello extends JView { function display($tpl = null) { $greeting = "Hello, World!"; $this->assignRef( 'greeting', $greeting ); parent::display($tpl); } } Bài 5 - Hướng dẫn xây dựng Extension <?php defined( '_JEXEC' ) or die( 'Restricted access' ); jimport( 'joomla.application.component.view'); class HelloViewHello extends JView { function display($tpl = null) { $greeting = "Hello, World!"; $this->assignRef( 'greeting', $greeting ); parent::display($tpl); } } Xây dựng Component 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> Bài 5 - Hướng dẫn xây dựng Extension [...]... Bài 5 - Hướng dẫn xây dựng Extension Xây dựng Component Hello World! hello.php index.html Bài 5 - Hướng dẫn xây dựng Extension Xây dựng Component Tạo file index.html để bảo mật Bài 5 - Hướng dẫn xây dựng Extension Xây dựng. .. 'mod_helloworld' ) ); ?> Bài 5 - Hướng dẫn xây dựng Extension Xây dựng Module File helper.php function getHello( $params ) { return 'Hello, World!'; } Bài 5 - Hướng dẫn xây dựng Extension Xây dựng Module File tmpl/defalt.php Bài 5 - Hướng dẫn xây dựng Extension Xây dựng Module... Bài 5 - Hướng dẫn xây dựng Extension 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: Bài 5 - Hướng dẫn xây dựng Extension 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... views/hello/tmpl/default.php views/hello/tmpl/index.html Bài 5 - Hướng dẫn xây dựng Extension 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 Bài 5 - Hướng dẫn xây dựng Extension Xây dựng Module File mod_helloworld.php Hello 2007-02-22 John Doe john.doe@example.org... echo $hello; ?> Bài 5 - Hướng dẫn xây dựng Extension Xây dựng Module File mod_hello_world.xml Hello, World! John Doe 1 .5. 0 A simple Hello, World! module. mod_helloworld.xml mod_helloworld.php . Bài 5 Hướ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ỉnh sử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 Bài 5 - Hướng dẫn xây dựng Extension Xây dựng Component Xây dựng. khiển, xử lý tương tác) Xây dựng Component Xây dựng 1 Component đơn giản: Component Hello Bài 5 - Hướng dẫn xây dựng Extension Xây dựng Component Component cơ bản có 5 file: • site/hello.php