Joomla 3 คือระบบจัดการเนื้อหา (CMS) ที่ใช้สำหรับสร้างกับจัดการเว็บไซต์ และใน Joomla 3 Component คือส่วนขยายที่มีในตัวเอง ซึ่งเพิ่มฟังก์ชันการทำงานเฉพาะให้กับเว็บไซต์ ส่วนประกอบเป็นหนึ่งในสามประเภทของส่วนขยายใน Joomla 3 ส่วนประเภทอื่นๆ คือโมดูลและปลั๊กอิน หรือก็คือส่วนเสริมที่ใหญ่ที่สุดของ joomla ซึ่งใน โมดูล, ปลั๊กอิน และเทมเพลตไม่มีเพิ่มลบแก้ไข มีแต่ดึงข้อมูลมาแสดงโชว์ ถ้าเราจะทำเพิ่ม ลบ แก้ไขข้อมูล เราจะต้องสร้าง Component ซึ่งรูปแบบการเขียนจะเป็น OOP ในรูปแบบ MVC นั้นเอง

 

MVC (Model View Controller) 

MVC ย่อมาจาก Model-View-Controller ซึ่งเป็นรูปแบบสถาปัตยกรรมซอฟต์แวร์ที่ใช้ในการพัฒนาเว็บแอปพลิเคชัน รูปแบบ MVC แยกแอปพลิเคชันออกเป็นสามส่วนที่เชื่อมต่อกัน ได้แก่ Model, View และ Controller

1. Model แสดงถึงข้อมูลและคำนวณของแอปพลิเคชัน และโต้ตอบกับฐานข้อมูลหรือแหล่งข้อมูลอื่นๆ เพื่อดึงและจัดการข้อมูล
2. View ทำหน้าที่ในการแสดงผลส่วนต่อกับผู้ใช้และนำเสนอข้อมูลแก่ผู้ใช้งาน
3. Controller ทำหน้าที่เป็นตัวกลางระหว่าง Model และ View, ประมวลผลอินพุตของผู้ใช้, อัปเดต Model และเลือก View ที่เหมาะสมเพื่อแสดงผล

ด้วยการแยกแอปพลิเคชันออกเป็นสามองค์ประกอบ ของรูปแบบ MVC ส่งเสริมการแยกที่ชัดเจน และปรับปรุงความสามารถในการบำรุงรักษา และความสามารถในการทดสอบของแอปพลิเคชัน นอกจากนี้ยังช่วยให้หลาย Views ใช้โมเดลเดียวกันและอนุญาตให้ทำการเปลี่ยนแปลงกันได้โดยไม่ส่งผลกระทบต่อส่วนอื่นๆ

 

โฟลเดอร์และไฟล์ใน Component

Component ก็มีโฟล์เดอร์องค์ประกอบหลัก ก็คือ

• controllers
• View
• Model

Component  ก็มีโฟลเดอร์เพิ่มเติม ก็คือ

• language ภาษา
• helpers เก็บฟังก์ชันที่เรียกใช้งานบ่อย ๆ เช่น api, javascript เป็นต้น
• layouts
• table เก็บ class ชื่อตารางของฐานข้อมูล

 

Component ก็มีไฟล์องค์ประกอบหลัก

• ไฟล์ xml ซึ่งไม่มี config ให้สร้างไฟล์แยก config.xml แทน กรณีที่จะทำ config
• ไฟล์ access.xml กำหนด user นั้นๆ ทำอะไรได้บ้าง

 

การสร้าง table เก็บข้อมูล

ในการสร้าง table เก็บข้อมูล ซึ่งใน Joomla 3 ตอนที่เราติดตั้ง Joomla 3  ก็มีช่วงติดตั้ง database มาให้แล้ว ซึ่งเราไม่ต้องมา database และ table มา เราแค่เพิ่ม table ที่เกี่ยวข้องกับพัฒนา component นั้นๆ เอง

ตัวอย่าง Table 

 

ตัวอย่างการพัฒนา Component Joomla 3

ตัวอย่างการพัฒนา Component Joomla 3 ซึ่งเราจะเริ่มด้นด้วยสร้างโฟลเดอร์ในส่วนการทำงานของ admin ก่อนในการพัฒนา Component โดยอันดับแรกให้เราสร้างโฟลเดอร์ com_mexample ใน administrator และไปโฟลเดอร์ components

จากนั้นให้เริ่มสร้างไฟล์ mexample.xml เป็นส่วนแสดงรายละเอียดข้อมูลของ component com_mexample นั้นเอง

โค้ดในไฟล์ mexample.xml

<?xml version="1.0" encoding="utf-8"?>
<extension type="component" version="3.1" method="upgrade">
	<name>com_mexample</name>
	<author>Teams</author>
	<creationDate>March 2023</creationDate>
	<authorEmail>[email protected]</authorEmail>
	<version>1.0.0</version>
	<description>COM_MEXAMPLE_XML_DESCRIPTION</description>

	<install>
			<sql>
					<file charset="utf8" driver="mysql">installation/sql/install.sql</file>
			</sql>
	</install>

	<uninstall>
			<sql>
					<file charset="utf8" driver="mysql">installation/sql/uninstall.sql</file>
			</sql>
	</uninstall>

	<files folder="site">
		<filename>controller.php</filename>
		<filename>router.php</filename>
		<filename>mexample.php</filename>
		<folder>controllers</folder>
		<folder>language</folder>
		<folder>models</folder>
		<folder>views</folder>
	</files>

	<administration>
		<menu>com_mexample</menu>
		<files folder="admin">
			<filename>config.xml</filename>
			<filename>access.xml</filename>
			<filename>controller.php</filename>
			<filename>mexample.php</filename>
			<folder>controllers</folder>
			<folder>language</folder>
			<folder>helpers</folder>
			<folder>models</folder>
			<folder>views</folder>
		</files>
	</administration>
</extension>

ซึ่งในโค้ดดังกล่าวจะเป็นการบอกรายละเอียดของ componet และใช้ไฟล์กับโฟลเดอร์อะไรบ้างใน component นั้นๆ 

 

สร้างไฟล์ mexample.php เป็นไฟล์สำหรับเช็คสิทธิ์การใช้งาน โหลดหน้า และโหลดไฟล์ helpers หรือไฟล์อื่นๆ

โค้ดในไฟล์ mexample.php

<?php
/**
 * @package     com_mexample.Administrator
 * @subpackage  com_mexample
 */

defined('_JEXEC') or die;
JHtml::_('behavior.tabstate');

if (!JFactory::getUser()->authorise('core.manage', 'com_mexample'))
{
	throw new JAccessExceptionNotallowed(JText::_('JERROR_ALERTNOAUTHOR'), 403);
}

JLoader::register('MExampleHelper', __DIR__ . '/helpers/mexample.php');

$controller = JControllerLegacy::getInstance('MExample');
$controller->execute(JFactory::getApplication()->input->get('task'));
$controller->redirect();

 

สร้างไฟล์ controller.php ซึ่งเป็นไฟล์ที่เกี่ยวกับการจัดการในส่วนหลักของ component นั้นๆ

โค้ดในไฟล์ controller.php

<?php
/**
 * @package     com_mexample.Administrator
 * @subpackage  com_mexample
 */

defined('_JEXEC') or die;

class MexampleController extends Joomla\CMS\MVC\Controller\BaseController
{
	
}

 

สร้างไฟล์ config.xml คือไฟล์กำหนดค่า config ต่างๆ ใน component

โค้ดในไฟล์ config.xml

<?xml version="1.0" encoding="utf-8"?>
<config>
	<fieldset
		name="permissions"
		label="JCONFIG_PERMISSIONS_LABEL"
		description="JCONFIG_PERMISSIONS_DESC"
		>

		<field
			name="rules"
			type="rules"
			label="JCONFIG_PERMISSIONS_LABEL"
			filter="rules"
			validate="rules"
			component="com_mexample"
			section="component"
		/>

	</fieldset>
</config>

 

สร้างไฟล์ access.xml คือไฟล์กำหนดสิทธิ์การใช้งานของ user

โค้ดในไฟล์ access.xml

<?xml version="1.0" encoding="utf-8" ?>
<access component="com_mexample">
	<section name="component">
		<action name="core.admin" title="JACTION_ADMIN" description="JACTION_ADMIN_COMPONENT_DESC" />
		<action name="core.options" title="JACTION_OPTIONS" description="JACTION_OPTIONS_COMPONENT_DESC" />
		<action name="core.manage" title="JACTION_MANAGE" description="JACTION_MANAGE_COMPONENT_DESC" />
		<action name="core.create" title="JACTION_CREATE" description="JACTION_CREATE_COMPONENT_DESC" />
		<action name="core.delete" title="JACTION_DELETE" description="JACTION_DELETE_COMPONENT_DESC" />
		<action name="core.edit" title="JACTION_EDIT" description="JACTION_EDIT_COMPONENT_DESC" />
		<action name="core.edit.state" title="JACTION_EDITSTATE" description="JACTION_EDITSTATE_COMPONENT_DESC" />
		<action name="core.edit.value" title="JACTION_EDITVALUE" description="JACTION_EDITVALUE_COMPONENT_DESC" />
	</section>
</access>

 

เบื้องต้นก็คือ การพัฒนา component Joomla หลักๆ ในการพัฒนาก็คือ MVC เช่น Model เป็นส่วนของการตคำนวณกับฐานข้อมูล, View เป็นส่วนของการแสดงผลเว็บไซต์หน้าตาของ component และสุดท้าย controller ควบคุมระหว่าง Model และ View นั้นเอง  ซึ่งทั้ง 3 ส่วนนี้ก็จะเป็นโฟลเดอร์หลักในการพัฒนา Component และยังมีโฟลเดอร์อื่นๆ ซึ่งมาช่วยพัฒนาได้ ยกตัวอย่างเช่น helpers, tables, assets, language และโฟลเดอร์อื่นๆ

 

อ้างอิง

วิธีสร้าง Component Joomla แบบง่าย ,[ออนไลน์], เข้าถึงได้จาก https://www.mindphp.com/forums/viewtopic.php?p=238674#p238674

Component ,[ออนไลน์], เข้าถึงได้จาก https://docs.joomla.org/Component

Step-by-step Guide For Creating Joomla 3.x Component ,[ออนไลน์], เข้าถึงได้จาก https://www.techfry.com/joomla/step-by-step-guide-for-creating-joomla-3-x-component