joomla组件开发入门教程,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 文件并加入以下代码:
<?php defined( '_JEXEC' ) or die( 'Restricted access' ); echo '<div class="componentheading">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'; ?>
浏览地址:
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文件,并输入一下代码:
<?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(); } } ?>
包括输出代码的文件通常会组织成类,像这里的TOOLBAR_reviews。每个成员函数都会显示不同的工具栏。JtoolBarHelper类包含了所有创建工具栏HTML元素的函数,你也可以加入自定义的HTML。你需要明白的是工具栏是有HTML表格构建的,你可能想在你的导航上加入
工具栏现在被定义,但你需要加入一些代码来决定显示哪些按钮。Joomla!会自动加载以组件名开始,以 .reviews.php 结束的文件。加入以下的代码到administrator/components/com_reviews 下的 toolbar.reviews.php 文件:
<?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; } ?>
这行包含 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程序设计有所帮助。

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제









Vue 컴포넌트 개발: Step bar 컴포넌트 구현 방법, 특정 코드 예제가 필요합니다. 소개: Step bar 컴포넌트는 일반적인 UI 컴포넌트이며, 그 사용은 사용자 등록 프로세스, 주문 제출 프로세스 등과 같은 많은 애플리케이션에서 볼 수 있습니다. 이 기사에서는 Vue.js를 사용하여 단계 표시줄 구성 요소를 개발하는 방법을 소개하고 특정 코드 예제를 제공합니다. 1단계: 준비 작업 먼저 프로젝트에 Vue.js 및 스타일 라이브러리(예: Bootstrap)는 물론 단계 표시줄 구성 요소의 아이콘 라이브러리(예: FontAweso)를 도입해야 합니다.

Golang은 높은 동시성과 높은 신뢰성을 갖춘 프로그래밍 언어로, 최근 몇 년 동안 웹 개발에서 많은 주목을 받고 있습니다. Joomla는 우수한 모듈성과 사용 편의성을 갖춘 오픈 소스 콘텐츠 관리 시스템입니다. 본 글에서는 Golang을 주요 개발 언어로, Joomla를 기본 프레임워크로 사용하여 Joomla 기반 웹 애플리케이션 개발 방법을 소개합니다. 1. Joomla 소개 Joomla는 PHP를 기반으로 개발된 오픈 소스 CMS 시스템으로 사용 편의성, 유연성, 유연성 등 많은 장점을 가지고 있습니다.

Bootstrap 프레임워크의 특징: 모바일 우선 디자인, 반응형 레이아웃 제공. 다중 열 레이아웃을 쉽게 생성할 수 있는 유연한 그리드 시스템. 공통 UI 요소를 포함한 풍부한 구성 요소 라이브러리. 높은 수준의 사용자 정의를 지원하는 사용자 정의 가능한 테마입니다. 브라우저 간 호환성을 통해 웹사이트가 다양한 장치에서 올바르게 표시됩니다. 필요한 구성 요소만 포함된 경량의 모듈형 제품입니다. 컴포넌트 개발을 지원하고 개발 효율성을 향상시킵니다. 프로젝트를 빠르게 시작할 수 있도록 시작 템플릿을 제공합니다.

Vue 컴포넌트 개발 : Accordion 컴포넌트 구현 방법, 구체적인 코드 예시가 필요합니다. 소개 : 웹 개발에서 아코디언(Accordion)은 콘텐츠를 숨기고 표시하는데 사용되는 공통 컴포넌트입니다. 사용자는 제목을 클릭하여 콘텐츠 영역을 확장하거나 축소할 수 있습니다. 이 기사에서는 Vue 구성 요소를 사용하여 간단한 접이식 패널 구성 요소를 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. 프로젝트 준비 먼저 VueCLI를 사용하여 프로젝트를 생성할 수 있도록 준비해야 합니다.

현재 가장 인기 있는 기술 직위 중 하나인 Java 엔지니어는 직장에서 두각을 나타낼 수 있는 전문 기술 인증서를 보유하고 있습니다. 그렇다면 Java 엔지니어에게 필요한 자격증은 무엇일까요? 이 기사에서는 Java 엔지니어에게 가장 중요한 인증을 살펴보겠습니다. SCJP(SunCertified Java Programmer) 인증 SCJP는 Sun(현재 Oracle에 인수됨)에서 제공하는 Java 프로그래밍 언어에 대한 기본 수준 인증입니다. 이 인증서는 Java 엔지니어가 시작하기 위한 첫 번째 단계입니다.

Pagoda Panel은 사용자가 Linux 서버에 웹 사이트, 애플리케이션 및 데이터베이스를 신속하게 배포하는 데 도움이 되는 웹 기반 서버 관리 소프트웨어입니다. 그 중 Pagoda 패널의 핵심 기능은 WordPress, Joomla, Drupal 등 다양한 오픈소스 CMS를 원클릭으로 설치하는 것입니다. 서버 관리에 익숙하지 않은 웹 사이트 관리자의 경우 CMS를 수동으로 배포하는 것은 지루한 작업이 될 수 있습니다. 소프트웨어 다운로드, 압축 해제, 데이터베이스 구성 및 파일을 서버에 업로드하는 프로세스가 포함됩니다. 이러한 단계는

Vue 컴포넌트 개발: 버블 프롬프트 컴포넌트 구현 방법 버블 프롬프트 컴포넌트는 사용자에게 메시지를 표시해야 하는 웹 페이지에서 일반적으로 사용됩니다. 예를 들어, 특정 영역 위에 마우스를 올렸을 때 더 자세한 정보가 표시되어야 합니다. 이 기사에서는 Vue 구성 요소 개발에서 버블 프롬프트 구성 요소를 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 컴포넌트 구성 버블 프롬프트 컴포넌트는 크게 다음 세 부분으로 구성됩니다. 트리거 트리거는 마우스를 올리거나 클릭할 때 나타날 수 있는 버블 프롬프트를 트리거하는 데 필요한 요소를 말합니다. 트리거는 다음을 나타내도록 스타일을 지정해야 합니다.

Vue 구성 요소 개발: 서식 있는 텍스트 편집기 구현 인터넷의 급속한 발전으로 서식 있는 텍스트 편집기는 현대 웹 애플리케이션에서 없어서는 안 될 부분이 되었습니다. 서식 있는 텍스트 편집기는 사용자가 텍스트 스타일 수정, 이미지 삽입, 링크 생성 등을 쉽게 수행할 수 있도록 더욱 풍부한 편집 기능을 제공합니다. Vue.js에서는 다양한 플러그인과 라이브러리를 사용하여 리치 텍스트 편집기를 구현할 수 있습니다. 이 기사에서는 Vue.js 및 Quill.js 라이브러리를 사용하여 개발된 서식 있는 텍스트 편집기를 소개합니다. Quill.js는 Jav 기반입니다.
