4. View เป็นส่วนการแสดงผล

ใน Joomla 3 ส่วนประกอบ View เป็นรูปแบบเฉพาะหรือการแสดงเนื้อหาของส่วนประกอบส่วนหน้าของเว็บไซต์ แต่ละองค์ประกอบใน Joomla มีหลาย View ที่สามารถเข้าถึงได้โดยการแนบพารามิเตอร์ 'view' กับ URL ของส่วนประกอบ

4.1 สร้างโฟลเดอร์ชื่อ views และสร้างโฟลเดอร์ชื่อ a

4.2 สร้างไฟล์ view.html.php ในโฟลเดอร์ a

สร้างไฟล์ view.html.php ในโฟลเดอร์ a เป็นส่วนการทำ php
สร้างไฟล์ 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

จะเป็นการแสดงผลทางหน้าจอเว็บพวกข้อความต่าง ๆ
สร้างโฟลเดอร์ tmpl และไฟล์ default.php

 

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

สร้าง view b
สร้าง 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

สร้าง view หลัก โดยใช้ชื่อ hellocomponent
สร้าง view หลัก

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>

 

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
โดย witsarutt000 พฤ 14 มี.ค. 2024 4:07 pm บอร์ด SQL Knowledge
1
166
พฤ 14 มี.ค. 2024 5:44 pm โดย Sirayu View Topic SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
โดย witsarutt000 พฤ 14 มี.ค. 2024 11:17 am บอร์ด PHP Knowledge
0
125
พฤ 14 มี.ค. 2024 11:17 am โดย witsarutt000 View Topic PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
โดย Thanavat_n พ 13 มี.ค. 2024 11:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
5
270
พ 13 มี.ค. 2024 1:34 pm โดย Thanavat_n View Topic ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
โดย @Foretoday อ 12 มี.ค. 2024 1:46 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
184
อ 12 มี.ค. 2024 1:46 pm โดย @Foretoday View Topic ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
โดย witsarutt000 จ 11 มี.ค. 2024 6:14 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
142
จ 11 มี.ค. 2024 6:14 pm โดย witsarutt000 View Topic แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
โดย mindphp อ 10 มี.ค. 2024 4:36 am บอร์ด Linux - Web Server
0
239
อ 10 มี.ค. 2024 4:36 am โดย mindphp View Topic ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
IP และ vpn (VMware)
โดย ballmykids อ 10 มี.ค. 2024 2:35 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
203
จ 11 มี.ค. 2024 3:19 pm โดย ballmykids View Topic IP และ vpn (VMware)
แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว
โดย Anonymous ศ 08 มี.ค. 2024 7:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
166
ศ 08 มี.ค. 2024 8:12 pm โดย mindphp View Topic แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว