4. View เป็นส่วนการแสดงผล
ใน Joomla 3 ส่วนประกอบ View เป็นรูปแบบเฉพาะหรือการแสดงเนื้อหาของส่วนประกอบส่วนหน้าของเว็บไซต์ แต่ละองค์ประกอบใน Joomla มีหลาย View ที่สามารถเข้าถึงได้โดยการแนบพารามิเตอร์ 'view' กับ URL ของส่วนประกอบ
4.1 สร้างโฟลเดอร์ชื่อ views และสร้างโฟลเดอร์ชื่อ a
4.2 สร้างไฟล์ view.html.php ในโฟลเดอร์ a
Code ของไฟล์ views/a/view.html.php
<?php
/**
* @package HelloComponent
* @subpackage com_hellocomponent
* @author Mindphp Developer Teams
* @copyright Copyright (C) 2021 Mindphp. All rights reserved..
* @license GNU General Public License version 2 or later;
*/
defined('_JEXEC') or die();
class HellocomponentViewA extends Joomla\CMS\MVC\View\HtmlView
{
function display($tpl = null)
{
echo "Test View A<br/>";
$this->sidebar = JHtmlSidebar::render();
$this->addToolbar();
parent::display($tpl);
}
public function addToolbar()
{
\Joomla\CMS\Toolbar\ToolbarHelper::title(JText::_('COM_HELLOCOMPONENT_A'));
$cando = Joomla\CMS\Helper\ContentHelper::getActions('com_hellocomponent');
\Joomla\CMS\Toolbar\ToolbarHelper::preferences('com_hellocomponent');
}
}
คำอธิบายโค้ด
- สร้างคลาสชื่อ HellocomponentViewA (ขึ้นต้นด้วย "ชื่อของ Component" ตามด้วยคำว่า "View" และ "ชื่อของ View") โดยการสืบทอดคุณสมบัติมาจากคลาส Joomla\CMS\MVC\View\HtmlView
- สร้าง function display เป็นส่วรแสดงผลเทมเพลต และให้ใช้คำสั่ง echo แสดงข้อความ "Test View A" ในหน้า view
4.3 สร้างโฟลเดอร์ tmpl และไฟล์ default.php เพื่อใช้ในการกำหนด layout สำหรับ View ที่ชื่อ A
Code ของไฟล์ views/a/tpml/default.php
<?php
/**
* @package HelloComponent
* @subpackage com_hellocomponent
* @author Mindphp Developer Teams
* @copyright Copyright (C) 2021 Mindphp. All rights reserved..
* @license GNU General Public License version 2 or later;
*/
defined('_JEXEC') or die();
?>
<p>Test Layoul A</p>
4.4 สร้าง View อีกหนึ่ง View โดยใช้ชื่อ B
Code ของไฟล์ views/b/view.html.php
defined('_JEXEC') or die();
class HellocomponentViewB extends Joomla\CMS\MVC\View\HtmlView
{
function display($tpl = null)
{
echo "Test View B<br/>";
parent::display($tpl);
}
}
Code ของไฟล์ views/b/tpml/default.php
<?php
/**
* @package HelloComponent
* @subpackage com_hellocomponent
* @author Mindphp Developer Teams
* @copyright Copyright (C) 2021 Mindphp. All rights reserved..
* @license GNU General Public License version 2 or later;
*/
defined('_JEXEC') or die();
?>
<p>Test Layoul B</p>
4.4 ต่อไปก็จะไปเพิ่ม view หน้าหลักไปสร้างโฟล์เดอร์ชื่อว่า hellocomponent ซึ่งการสร้างจากคล้ายกับโฟลเดอร์ a และ b
Code ของไฟล์ views/hellocomponent/view.html.php
<?php
/**
* @package HelloComponent
* @subpackage com_hellocomponent
* @author Mindphp Developer Teams
* @copyright Copyright (C) 2021 Mindphp. All rights reserved..
* @license GNU General Public License version 2 or later;
*/
defined('_JEXEC') or die();
class HellocomponentViewHellocomponent extends Joomla\CMS\MVC\View\HtmlView
{
public function display($tpl = null)
{
HellocomponentHelper::addSubmenu('');
$this->sidebar = JHtmlSidebar::render();
$this->addToolbar();
parent::display($tpl);
}
public function addToolbar()
{
\Joomla\CMS\Toolbar\ToolbarHelper::title(JText::_('COM_HELLOCOMPONENT_CONTROL_PANEL'));
\Joomla\CMS\Toolbar\ToolbarHelper::preferences('com_hellocomponent');
}
}
Code ของไฟล์ views/hellocomponent/tpml/default.php
<?php
/**
* @package HelloComponent
* @subpackage com_hellocomponent
* @author Mindphp Developer Teams
* @copyright Copyright (C) 2021 Mindphp. All rights reserved..
* @license GNU General Public License version 2 or later;
*/
defined('_JEXEC') or die();
?>
<?php if (!empty($this->sidebar)) : ?>
<div id="j-sidebar-container" class="span2">
<?php echo $this->sidebar; ?>
</div>
<div id="j-main-container" class="span10">
<?php else : ?>
<div id="j-main-container">
<?php endif; ?>
</div>