在你进行编码之前，有一些文件和文件夹需要创建和一些查询语句需要运行。你不但可以创建组件而且不用额外的配置就可以尝试不同的特性。你也可以看到Joomla!组织和访问组件方法的概况。最后，你会像其它组件一样加入工具栏。
Joomla!组件的结构
Joomla!的所有组件都遵守指定的命名约定。每个系统组件都有唯一的名字，名字不要包括空格。代码分成两个文件夹，文件夹以com_开头，紧接着就是组件的名字。因此，你要创建两个相同名字的com_reviews文件夹，一个放到前端components下，另一个放到后端administrator/components 下。当组件被前端加载的时候，Joomla!将会查找以组件唯一命名并以 .php扩展名结束的文件。在components/com_reviews 下建立review.php文件。相似地，在后端建立的文件需要在前面加上admin. ，在administrator/components/com_reviews 下建立 admin.reviews.php。
执行组件
Joomla!前端所有的请求都经过根目录的 index.php 文件，加载不同的组件是通过设置 URL GET 的option 变量。假设你本地的joomla!站点地址是 ，那么你加载的组件的地址应该是 ?option=reviews，打开reviews.php 文件并加入以下代码：
<?php defined( '_JEXEC' ) or die( 'Restricted access' ); echo '<div>Restaurant Reviews</div>'; ?>
你会看到类似的页面：
暂时不提供图片显示，请参考《Joomla! extension development》
你可能想知道一开始调用 defined() 函数的目的是什么，这是为了确保避免代码被直接通过 components/com_reviews/reviews.php 来访问。
在后端的administrator/components/com_reviews/admin.reviews.php 文件加上以下代码：
<?php defined( '_JEXEC' ) or die( 'Restricted access' ); echo 'Restaurant Reviews'; ?>
浏览地址：
?option=com_reviews ，比较页面的输出：
暂时不提供图片显示，请参考《Joomla! extension development》
Joomla!前后端的分离
Joomla!的所有组件，它们的代码使得后端部分与前端部分的代码很好地分离，在某些情况下，例如数据库表类，后端会使用前端的某些文件，但它们是独立的。当你不让后端的函数混入前端的代码那么安全性就加强了。这是后端和前端的结构相似的同时的一个很重要的特性。以下显示了Joomla!的根目录和administrator 文件夹展开的图表：
暂时不提供图片显示，请参考《Joomla! extension development》
要注意的是 administrator 文件夹与根目录有相似的结构。区分它们俩是很重要的，否则你可能会将你的代码放错位置了而执行失败，除非是将它们放回正确的位置。
在数据库注册组件
你现在知道怎么样访问前端和后端的组件，尽管每次你都能够通过手工输入URL来执行你的代码，但你的用户你无法接受的。如果你在数据库注册了组件，即在components数据表中加入一条记录，那么你就可以使用导航了。使用以下的SQL语句来注册组件：
INSERT INTO jos_components (name, link, admin_menu_link, admin_menu_alt, `option`, admin_menu_img, params) VALUES ('Restaurant Reviews', 'option=com_reviews', 'option=com_reviews', 'Manage Reviews', 'com_reviews', 'js/ThemeOffice/component.png', '');
这里声明了组件的名称，可以包括空格和标点，可以指定前端和后端的链接，可以指定后端组件菜单的图标。当你建立了基本的目录并加入了文件，有的组件已经准备好被执行了，而不需要写任何的SQL语句。这样你就在后端加入了组件的链接，也可以在前端适当的位置加入链接而不需要硬编码URL。刷新你后端的页面，下拉组件菜单，你会看到你的组件的子菜单项：
暂时不提供图片显示，请参考《Joomla! extension development》
既然组件已经注册了，你就可以在前端创建链接，去到
“菜单” | “主菜单”，然后单击“新建”按钮，从该页面中选择“Restaurant Reviews”，输入链接名称后，如下：
暂时不提供图片显示，请参考《Joomla! extension development》
点击“保存”，然后去到前端，你应该看到“Reviews”链接：
暂时不提供图片显示，请参考《Joomla! extension development》
你可以准备你的PHP技巧开始编写组件了。还要确保所有的前端请求都要通过 ?option=com_views，后端的请求通过 ?option=com_reviews。