王紅玉

山西醫(yī)科大學(xué)汾陽(yáng)學(xué)院現(xiàn)代教育技術(shù)中心，山西 汾陽(yáng) 032200

基于EmpireCMS的網(wǎng)站開發(fā)

王紅玉

山西醫(yī)科大學(xué)汾陽(yáng)學(xué)院現(xiàn)代教育技術(shù)中心，山西 汾陽(yáng) 032200

通過網(wǎng)站平臺(tái)的搭建，頁(yè)面的設(shè)計(jì)、布局，欄目的設(shè)置，數(shù)據(jù)模型的設(shè)計(jì)，網(wǎng)站模板的管理、網(wǎng)站內(nèi)容的更新、維護(hù)、插件管理等七個(gè)方面介紹了基于EmpireCMS網(wǎng)站的開發(fā)及應(yīng)用。指出這種設(shè)計(jì)與內(nèi)容完全分離的模式，有利于快捷、有效的制作出所需的網(wǎng)站。

EmpireCMS；平臺(tái)；欄目；模型；模板

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

EmpireCMS即帝國(guó)網(wǎng)站管理系統(tǒng)，它是采用B／S結(jié)構(gòu)，適用于Windows、Linux等環(huán)境的穩(wěn)定、安全、靈活的網(wǎng)站管理系統(tǒng)，且有利于二次開發(fā)和維護(hù)，被譽(yù)為“萬(wàn)能建站工具”。該系統(tǒng)將頁(yè)面布局、設(shè)計(jì)和網(wǎng)站內(nèi)容完全分離，頁(yè)面布局、設(shè)計(jì)由系統(tǒng)模板完成，而將網(wǎng)站的內(nèi)容儲(chǔ)存在數(shù)據(jù)庫(kù)中，為網(wǎng)站建設(shè)提供快速、優(yōu)秀的解決方案［1］。如CCTV、中國(guó)網(wǎng)、騰訊、中國(guó)國(guó)家審計(jì)網(wǎng)等皆基于此建成［2］。

1 網(wǎng)站平臺(tái)的搭建

EmpireCMS程序是基于PHP+MYSQL架構(gòu)而搭建的相應(yīng)開發(fā)平臺(tái)環(huán)境［3］，可以通過配置apache+php +mysql+phpadmin自行安裝，也可以通過Appserve的套件軟件安裝。再將從帝國(guó)CMS官方網(wǎng)站上下載下來的EmpireCMS上傳至網(wǎng)站虛擬目錄里，并安裝。

2 頁(yè)面的設(shè)計(jì)、布局

網(wǎng)頁(yè)設(shè)計(jì)人員通過對(duì)用戶的需求分析，設(shè)計(jì)出頁(yè)面的外觀、結(jié)構(gòu)、導(dǎo)航、風(fēng)格、整體色彩、字體、字號(hào)、網(wǎng)站名稱、地址、版權(quán)信息，等，使用Photoshop設(shè)計(jì)出Logo、頭部圖片、底部圖片、欄目等使用的圖片，等［4-5］。程序開發(fā)人員在Dreamweaver中使用div+css控制布局，實(shí)現(xiàn)整體規(guī)劃，制作好整個(gè)網(wǎng)站所有頁(yè)面的靜態(tài)模板，如首頁(yè)面、列表頁(yè)面、內(nèi)容頁(yè)面，等，使用Javascript實(shí)現(xiàn)一些動(dòng)態(tài)元素，從而整合出網(wǎng)站的前臺(tái)靜態(tài)界面。

3 欄目的設(shè)置

由瀏覽器登陸EmpireCMS后臺(tái)管理頁(yè)面，根據(jù)網(wǎng)站總體要求，設(shè)計(jì)出各級(jí)導(dǎo)航欄目、網(wǎng)站功能結(jié)構(gòu)圖，并制定出欄目是屬于首頁(yè)、封面頁(yè)、內(nèi)容頁(yè)的哪一種，并在欄目設(shè)置的模板選項(xiàng)中，選擇頁(yè)面模式為封面式、列表式、頁(yè)面內(nèi)容式，等，如圖1所示。

設(shè)計(jì)每個(gè)欄目所要添加的內(nèi)容及其呈現(xiàn)的方式，如文字、音視頻、圖片、動(dòng)畫，等。在欄目管理里添加欄目，如果屬于內(nèi)容頁(yè)，則須將其添加為終極欄目。

在添加欄目中，系統(tǒng)會(huì)根據(jù)所添加的欄目名稱生成相應(yīng)的英文名稱，也可自行修改，保存后系統(tǒng)會(huì)在網(wǎng)站相應(yīng)的目錄下建立英文名的文件名；可以選擇審核機(jī)制；系統(tǒng)可以為欄目設(shè)置添加、修改、刪除等操作。

圖1 選擇頁(yè)面顯示模式圖

有時(shí)，用戶需要只對(duì)某段IP開通某個(gè)欄目，可以通過Apache來實(shí)現(xiàn)。

4 數(shù)據(jù)模型的設(shè)計(jì)

因每個(gè)欄目所要呈現(xiàn)的內(nèi)容、形式不一樣，所以選擇的數(shù)據(jù)表就有所不同。EmpireCMS為我們提供了系統(tǒng)擴(kuò)展框架，可以直接在后臺(tái)系統(tǒng)中新建數(shù)據(jù)表、增加自定義字段，然后組成新的系統(tǒng)模型，以實(shí)現(xiàn)各種適合用戶需求的系統(tǒng)［6］。如下載系統(tǒng)、視頻系統(tǒng)，等。不同模型、不同錄入界面與管理列表如圖2所示。同時(shí)，此功能將信息量分配于不同的信息表，支持無限分表無限容量，為數(shù)據(jù)量較大的網(wǎng)站提供了數(shù)據(jù)部署的可能。

圖2 數(shù)據(jù)表的字段圖

5 網(wǎng)站模板的管理

根據(jù)在Dreamweaver中制作好的網(wǎng)站頁(yè)面靜態(tài)模板，將頁(yè)面分為頁(yè)面的頭部、主體部和底部，并將頁(yè)面的表頭中css、js的調(diào)用轉(zhuǎn)換成在網(wǎng)站中相應(yīng)地址的調(diào)用，調(diào)用方法如下面的代碼所示。

5.1 頭部、底部的制作

頭部、底部因是在每個(gè)頁(yè)面中都具有共同性，可以將其建立為模板變量，這樣在首頁(yè)頁(yè)面、列表頁(yè)頁(yè)面、內(nèi)容頁(yè)頁(yè)面中就可以直接調(diào)用，減少了重復(fù)代碼的重復(fù)編寫。點(diǎn)擊“模板—公共模板變量—管理模板變量分類—增加模板變量”，并把代碼導(dǎo)入到變量值中，如圖3所示。

圖3 模板變量圖

頭部包括導(dǎo)航及其以上的部分。對(duì)于頭部、底部的圖片、文字、鏈接、Flash等信息的調(diào)用，只須將其放到網(wǎng)站的相應(yīng)位置中，進(jìn)行調(diào)用時(shí)，把Dreamweaver中的html語(yǔ)言直接加入就可以。對(duì)于導(dǎo)航，可以調(diào)用自定義標(biāo)簽，代碼如下：

頁(yè)面模板內(nèi)容：

這樣，就可以直接實(shí)現(xiàn)只要欄目更新，其導(dǎo)航信息就會(huì)隨之改變，對(duì)于維護(hù)該網(wǎng)站的人，可以在不懂代碼的情況下，實(shí)現(xiàn)導(dǎo)航的更新。

5.2 模板的制作

5.2.1 首頁(yè)模板的制作在Dreamweaver中，將制作好的首頁(yè)靜態(tài)模板的頭部、底部通過調(diào)用相應(yīng)的變量來實(shí)現(xiàn)。調(diào)用時(shí)，使用［！--temp.xxgkheader--］，取代代碼。

下面設(shè)有的每個(gè)欄目題目可以通過代碼調(diào)用來實(shí)現(xiàn)。這樣導(dǎo)航題目一旦改變，其相應(yīng)的欄目也會(huì)隨之改變。

每條信息的調(diào)用可以通過靈動(dòng)標(biāo)簽來調(diào)用，代碼如下：

圖片新聞的幻燈片可以通過標(biāo)簽來調(diào)用。

帶圖片的信息調(diào)用可以通過標(biāo)簽來調(diào)用。

在EmpireCMS中設(shè)置了多種標(biāo)簽，我們可以視情況選擇適合的標(biāo)簽。這些都調(diào)用好后，將代碼復(fù)制至首頁(yè)模板中，首頁(yè)模板就制作完成了。

5.2.2 列表頁(yè)模板的制作在Dreamweaver中，將制作好的列表頁(yè)靜態(tài)模板的頭部、底部通過調(diào)用相應(yīng)的變量取代代碼。

將列表頁(yè)中需要循環(huán)的部分列出來，在模板中用標(biāo)簽來代替。

循環(huán)部分將其改為相應(yīng)的變量調(diào)用。

5.2.3 內(nèi)容頁(yè)模板的制作在Dreamweaver中，將制作好的內(nèi)容頁(yè)靜態(tài)模板頭部、底部通過調(diào)用相應(yīng)的變量取代代碼。

將內(nèi)容頁(yè)中變化的部分用變量進(jìn)行調(diào)用。

6 網(wǎng)站內(nèi)容的更新、維護(hù)

由瀏覽器登錄到EmpireCMS網(wǎng)站后臺(tái)管理頁(yè)面，選擇增加信息的頁(yè)面，有些是必填項(xiàng)（在數(shù)據(jù)模型中設(shè)置好的），如標(biāo)題、內(nèi)容，等。如有圖片、附件等時(shí)，應(yīng)注意系統(tǒng)設(shè)置的大小要求。新聞模型可以添加多幅圖片、附件、鏈接，等，對(duì)于信息設(shè)有查看、復(fù)制、移動(dòng)、刪除、編輯等功能，以利于用戶的多樣化操作，隨時(shí)獲得發(fā)布后的頁(yè)面效果。

系統(tǒng)的會(huì)員功能將開發(fā)與維護(hù)分離，網(wǎng)站開發(fā)好后，系統(tǒng)管理員只須維護(hù)好網(wǎng)站系統(tǒng)、服務(wù)器、后臺(tái)數(shù)據(jù)庫(kù)的正常運(yùn)行即可，內(nèi)容的更新、維護(hù)可由管理員設(shè)置的初級(jí)管理員、高級(jí)管理員來完成。

7 插件管理

EmpireCMS的插件模塊為用戶開發(fā)了一些常用的功能模塊，如友情鏈接、廣告、投票、在線論壇，等，以供用戶選擇使用。通過EmpireCMS設(shè)計(jì)開發(fā)的網(wǎng)站，可以有效、快捷的進(jìn)行網(wǎng)站開發(fā)，減少網(wǎng)站開發(fā)的成本，而網(wǎng)站內(nèi)容的更新、維護(hù)由管理系統(tǒng)實(shí)現(xiàn)，有利于及時(shí)、準(zhǔn)確地進(jìn)行網(wǎng)站更新。

［1］徐方，鄧敏.內(nèi)容管理系統(tǒng)（CMS）的發(fā)展與應(yīng)用［J］.孝感學(xué)院學(xué)報(bào)，2007，9（3）：20-26

［2］李金秀.基于開源CMS的高校圖書館網(wǎng)站改建研究［J］.圖書館學(xué)研究，2013（13）：46-51

［3］臧強(qiáng).CMS系統(tǒng)在高校圖書館網(wǎng)站建設(shè)中的應(yīng)用［J］.內(nèi)蒙古科技與經(jīng)濟(jì)，2014（15）：57-58

［4］史偉，孫鵬飛，劉衛(wèi)蘭.內(nèi)容管理系統(tǒng)（CMS）在高職網(wǎng)絡(luò)課程建設(shè)中的應(yīng)用研究［J］.電腦編程技巧與維護(hù)，2014（6）：38-40

［5］葉力漢，邱文祥.靜態(tài)圖像在專題學(xué)習(xí)網(wǎng)站中的應(yīng)用研究［J］.中國(guó)電化教育，2007（8）：64-66

［6］崔琦.基于CMS的校園招生網(wǎng)站的研究與實(shí)現(xiàn)［D］.青島：中國(guó)海洋大學(xué)，2013：23-25

Website development based on EmpireCMS

Wang Hongyu
Centre of Modern Educational Technology，F(xiàn)enyang College of Shanxi Medical University，F(xiàn)enyang 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-），女，山西汾陽(yáng)人，碩士，實(shí)驗(yàn)師，主要研究方向：現(xiàn)代教育技術(shù)。