基于EmpireCMS的网站开发

王红玉

山西医科大学汾阳学院现代教育技术中心，山西 汾阳 032200

基于EmpireCMS的网站开发

王红玉

山西医科大学汾阳学院现代教育技术中心，山西 汾阳 032200

通过网站平台的搭建，页面的设计、布局，栏目的设置，数据模型的设计，网站模板的管理、网站内容的更新、维护、插件管理等七个方面介绍了基于EmpireCMS网站的开发及应用。指出这种设计与内容完全分离的模式，有利于快捷、有效的制作出所需的网站。

EmpireCMS；平台；栏目；模型；模板

【DOI】：10.13566／j.cnki.cmet.cn61-1317／g4.201506016

EmpireCMS即帝国网站管理系统，它是采用B／S结构，适用于Windows、Linux等环境的稳定、安全、灵活的网站管理系统，且有利于二次开发和维护，被誉为“万能建站工具”。该系统将页面布局、设计和网站内容完全分离，页面布局、设计由系统模板完成，而将网站的内容储存在数据库中，为网站建设提供快速、优秀的解决方案［1］。如CCTV、中国网、腾讯、中国国家审计网等皆基于此建成［2］。

1 网站平台的搭建

EmpireCMS程序是基于PHP+MYSQL架构而搭建的相应开发平台环境［3］，可以通过配置apache+php +mysql+phpadmin自行安装，也可以通过Appserve的套件软件安装。再将从帝国CMS官方网站上下载下来的EmpireCMS上传至网站虚拟目录里，并安装。

2 页面的设计、布局

网页设计人员通过对用户的需求分析，设计出页面的外观、结构、导航、风格、整体色彩、字体、字号、网站名称、地址、版权信息，等，使用Photoshop设计出Logo、头部图片、底部图片、栏目等使用的图片，等［4-5］。程序开发人员在Dreamweaver中使用div+css控制布局，实现整体规划，制作好整个网站所有页面的静态模板，如首页面、列表页面、内容页面，等，使用Javascript实现一些动态元素，从而整合出网站的前台静态界面。

3 栏目的设置

由浏览器登陆EmpireCMS后台管理页面，根据网站总体要求，设计出各级导航栏目、网站功能结构图，并制定出栏目是属于首页、封面页、内容页的哪一种，并在栏目设置的模板选项中，选择页面模式为封面式、列表式、页面内容式，等，如图1所示。

设计每个栏目所要添加的内容及其呈现的方式，如文字、音视频、图片、动画，等。在栏目管理里添加栏目，如果属于内容页，则须将其添加为终极栏目。

在添加栏目中，系统会根据所添加的栏目名称生成相应的英文名称，也可自行修改，保存后系统会在网站相应的目录下建立英文名的文件名；可以选择审核机制；系统可以为栏目设置添加、修改、删除等操作。

图1 选择页面显示模式图

有时，用户需要只对某段IP开通某个栏目，可以通过Apache来实现。

4 数据模型的设计

因每个栏目所要呈现的内容、形式不一样，所以选择的数据表就有所不同。EmpireCMS为我们提供了系统扩展框架，可以直接在后台系统中新建数据表、增加自定义字段，然后组成新的系统模型，以实现各种适合用户需求的系统［6］。如下载系统、视频系统，等。不同模型、不同录入界面与管理列表如图2所示。同时，此功能将信息量分配于不同的信息表，支持无限分表无限容量，为数据量较大的网站提供了数据部署的可能。

图2 数据表的字段图

5 网站模板的管理

根据在Dreamweaver中制作好的网站页面静态模板，将页面分为页面的头部、主体部和底部，并将页面的表头中css、js的调用转换成在网站中相应地址的调用，调用方法如下面的代码所示。

5.1 头部、底部的制作

头部、底部因是在每个页面中都具有共同性，可以将其建立为模板变量，这样在首页页面、列表页页面、内容页页面中就可以直接调用，减少了重复代码的重复编写。点击“模板—公共模板变量—管理模板变量分类—增加模板变量”，并把代码导入到变量值中，如图3所示。

图3 模板变量图

头部包括导航及其以上的部分。对于头部、底部的图片、文字、链接、Flash等信息的调用，只须将其放到网站的相应位置中，进行调用时，把Dreamweaver中的html语言直接加入就可以。对于导航，可以调用自定义标签，代码如下：

页面模板内容：

这样，就可以直接实现只要栏目更新，其导航信息就会随之改变，对于维护该网站的人，可以在不懂代码的情况下，实现导航的更新。

5.2 模板的制作

5.2.1 首页模板的制作在Dreamweaver中，将制作好的首页静态模板的头部、底部通过调用相应的变量来实现。调用时，使用［！--temp.xxgkheader--］，取代代码。

下面设有的每个栏目题目可以通过代码调用来实现。这样导航题目一旦改变，其相应的栏目也会随之改变。

每条信息的调用可以通过灵动标签来调用，代码如下：

图片新闻的幻灯片可以通过标签来调用。

带图片的信息调用可以通过标签来调用。

在EmpireCMS中设置了多种标签，我们可以视情况选择适合的标签。这些都调用好后，将代码复制至首页模板中，首页模板就制作完成了。

5.2.2 列表页模板的制作在Dreamweaver中，将制作好的列表页静态模板的头部、底部通过调用相应的变量取代代码。

将列表页中需要循环的部分列出来，在模板中用标签来代替。

循环部分将其改为相应的变量调用。

5.2.3 内容页模板的制作在Dreamweaver中，将制作好的内容页静态模板头部、底部通过调用相应的变量取代代码。

将内容页中变化的部分用变量进行调用。

6 网站内容的更新、维护

由浏览器登录到EmpireCMS网站后台管理页面，选择增加信息的页面，有些是必填项（在数据模型中设置好的），如标题、内容，等。如有图片、附件等时，应注意系统设置的大小要求。新闻模型可以添加多幅图片、附件、链接，等，对于信息设有查看、复制、移动、删除、编辑等功能，以利于用户的多样化操作，随时获得发布后的页面效果。

系统的会员功能将开发与维护分离，网站开发好后，系统管理员只须维护好网站系统、服务器、后台数据库的正常运行即可，内容的更新、维护可由管理员设置的初级管理员、高级管理员来完成。

7 插件管理

EmpireCMS的插件模块为用户开发了一些常用的功能模块，如友情链接、广告、投票、在线论坛，等，以供用户选择使用。通过EmpireCMS设计开发的网站，可以有效、快捷的进行网站开发，减少网站开发的成本，而网站内容的更新、维护由管理系统实现，有利于及时、准确地进行网站更新。

［1］徐方，邓敏.内容管理系统（CMS）的发展与应用［J］.孝感学院学报，2007，9（3）：20-26

［2］李金秀.基于开源CMS的高校图书馆网站改建研究［J］.图书馆学研究，2013（13）：46-51

［3］臧强.CMS系统在高校图书馆网站建设中的应用［J］.内蒙古科技与经济，2014（15）：57-58

［4］史伟，孙鹏飞，刘卫兰.内容管理系统（CMS）在高职网络课程建设中的应用研究［J］.电脑编程技巧与维护，2014（6）：38-40

［5］叶力汉，邱文祥.静态图像在专题学习网站中的应用研究［J］.中国电化教育，2007（8）：64-66

［6］崔琦.基于CMS的校园招生网站的研究与实现［D］.青岛：中国海洋大学，2013：23-25

Website development based on EmpireCMS

Wang Hongyu
Centre of Modern Educational Technology，Fenyang College of Shanxi Medical University，Fenyang 032200，China

This paper introduces the application and development based on EmpireCMS regarding the following seven aspects：building of the website platform；webpage design，layout，column set-up；data model design；website template management；website content updating；maintenance；and plug-in management.The paper points out that this mode that completely separates design from content is conducive to quick and effective making of required websites.

EmpireCMS；platform；column；model；template

G434

A

1004-5287（2015）06-0658-03

2015-05-18

王红玉（1977-），女，山西汾阳人，硕士，实验师，主要研究方向：现代教育技术。