目录
joomla组件开发入门教程,joomla组件入门教程
首页 php教程 php手册 joomla组件开发入门教程,joomla组件入门教程

joomla组件开发入门教程,joomla组件入门教程

Jun 13, 2016 am 08:40 AM
joomla 组件开发

joomla组件开发入门教程,joomla组件入门教程

本文讲述了joomla组件开发知识点。分享给大家供大家参考,具体如下:

在你进行编码之前,有一些文件和文件夹需要创建和一些查询语句需要运行。你不但可以创建组件而且不用额外的配置就可以尝试不同的特性。你也可以看到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!站点地址是 http://localhost/joomla/index.php,那么你加载的组件的地址应该是 http://localhost/joomla/index.php?option=reviews,打开reviews.php 文件并加入以下代码:

<&#63;php
defined( '_JEXEC' ) or die( 'Restricted access' );
echo '<div class="componentheading">Restaurant Reviews</div>';
&#63;>

登录后复制

你会看到类似的页面:

暂时不提供图片显示,请参考《Joomla! extension development》

你可能想知道一开始调用 defined() 函数的目的是什么,这是为了确保避免代码被直接通过 components/com_reviews/reviews.php 来访问。

在后端的administrator/components/com_reviews/admin.reviews.php 文件加上以下代码:

<&#63;php
defined( '_JEXEC' ) or die( 'Restricted access' );
echo 'Restaurant Reviews';
&#63;>

登录后复制

浏览地址:
http://localhost/joomla/administrator/index.php?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技巧开始编写组件了。还要确保所有的前端请求都要通过 http://localhost/joomla/index.php?option=com_views,后端的请求通过 http://localhost/joomla/administrator/index.php?option=com_reviews。

Joomla!是非常灵活的,可以让你做你喜欢做的事情。我们这个例子中,会教你从新建一个组件开始,然后设计工具栏、用户、数据库类和库等,一旦你理解了它们的工作原理,这些元素将会省下你大量的时间。

创建工具栏

在Joomla!的后端,所有的核心组件都实现相同的保存、删除、编辑和发布项目等按钮,你可以在你的组件中使用这些按钮以便管理员会有无缝的体验。首先,在administartor/components/com_reviews 文件夹下创建 toolbar.reviews.html.php文件,并输入一下代码:

<&#63;php
defined( '_JEXEC' ) or die( 'Restricted access' );
class TOOLBAR_reviews {
function _NEW() {
JToolBarHelper::save();
JToolBarHelper::apply();
JToolBarHelper::cancel();
}
function _DEFAULT() {
JToolBarHelper::title( JText::_( 'Restaurant Reviews' ),
'generic.png' );
JToolBarHelper::publishList();
JToolBarHelper::unpublishList();
JToolBarHelper::editList();
JToolBarHelper::deleteList();
JToolBarHelper::addNew();
}
}
&#63;>

登录后复制

包括输出代码的文件通常会组织成类,像这里的TOOLBAR_reviews。每个成员函数都会显示不同的工具栏。JtoolBarHelper类包含了所有创建工具栏HTML元素的函数,你也可以加入自定义的HTML。你需要明白的是工具栏是有HTML表格构建的,你可能想在你的导航上加入 标签。

工具栏现在被定义,但你需要加入一些代码来决定显示哪些按钮。Joomla!会自动加载以组件名开始,以 .reviews.php 结束的文件。加入以下的代码到administrator/components/com_reviews 下的 toolbar.reviews.php 文件:

<&#63;php
defined( '_JEXEC' ) or die( 'Restricted access' );
require_once( JApplicationHelper::getPath( 'toolbar_html' ) );
switch($task)
{
case 'edit':
case 'add':
TOOLBAR_reviews::_NEW();
break;
default:
TOOLBAR_reviews::_DEFAULT();
break;
}
&#63;>

登录后复制

这行包含 require_once(),使用 JapplicationHelper 类的成员函数 getPath() 来获取toolbar.reviews.php 文件的路径,而不用包括组件的名称,即使你改变了组件的名称,你不需要修改代码还是可以正常加载文件。

说明

你可能想知道为什么一开始就创建 toolbar.reviews.php 和 toolbar.reviews.html.php 这两个文件。组件开发人员首选的编码风格是让处理逻辑与输出完全分离,这样以后加入特性和与别人分享代码就非常容易了。

toolbar.reviews.php 用输出类加载文件后,你需要要决定显示哪个工具栏。请求的变量 $task会自动注册成为全局变量并有来导向组件的逻辑流。现在刷新后端的页面,进入 Restaurant Reviews组件,然后你应该能看到以下的工具栏:

暂时不提供图片显示,请参考《Joomla! extension development》

要看其它的工具栏,在URL后面加上 &task=add ,重新加载页面,你应该看到以下的工具栏:

暂时不提供图片显示,请参考《Joomla! extension development》

当你的用户要使用你的组件的时候,他们当然不想自己手动地在URL后添加 task 变量,那么他们怎么才能使用第二个工具栏呢?每个工具栏都对应着不同的 task ,当一个按钮被点击,相关的 task 就会加入到表单中并自动提交。

一旦适合的表单在适合的位置时,单击“新建”按钮会看到第二个工具栏,既然我们没有任何的表单在后端,这些工具栏按钮是不会工作的。下一章将会教你怎么让这些按钮生效。

有效的工具栏按钮

Joomla!允许你使用自己的 task 和 label 覆盖任何的按钮,分别传入第一个和第二个参数来覆盖。以下是Joomla!标准版本提供的有效的按钮:

暂时不提供图片显示,请参考《Joomla! extension development》

说明:

如果你想创建想核心按钮一样的自定义按钮,可以使用 JtoolBarHelper 的成员函数 custom() ,并传递 task、icon、mouse-over 图片和文本描述作为参数。

更多关于joomla相关内容感兴趣的读者可查看本站专题:《Yii框架入门及常用技巧总结》、《php优秀开发框架总结》、《smarty模板入门基础教程》、《ThinkPHP常用方法总结》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

希望本文所述对大家基于joomla程序设计有所帮助。

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

Vue组件开发:步骤条组件实现方法 Vue组件开发:步骤条组件实现方法 Nov 24, 2023 am 09:31 AM

Vue组件开发:步骤条组件实现方法,需要具体代码示例引言:步骤条组件是一个常见的UI组件,在许多应用中都可以看到它的使用,例如用户注册流程、订单提交流程等。本文将介绍如何使用Vue.js开发一个步骤条组件,并给出具体的代码示例。步骤一:准备工作首先,我们需要在项目中引入Vue.js和样式库(如Bootstrap),以及步骤条组件的图标库(如FontAweso

Golang学习之基于Joomla的Web应用程序开发 Golang学习之基于Joomla的Web应用程序开发 Jun 24, 2023 pm 12:15 PM

Golang是一种并发性高、可靠性强的编程语言,近年来在Web开发中备受关注。Joomla是一种开源的内容管理系统,具有良好的模块化、易用性等特点。本文以Golang为主要开发语言,以Joomla为基础框架,介绍了一种基于Joomla的Web应用程序开发方法。一、Joomla简介Joomla是一种基于PHP开发的开源CMS系统,具有许多优点,比如易用性、灵活

Java工程师常用的认证证书都有哪些? Java工程师常用的认证证书都有哪些? Feb 02, 2024 pm 09:22 PM

Java工程师作为目前热门的技术岗位之一,拥有专业的技术证书将会使其在职场上脱颖而出。那么,Java工程师必备的证书有哪些呢?本文将探讨Java工程师最重要的证书。SCJP(SunCertifiedJavaProgrammer)认证SCJP是由Sun(现在被Oracle收购)公司提供的Java编程语言的基础级别认证。这个证书是Java工程师入门的第一道

Vue组件开发:折叠面板组件实现方法 Vue组件开发:折叠面板组件实现方法 Nov 24, 2023 am 08:08 AM

Vue组件开发:折叠面板组件实现方法,需要具体代码示例引言:在Web开发中,折叠面板(Accordion)是一个常见的组件,用于隐藏和显示内容。它允许用户通过点击标题来展开或收起内容区域。本文将介绍如何使用Vue组件来实现一个简单的折叠面板组件,并提供具体的代码示例。一、项目准备首先,我们需要准备一个Vue项目,可以使用VueCLI创建一个

Vue组件开发:富文本编辑器的实现 Vue组件开发:富文本编辑器的实现 Nov 24, 2023 am 08:08 AM

Vue组件开发:富文本编辑器的实现随着互联网的快速发展,富文本编辑器成为了现代Web应用中不可或缺的一部分。富文本编辑器提供了更丰富的编辑功能,使用户可以轻松地修改文本样式、插入图片、创建链接等。在Vue.js中,我们可以使用各种插件和库来实现富文本编辑器。本文将介绍一个使用Vue.js和Quill.js库开发的富文本编辑器。Quill.js是一个基于Jav

vue中value是什么意思 vue中value是什么意思 May 09, 2024 pm 04:06 PM

Vue.js 中的 value 属性用于实现双向数据绑定,将组件中的数据值与数据模型中的值同步更新。使用方法包括:在数据模型中定义可响应属性。在组件模板中使用 v-model 指令将 value 属性绑定到数据属性。value 属性类型包括字符串、数字、布尔值、数组和对象。双向数据绑定的好处是简化组件开发、保持数据模型和组件值同步,以及实现响应式用户交互。

bootstrap框架特点有哪些 bootstrap框架特点有哪些 Apr 05, 2024 am 01:21 AM

Bootstrap 框架的特点:移动优先设计,提供响应式布局。灵活的网格系统,轻松创建多列布局。丰富的组件库,包括常见的 UI 元素。可定制的主题,支持高度定制。跨浏览器兼容,确保网站在不同设备上正常显示。轻量级和模块化,仅包含所需组件。支持组件开发,提高开发效率。提供起点模板,快速启动项目。

Vue组件开发:气泡提示组件实现方法 Vue组件开发:气泡提示组件实现方法 Nov 24, 2023 am 08:33 AM

Vue组件开发:气泡提示组件实现方法气泡提示组件常见于网页中需要对用户进行提示的场景,例如鼠标悬浮在某个区域时需要显示更详细的信息。本文将介绍Vue组件开发中实现气泡提示组件的方法,并提供具体的代码示例。组件构成气泡提示组件主要由以下三个部分构成:触发器触发器是指需要触发气泡提示的元素,可以是鼠标悬浮时出现、或是点击时出现。触发器应该进行样式的设置,以表明其

See all articles