基于Joomla的企业门户网站配合MySQL数据库管理系统设计与实现毕业论文

摘 要Joomla 是一套在国际开源界相当知名的内容管理系统（Content Management System,CMS）,他构架在 PHP 语言 + MySQL 数据库之上。可以运行在如Linux、Windows、MacOSX等各种不同的平台上。本论文是基于 Joomla 的企业门户网站，采用 PHP 语言编写，配合 MySQL 数据库管理系统完成设计与实现。该网站是一家IT企业，主要业务是负责网站建站和实施。而本系统实现了网站前台主要功能模块，主菜单模块：方便网站浏览者浏览网站信息；首页幻灯片模块：推荐 Phoenix 企业的典型成功案例。成功案例模块：详细深入展示公司已做的成功网站，快速直观展示 Phoenix 企业的项目经验和技术实力。博客模块：实时分享技术上的经验和心得，供广大技术爱好者参考，提升网站的用户粘度。Joomla Platform（Joomla框架）。理论上来说它几乎无所不能，除了网站，还可以进行广泛的web开发、手机应用开发等等，所以 Joomla 建站解决方案将会成为建站领域的一只主力军。关键词：开源， CMS， Joomal， 数据库， PHP ABSTRACTJoomla is a fairly well-known in the international community of open source content management system (Content Management System, CMS). His framework is on PHP plus MySQL database language .It can run on a variety of platforms such as Linux, Windows, MacOSX and so on.This thesis is based on the Joomla enterprise portals using PHP language, design and implementation is completed with the MySQL database management system. The site is an IT company, the main business is responsible for Website implementation. The system achieve the main function modules. The main menu module: it is easy to web surfers to visit the website information; Home Slideshow module: recommended typical business of Phoenix the successful stories. Blog modules: have a sharing of technical experience for theTechnology lovers , refering to enhance the viscosity of the site s users .Joomla Platform (Joomla framework )theoretically can do anything. Not only for the site, but also a wide range of web development , mobile application development and so on have been done. Joomla Website Solutions will become a main force in the field.Keywords: Open Source, CMS, Joomal, Database, PHP目 录1 引言11.1 建站背景11.2 建站目的与意义12 开发工具介绍22.1 Joomla 简介22.2 运行环境简介32.2.1 Apache Server简介32.2.2 MySQL简介42.2.3 PHP语言环境52.2.4 集成环境安装62.2.5 安装joomla83 系统需求分析123.1 系统功能性需求分析123.1.1 前台功能需求123.1.2 后台功能需求133.2 系统非功能性需求分析133.2.1 人力资源可行性133.2.2 法律可行性144 网站的分析与设计144.1 网站整体设计144.2 网站功能模块设计154.2.1 响应式设计154.2.2 首页幻灯片模块184.2.3 成功案例模块204.2.4 页面banner模块224.2.5 service模块234.2.6 blog文章模块244.2.7 表单模块255 网站的开发与实现265.1 joomla 管理后台265.2 菜单管理275.2.1顶部菜单275.2.2 底部菜单285.3 分类管理295.4 文章管理325.5 媒体管理375.6 组件管理405.6.1 Simple Image Gallery 插件415.6.2 BT Background SlideShow 插件445.6.3 RokSprocket Module插件495.6.4 RSForm! Pro插件505.7 用户管理525.7.1 用户添加525.7.2 后台用户权限控制536 数据库的实施546.1 joomla连接数据库546.2 用phpmyadmin导出数据库577 总结与展望588参考文献59致谢611 引言1.1 建站背景随着电子商务的迅猛发展，很多中小企业都意识到了建立企业网站的重要性。Phoenix 也是这样一个设计公司，在广告设计行业工作了16年，已为100多家公司的不同大小，包括房地产、餐厅、健康与医学、服务、汽车、电器等在内30多个行业。公司有丰富的经验，致力于帮助客户开发的企业形象，构建出个网址，平面设计，包装设计，以及广告设计。由于公司业务越来越广泛，企业需要进入一个高需求的市场，并将公司多年积累的经验和成功案例进行展示，为客户及时提供所需信息和产品，从而在激烈的电子商务时代树立核心竞争力。但是Phoenix 公司内部缺乏专业的建站人员，而对于网站建设的流程更是了解不多，而武汉伊锐数码技术开发有限公司在中小型公司建站方面已有8年经验，技术十分纯熟，所以Phoenix 公司和武汉伊锐数码技术开发有限公司进行合作，而我作为参与项目建设的成员之一进行开发。1.2 建站目的与意义很多人认为建设一个网站觉得很复杂，同样也有很多人认为，做一个网站很简单，做一个网站是简单还是复杂呢？建设一个网站，其实最简单的方式，就是利用现成的系统来进行建设。这样就不得不说内容管理系统在网站建设中的巨大优势了。本次开发使用的是Joomla 开源内容管理系统（CMS），它以信息共享为核心目的，面向海量信息处理，集信息数字化、分布存储、管理、传播、查询于一体，可以实现从内容采集、创建、传递到内容分析等的完整整合；内容管理系统包括网络信息内容的创建和获取、存储和管理、权限管理、访问查询以及信息发布等一系列功能，其功能模块化的设计，完善的管理员权限等级设置，可以实现不同部门不同地点的内容创作人员、编辑人员、发布人员，均可根据各自不同的权限在同一平台上提交、修改、审批、发布包括文件、图片、视频、音频等在内的各种内容。现今网络是最为强大的媒体介质，不受空间和时间的限制，企业在做好网站以后，在世界的任何地方，只有知道网站的网址，就可以看到企业的网站内容，互联网在中国正以几何级数速度发展，因此，任何一家企业，都不应置身于互联网之外，因为现在网上做个网站就相当于在网上开家公司。是企业发展的网上资源和环境。而且，当今社会竞争激烈，谁先开拓新的市场，谁就抢得先机，互联网这个广阔的虚拟市场，如果被企业的竞争对手捷足先登，率先占领脚跟，那对一个企业来说损失是很大的。一个设计精美，信息充实的网站给人的直观印象就是一个企业的企业形象，所以企业网站建设无疑是一种宣传企业产品和服务的最佳选择。 从广告意义上说，企业网站事关企业形象建设，没有网站也谈不上企业形象。网站作为一个有互动功能的平台同时还可以起到与客户互动来往的作用，企业建立网站，将信息咨询开设到网上，更方便提供信息服务。可与外部建立实时的、专题的或个别的信息交流渠道。可以使客户全面和客观地了解企业和企业的服务及产品。又因为是直接对话，具有增进感情的作用。电子商务是当今新兴的商务模式，从不同的角度出发有不同的定义。可以理解为以互联网为依托，借助一定的信用支付手段，在网络上进行产品的购销、费用支付及其他商务活动等。电子商务是未来经济形式发展的大趋势，目标是实现交易信息的网络化和电子化，企业上网通常都会加入到网上的某个行业协会网站或商业网站中，成为会员或网员。在行业协会网站或商业网站上发布供求信息，获取有关政策和市场信息，享受其他的服务。企业建立 网站，从销售的观点看，可以减少交易的中间环节，降低成本。企业网站还可以扩建成为网上销售和售前售后咨询服务中心。发布企业广告，网站做为一种媒体的形式，企业网站本身就是广告，一些企业在网上建立自己的网页，或者开设自己的网站，把企业信息集中起来，分类分栏，方便浏览。现代社会中的所有著名企业都在网上建立了自己的网页或网站。 2 开发工具介绍2.1 Joomla 简介Joomla 是一套在国内外用于建立网站非常多的一套内容更管理系统，它属于商业入口网站类型，使用PHP脚本脚本语言所开发的软件系统，通过后台的MySQL 数据库和前台信息进行交互。Joomla 由若干模块、组件以及触发器组成，能在Linux、Windows等多种不同的系统平台上执行。Joomla 是由一套自由、开发源代码的内容管理系统。Joomla 包括基本的内容管理、图片管理、网站布局和模板管理。同时，用户可以通过上千个插件进行功能扩展，如电子商务购物车、论坛于聊天、博客、分类目录管理、广告系统管理、电子报等。Joomla 具有易安装、易设置、易拓展三大特点，用户可以轻松构建维护一个功能强大，技术架构先进，面向搜索优化的网站。下面简单介绍一下它的优点5：1.友好的用户体验,Joomla不仅拥有干净出众的UI，而且里面的一些概念，诸如模块、文章、菜单、插件、组件等等，只要经过短时间的了解，就能够快速掌握并使用它们。2.强大的插件库,Joomla拥有一个非常强大的插件库，而且许多好用方便的插件都是开源且免费提供使用的，从而大大加强了Joomla网站的功能扩展性。3.强大的内容管理能力,由于Joomla一开始就是为企业建站而量身定做的，这使得它在处理大量文章内容以及模块化建站方面更加得心应手，整个网站的逻辑结构也更加清晰。4.开源且免费，源代码完全开源，任何人都可以使用，而不需要支付任何授权费用，降低企业信息化建设的成本。5.系统拥有完善的内容管理功能6，完善在用户/权限/内容/分类/导航/菜单体系，一般可在门户网站建设时，节省90%的后台开发和架构开发时间。2.2 运行环境简介Joomla 是一套自由，开放代码的内容管理系统，以PHP撰写，用于发布内容在万维网与内容网。Joomla 的安装应用是以Apache + php + MySQL为环境基础而实现的。所以首先进行的是环境配置7。2.2.1 Apache Server简介Apache 即Apache HTTP Server ，是Apache 软件基金会的一个开放源代码的网页服务器，是如今Internet 上最流行的Web 服务器，已成为引领潮流的Web 服务器。它可以在多个操作系统中使用，具有非常好的跨平台性。安装的步骤如下：运行下载好的“apache_2.4.4-x64-no-ssl.msi”，出现Apache HTTP Server 2.4.4 的安装界面，开始安装。点击Next -选择I accept the terms in the license agreement -然后点击Next。看到界面 Server Information填写如下（不改动用默认值也可以其中X,Y为任意合法字符串，但是这三句话的X和Y要保持一致）-这里选择custom -点击next -进入Custom Setup界面-选择最上面的那个下拉箭头 -选择第二项：This feature, and all subfeatures, will be installed on local hard drive. 这时，下方的所有东西应该都是被选中的，没有打的 -点击Change选择安装目录（别放在C盘里较好）-点击Next直至安装完成。配置步骤如下：打开安装目录在conf文件夹里面找到httpd.conf打开（这里注意一点：一般文件地址的“”在Apache里要改成“/”），按键ctrl+h进入查找 查找关键字“DocumentRoot”（也就是网站根目录），然后将内的地址改成你的网站根目录； 双引号中间的路径和中双引号中的路径一样； 这个是我的配置DocumentRoot G:/Apache/htdocs； DirectoryIndex（目录索引，也就是在仅指定目录的情况下，默认显示的文件名），可以添加很多，系统会根据从左至右的顺序来优先显示，以单个半角空格隔开DirectoryIndex index.html。2.2.2 MySQL简介MySQL8是一个关系型数据库管理系统，由瑞典MySQL AB公司开发，目前属于Oracle公司。Mysql是最流行的关系型数据库管理系统，在WEB应用方面MySQL是最好的RDBMS(Relational Database Management System：关系数据库管理系统)应用软件之一。MySQL是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。MySQL所使用的SQL语言是用于访问数据库的最常用标准化语言。MySQL软件采用了双授权政策（本词条“授权政策”），它分为社区版和商业版，由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择MySQL作为网站数据库。由于其社区版的性能卓越，搭配PHP和Apache可组成良好的开发环境。安装MySQL的步骤如下：1、运行mysql安装文件2、 按Next，然后选择安装方式，有Typical（默认）、Complete（完全）、Custom（用户自定义），选择第二个选 项Custom，下一步,MySQL Server(mysql服务器）,Developer Components(开发者部分),Debug Symbols(调试符号),Server data files(服务器数据文件)默认3、改变安装路径；原路径是C:Program FilesMySQLMySQL Server 5.5，也可以修改为：E:Program FilesMySQL Server 5.5。下一步,安装,会弹出窗口,点下一步,再点下一步,选择Launch the MySql instance Configuration Wizard，意思是启动MySQL实例配置向导,再点击Finish,再点下一步,Detailed Configuration（详细配置）和Standard Configuration（标准配置）,选择详细配置,下一步。4、选择服务器 类型，Developer Machine（开发测试类，mysql占用很少资源）、Server Machine（服务器类型，mysql占用较多资源）、DedicatedMySQL Server Machine（专门的数据库服务器，mysql占用所有可用资源），根据自己的类型选择，测试软件选Developer Machine，服务器选Server Machine,下一步。5、选择创建MySQL表时使用的表处理 器，Multifunctional Database（通用多功能型，好,同时使用InnoDB和MyISAM储存引擎）、Transactional Database Only（服务器类型，专注于事务处理，主要使用InnoDB只偶尔使用MyISAM,一般）、Non-Transactional DatabaseOnly（非事务处理型，较简单，完全禁用InnoDB储存引擎，将所有服务器资源指派给MyISAM储存引擎），随自己的用途而选 择.2.2.3 PHP语言环境PHP（PHP: Hypertext Preprocessor的缩写，中文名：“超文本预处理器”）是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点，入门门槛较低，易于学习，使用广泛，主要适用于Web开发领域。PHP的文件后缀名为php。PHP9独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML（标准通用标记语言下的一个应用）文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。2.2.4 集成环境安装虽然可以通过分别安装Apache、MySQL及php来搭建一个本地服务器，但是很明显这个过程比较复杂。尤其是第一次接触Apache服务器环境的新手，要想自己分步安装并配置好服务器，恐怕要费很大功夫。既然我们用5分钟就可以搭建好一个本地服务器，何必自己在那里折腾呢？这就是我推荐XAMPP的理由。WAMP的安装过程如下10：1.下载最新的安装包(官方网站，SourceForge)，当前版本WampServer Version 2.4，集成了apache2.2.22(或apache2.4.2)、php5.3.13（或php5.4.3）+PECL、SQLitemanager、MySQL 5.5.24、Phpmyadmin。2.运行安装包。a)首先会弹出一个“重要提示”，告诉你，“不要从wamp5.1.x版本，如果之前安装过wamp5.1.x，那么安装新版本之前，请保存数据，卸载wamp5并删除wamp目录”。如果是全新安装的话，直接点“是”即可。b)弹出安装向导。点击【next】进行下一步即可。c)安装协议，选择【I accept the agreement】，继续点击【next】进行下一步。d)选择安装目录，默认是c:wamp，也根据自己需要设置在其他盘。e)询问是否在快速启动栏和桌面创建快捷方式。选好之后继续点击【next】进行下一步。f)确认设置是否正确，点击【install】开始安装。g)安装中h)弹出对话框，是否安装新的【WampServer2主页】，选择同意之后会覆盖wamp安装目录下www文件夹中的index.php文件。（例如 c:wampwwwindex.php）。确认没有问题的话就选“是”吧。i)安装完毕，询问是否启动WampServer2。点击【Finish】完成安装。3.安装完毕之后，右下角的任务栏会多出一个wamp的小图标，若安装的wamp版本为wamp5 1.7.4，成功启动后鼠标右键点击系统右下角的扇形小图标，依次选择【Language】-【chinese】,即可更换为中文操作界面。图3-1 wamp集成环境界面4、将安装好wamp的数据库中bin的路径复制到计算机的环境变量设置的path中，如 D:wampbinmysqlmysql5.6.12bin。5.在浏览器里输入http:/localhost或，按回车进行测试是否安装成功。图3-2 wamp 安装成功界面2.2.5 安装joomlaJoomla!安装步骤如下：1、打开joomal官方网站/，下载Joomla！2.5，把下载的压缩包解压后的所有文件夹和文件上传到网站根目录(或自己想要放置的子目录)，注意：命名最好用英文，不要有汉字。图2-3 joomal官方网站2、文件上传完毕后，打开浏览器，在地址栏输入绑定的域名或IP地址(或直接输入http:/你的域名/installation/index.php)，将自动进入Joomla安装页面图2-4 joomal语言安装界面在“选择语言”窗口中选择安装的语言版本，博客吧这里选择“简体中文”，然后点击右上角的“下一步”。图2-5 joomal安装前检查界面进入安装前检查界面检查服务器环境是否符合joomla的安装要求，如图所示符合则直接点击“下一步”。图2-6 joomal软件许可证界面进入软件许可证界面，查看GNU通用公共授权(第二版)，直接点“下一步”。图2-7 joomal数据库配置界面进入“数据库设置”界面，在“基础配置”中，数据库类型选择MySQL，主机名为数据库的主机名，一般是localhost(如果不正确请联系服务 商);用户名和密码即为数据库的用户名和密码;数据库名是要使用的数据库的名字;表前缀保持默认即可;旧数据的处理，如果是全新安装就选择删除吧。设置好 好，点击“下一步”。图2-8 joomal FTP配置界面进入FTP配置界面，通常可跳过不用设置，如果要设置就把服务商给的FTP账号密码主机IP按图所示输入即可，直接“下一步”。图2-9 joomal 后台登录信息配置界面进入主要配置界面，这里设置的是网站的基本信息，如果网站的名称，描述和关键词，描述和关键词要围绕网站的中心内容填写，利于网站的发展;管理员的邮箱 和密码自主设置，邮箱一定是可以使用的邮箱;如果第一次安装，对joomla不熟悉可以选择安装示范数据，如果要直接建站则不安装，然后点击“下一步”。图2-10 joomal 配置完成界面出现“恭喜!已经成功安装你的Joomla网站”，则表示安装完成，点击“删除安装目录”就可以正常使用Joomla程序系统了。3 系统需求分析系统需求分析是一个非常重要的过程，因为它具有决策性，方向性，策略性的作用，在网站开发的过程中具有举足轻重的地位。以下主要分为系统功能和系统非功能需求分析两个方向，从网站实际实施时的模块设计和分析系统的安全性、可靠性来讲解。3.1 系统功能性需求分析3.1.1 前台功能需求（1） 网站名称：第一考场 ；网站域名：http:/www.phoenixwise.ca/，网站主色调：天蓝色。（2） 系统灵活性：对主流操作系统或浏览器的支持；系统具有可扩充性、可移植性、兼容性、通用性。（3）响应式设计：要求网站在大屏幕台式机、商用手提电脑、平板电脑以及智能手机都能完美地显示，其中屏幕宽度从1920至1200的，用1920的标准；屏幕宽度从1199至960的，用1024 x 768的标准；屏幕宽度从959至768的，用768 x 1024的标准；屏幕宽度从767至481的，用600 x 800的标准；屏幕宽度低于481的，用480 x 320的标准。（4）易用性可维护性：界面友好，风格美观，易于接受，新手帮助的文档完美，使用方便；系统易理解、易测试、易修改 维护手册文档完善 技术服务和技术培训资料信息完整。（5）稳定性以及安全性：网站响应速度、运行时资源消耗量、同时在线数量、同时阅读在线数量；在身份认证、授权控制、私密性等方面的要求；防止黑客入侵；防止木马植入；网站崩溃的频率、严重程度、易恢复性，以及故障可预测性等。3.1.2 后台功能需求（1） 菜单管理 提供对前台菜单进行增加，删除，修改，复制等功能。（2） 文章管理 提供对页面文章进行增加，删除，修改，复制等功能。（3） 媒体管理 提供对系统所有媒体文件（图片或视频）提供上传，删除，插入等功能。（4） 用户管理 提供对后台系统维护人员进行编辑，增加，删除等功能。（5） 可以接受用户提交的表单信息，并对此进行删除操作。3.2 系统非功能性需求分析3.2.1 人力资源可行性武汉伊锐数码技术开发有限公司成立于2009年，现已成为 PHP 领域中国最杰出的外包公司之一， 而且于2012年通过了 CMMI3 的正式认证， 由此标志着公司在 PHP 软件外包及售后服务方面已达国际水准， 在项目管理与开发流程上亦具备专业等级要求。武汉伊锐数码技术开发有限公司50%成功案例是由joomla建设开发，积累的丰富的joomla 开发经验，本次开发主要由资深joomla开发工程师熊波和熟练掌握前端DIV+CSS知识的我完成，熊波负责网站框架搭建，而我负责网站所有WEB前端开发。3.2.2 法律可行性根据中华人民共和国计算机软件保护条例（1991年6月4日中华人民共和国国务院令第84号发布）（修改后的新条例2002年1月1日起施行）第九条可知：软件著作权人享有下列各项权利11:（1） 发表权，即决定软件是否公之于众的权利。（2） 开发者身份权,即表明开发者身份的权利以及在其软件上署名的权利。（3）使用权，即在不损害社会公共利益的前提下,以复制、展示、发行、修改、翻译、注释等方式使用其软件的权利;（4）使用许可权和获得报酬权，即许可他人以本条第(三)项中规定的部分或者全部方式使用其软件的权利和由此而获得报酬的权利。（5）转让权，即向他人转让由本条第(三)项和第(四)项规定的使用权和使用许可权的权利。受他人委托开发的软件，其著作权的归属由委托者与受委托者签订书面协议约定，如无书面协议或者在协议中未作明确约定，其著作权属于受委托者。综上几点所述，该项目在技术和功能、人力资源和法律上具有可行性，可以进行开发。4 网站的分析与设计4.1 网站整体设计Phoenix网站的主要目的是对公司建站业务进行形象展示,凸显公司技术力量，其中成功案例是核心功能要点，其次公司的服务项目介绍和blog页面也为增加客户粘度，为用户提供可能需要的信息，针对客户的现有需求和潜在需求，Phoenix网站的整体页面结构如下图：图4-1 网站的整体页面结构图4.2 网站功能模块设计4.2.1 响应式设计通过Phoenix 提供的PSD设计图和文档要求，这是一个响应式设计的企业门户网站。根据模板的设定Responsive的标准，要求网站在大屏幕台式机、商用手提电脑、平板电脑以及智能手机都能完美地显示。其中屏幕宽度从1920至1200的，用1920的标准。图4-2 1920的标准PSD图屏幕宽度从1199至960的，用1024 x 768的标准。图4-3 1024 x 768的标准PSD图屏幕宽度从959至768的，用768 x 1024的标准。图4-4 768 x 1024的标准PSD图屏幕宽度从767至481的，用600 x 800的标准。图4-5 600 x 800的标准PSD图屏幕宽度低于481的，用480 x 320的标准。图4-6 480 x 320的标准PSD图通过Media Queries实现响应式布局设计设计11思路很简单，首先先定义在标准浏览器下的固定宽度（假如标准浏览器的分辨率为1024px，那么我们设置宽为980px），然后用Media Query来监测浏览器的尺寸变化，当浏览器的分辨率小于1024px的时候，则通过Media Query预设的样式表来将页面的宽度设置为百分比显示，这样子页面的结构元素就会根据浏览器的的尺寸来进行相对应的调整。同理，当浏览器的可视区域改变 到某个值（假如为650px）的时候，页面的结构元素根据Media Query预设的层叠样式表来进行相对应的调整。例如：media screen and （max-width： 980px） #wrap width：90%; margin:0 auto;#content width：60%;padding： 5%;#sidebar width：30%;#footer padding：8% 5%;margin-bottom：10px;4.2.2 首页幻灯片模块网站幻灯片是整个网站中最具有视觉传达部分，一个网站的好坏，幻灯片设计是占最重要的一部分，我们通常打开一个网站，第一眼看到的是网站幻灯片区域，因为幻灯片在整个网站编排中，所占位置最大，最为显眼。这个网站幻灯片设计的很有视觉享受，很有特色。网站幻灯片设计时所用的素材和图片一定要能够表达整个网站的中心思想和主要业务，而文字能起到画龙点睛的效果，所以网站素材选用也是非常关键的，一般采用平时少见的素材，才能给客户留下深刻的印象。图4-7 第一张幻灯片图图4-8 第二张幻灯片图图4-9 第三张幻灯片图图4-10 第四张幻灯片图4.2.3 成功案例模块这是一个建站和设计于一体的企业，所以成功案例是网站的首要展示功能，但是利用传统意义上的产品列表形式展示非常呆板，但是joomla 拥有非常丰富的插件，可以再实现基本功能的基础上，体现出非常绚丽的效果。设计图要求在鼠标放在每一个案例图片上时候，出现hover 效果，同时出现read more和放大图片的图标。在案例的顶部，有一个过滤器，不同的条件可以过滤出不同的案例。RokSprocket 模块就是这样一款可以实现这样效果的插件。它是Rockettheme 开发的一款超一流的、多用途的 Joomla 内容展示模块。用官方的话来说，它是一款革命性的扩展，在内容展示方面拥有令人难以置信的灵活性。先进的内容过滤，丰富的布局模式和选项，与多个 Joomla 内容组件的无缝集成使您操作起来得心应手。图4-11成功案例PSD图点击具体的案例图片之后，进入成功案例详细页面，会有网站的特点简介和截图，所有的案例的页面结构一样，用户乐意根据点击不同的目录来查看，甚至可点击网站的链接来查看原网站，360度了解成功案例，所有的设计简单但不简洁。图4-12成功案例详细页面PSD图另外Simple Image Gallery PRO 2.0 Nulled 插件也能在图片展示方面发挥巨大的魔力，这个插件能把一个位于Joomla!网站的图片目录变成一个网格样式的图片画廊，很酷的lightbox预览效果。图4-13 成功案例logo页面PSD图4.2.4 页面banner模块网站除了首页的banner外，其他的子页面的banner结构大体相同，都是由一张大图和一段文字介绍组成，但是文字需要和banner、菜单相对定位，不随屏幕分辨率的大小改变而改变。图4-14 service 页面中banner PSD图图4-15 about页面中banner PSD图图4-16 contact页面中banner PSD图4.2.5 service模块网站推出了4款服务，分别是Web Design & Development 、E-commerce Solutions 、Graphic Design 、Internet Marketing 。文本的样式和案例的详细页面一样，通过图文混排，页面小标签的形式进行展示,简介大方，信息量全面。图4-17 Web Design & Development 页面4.2.6 blog文章模块博客可为企业直接带来潜在用户博客内容发布在网站上，网站本身拥有大量的用户群体，能吸引大量潜在用户浏览，达到向潜在用户传递营销信息的目的，通过博客文章，可以增加用户通过搜索引擎发现企业信息的机会，这里所谓搜索引擎的可见性，也就是让尽可能多的网页被主流搜索引擎收录，并且当用户利用相关关键词检索时，这些网页出现的位置和摘要信息更容易引起用户的注意，从而达到利用搜索引擎推广网站目的，这也是博客营销最直接的价值表现。Blog中主要包括有与建站相关的价值的技术文章、网站链接、实用工具等等，所有的文章在blog页面以简短的文字介绍和图片展示，点击readmore后，出现文章的想也页面。这样可以帮组客户一次性浏览更多的信息。在文章列表右边，还有一个最新文章模块，这个只显示最新发表的5篇文章的链接，给客户提供一个筛选窗口。 图4-18 blog 页面PSD图4.2.7 表单模块对于一个非电子购物上城的网站，表单主要负责数据采集功能，是客户与网站完成信息交流的一个友好通道。在网站中，有两个表单需要建立，一个是about 页面的Request a Quote（询价表单），字段有Name、Phone Number 、Email、Company、Describe Your Project In a Few Sentences。另一个是contact 页面的建议反馈表单。字段有Nam、Phone、Emai、Subject Message四个。RSForm!Pro是 Joomla!下的一款非常非常棒的表单组件，可以称得上是最好的 Joomla 表单组件，通过它可以为网站添加各种各样的表单。图4-19 about页面表单图4-20 contact 页面表单5 网站的开发与实现以上介绍了网站整体的核心功能设计思想，接下来就是具体的后台实施操作，所有的核心模块都是通过后台的模块+插件+DIV代码+CSS代码进行编写和配置的。5.1 joomla 管理后台在joomla 配置中，已经设置了后台的用户名和密码，如下图：图5-1 joomla后台配置页面后台的默认地址为www.(前台地址)/administrator,点击进入后台界面。图5-2 joomla后台登录页面输入用户名和密码后，进入后台。后台主要分为site 、user 、menus、content、components、extension六大模块14。在site下global configuration设置中，涉及到网站名称和搜索引擎，及发布网站时的配置，其他的几个都是关于前台界面的配置。图5-3 joomla后台主界面5.2 菜单管理菜单是Joomla!核心元素之一。菜单需要新建时选择菜单类型，比如网站中选择了三个分类：main menu（顶部菜单），copyright menu（底部菜单），hidden menu（不显示的菜单）。一个菜单其实对应一个页面，新建菜单类型后就直接新建具体的菜单名字，每一个菜单会选择一个条目，可以使文章类型，也可以是列表类型（后面具体介绍），通过菜单来设置模块显示页面。菜单可以通过新建菜单选择父菜单来无限新建子菜单，十分方便。5.2.1顶部菜单网站的顶部菜单不是非常复杂，只有两级菜单。图5-4 前台菜单新建好“main menu”后，在其后新建菜单图5-5 joomla后台菜单选项一般新建菜单时，还没有新建文章，所以都在菜单一栏中选择“外链”，如果已经新建文章，菜单类型就根据文章类型显示，随后在右侧选择要显示的具体文章。在Parent Item 一栏中，如果新建的不是父目录，就需要选择下拉框中的具体父菜单。如果一切设置好信息，就可以直接将菜单的状态设置为“public”。图5-6 joomla后台菜单编辑界面5.2.2 底部菜单底部菜单在操作原理和顶部一样，只是他们属于不同的类别菜单，通过设置菜单类别位置可以显示在不同的位置。图5-7 前台底部菜单图5-8 joomla后台底部菜单选项备注：这里新建完菜单之后，如果没有关联相应的页面，只是在首页中可以看到文字，但是点击没有任何反应。 5.3 分类管理joomla的分类管理一般而言，就是通过抽象来识别、区分、理解事物的过程。它允许操作人员创建无限的分类。分类可以嵌套，文章可以归属其中任一类别。类别中包含标题、说明和一些其他属性和选项。它也可以有用于不同布局的附加图片，图片可以在基本设置中选择。在joomla 后台，选择“category manager”后，点击新建按钮创建分类。如果是子分类，在parent中选择父分类，信息填写完毕后，发布状态选择public，否则分类没有启用，在前台没有任何效果。图5-9 joomla后台分类管理分类名称一般选择与菜单类似，便于管理文章，网站的分类分为Portfolio、Service、Blog、about、contact五大类。图5-10 joomla后台分类管理实例分类管理的权限高于菜单管理，新建了分类后，应该将在菜单中关联分类，也就是在菜单管理中提到的菜单类型。如果分类管理中不设置类别属性，可以在菜单属性中设置。“Article Options”一栏中主要设置这个菜单关联的分类中的文章属性。图5-11 菜单管理属性设置通过菜单管理器 （管理 菜单）， 你可以看到这些菜单项，它们链接到某个分类的文章。图5-12 菜单关联文章设置5.4 文章管理文章是最低级别的，他是具体的信息内容。在每一篇文章的category属性中可以看到所属分类，用户可以通过分类过滤器进行筛选。图5-13 文章分类过滤创建一篇文章：点击“content”-“articles manager”新建一篇成功案例的详细页面文章。Title：TOP FLOORING DEPOTAlias：不用管，保存文章自动生成一个链接。Category：portfolioStatus：publicArticle Text：添加文本内容，通常编辑人需要掌握一定的HTML+DIV知识。图5-14 文章管理设置通过点击Toggle Editor可以进行代码界面和文本界面转换。这篇文章的代码为：Feature DescriptionTop flooring depot home pageMega menuAsk a questionFree estimate (online form)Quick lookProduct label$1,500 - 2,000Actual prices may vary depending on features, application usage and hosting setup.View website$1,500 - 2,000Actual prices may vary depending on features, application usage and hosting setup.View website$1,500 - 2,000Actual pric