摘 要: 由于互聯(lián)網(wǎng)應用的快速發(fā)展,網(wǎng)站建設也受到越來越多的關注,網(wǎng)站建設的效率和成本問題更是人們關注的重點。傳統(tǒng)的獨立開發(fā)定制的方式不僅效率低下而且開發(fā)成本高,不能滿足目前網(wǎng)絡發(fā)展的高需求,內(nèi)容管理系統(tǒng)的誕生卻順利地解決了這些疑難。在此采用OpenCms工具,以建立明瑞電子網(wǎng)站開展實驗,能極大的加快網(wǎng)站開發(fā)的速度,具有很好的現(xiàn)實和理論價值。
關鍵詞: OpenCms; Java; 電子商務; 數(shù)據(jù)庫
中圖分類號: TN964?34 文獻標識碼: A 文章編號: 1004?373X(2013)08?0052?03
0 引 言
隨著網(wǎng)絡技術與應用日益豐富和發(fā)展,大量信息衍生及業(yè)務模式網(wǎng)站擴充不能及時迅速跟進,內(nèi)外網(wǎng)的整合以及分支網(wǎng)站的管理也愈加復雜,內(nèi)容管理系統(tǒng)應運而生。但其產(chǎn)品許可費、定制和集成費等一系列可觀費用是一般中小型企業(yè)所不能承受的。由于大量企業(yè)應用基于JAVAEE平臺,同一平臺上的應用更方便集成,那么基于JAVAEE平臺的開源CMS無疑成了廣大企業(yè)用戶的首選,而在所有基于JAVAEE平臺的開源CMS中,完全由Java語言中標準的Servlet 技術寫成OpenCms開源內(nèi)容管理系統(tǒng)必將脫穎而出[1]。
OpenCms發(fā)布于1999年,作為一個專業(yè)級別的開源網(wǎng)站內(nèi)容管理系統(tǒng),基于Java和XML語言技術,可以充分融入到系統(tǒng)內(nèi)部。無需專業(yè)的HTML知識,用戶便可建立和管理復雜的網(wǎng)站。OpenCms采用Apache LGPL版權聲明,根據(jù)LGPL聲明,建立在OpenCms之上的模塊可以不受LGPL的約束。目前流行的IT服務應用架構OpenCms便可很好的運用,其運行環(huán)境可以是完全的開源環(huán)境(如:Linux,Apache,Tomcat,MySQL)。亦可以是商業(yè)的(如Windows NT,IIS,BEA Weblogic,Oracle DB)。
1 網(wǎng)站總體設計
網(wǎng)站系統(tǒng)主要包含以下部分:網(wǎng)站頁面風格設計,主導航設計,OpenCms 網(wǎng)站模板引用,MySQL 數(shù)據(jù)庫交互,網(wǎng)站信息文件設計,數(shù)據(jù)庫設計,其中網(wǎng)站信息文件涉及整個網(wǎng)站的內(nèi)容信息,直接關系到網(wǎng)站的用戶瀏覽體驗,公司的產(chǎn)品銷售水平,因此可以分為產(chǎn)品信息,新聞列表,關于我們,公司簡介等區(qū)塊。
其主要過程如下:
Step1 利用OpenCms可定制功能創(chuàng)建所需的模板組件,然后新建站點;
Step2 在站點配置中引用創(chuàng)建好的模板組件,接下來開建立模板樣式文件,并使這些樣式文件與模板聯(lián)系起來;
Step3 創(chuàng)建MySQL數(shù)據(jù)表,通過Java代碼連接數(shù)據(jù)庫后,通過HTML和SQL 代碼編寫出JSP文件并嵌入到網(wǎng)站文件中,最終實現(xiàn)網(wǎng)站的整體構建。網(wǎng)站總體架構圖如圖1所示。
2 頁面的實現(xiàn)
2.1 頁面各區(qū)塊文件建立
首先建立頁面的配置文件,在配置文件夾中的文件主要決定了整個網(wǎng)站的頁面樣式,主導航樣式,頁面布局等,如圖2所示。
在配置文件夾_config_文件夾下建立所需的文件:
ttpreset:2列布局,此文件用來給網(wǎng)站頁面布局,使頁面呈兩列布局顯示;
ttconfig:頁面配置文件:此文件用來使用其他文件為頁面配置。
ttlistbox:新聞列表文件:此文件用來配置頁面的新聞列表。
(1)文件夾結構
在OpenCms建站中所用的文件夾結構,包括頁面配置文件夾、區(qū)塊信息文件夾、圖片資源文件夾及各頁面顯示的文件夾。圖3為頁面文件目錄結構圖。
ttpreset:兩列布局,此文件用來給頁面布局,使頁面呈兩列布局顯示。
Left Column ? Visibility :設置左列可見。
Left Column ? Width :設置左列的寬度。
ttconfig:頁面配置文件:此文件用來使用其他文件為頁面配置。
ttlistbox:新聞列表文件:此文件用來配置頁面的新聞列表。編輯此文件如圖4所示。
Links:此為新聞列表要顯示內(nèi)容的路徑。
Collector:選擇內(nèi)容排序的方式,此處選擇的是按時間降序排序。
Parameter:設置相關參數(shù)%(link1)為代表上面選擇的欄目,也就是Links的內(nèi)容,news_代表內(nèi)容創(chuàng)建時文件名稱的前綴,%(number)是系統(tǒng)提供的一個宏,是一個自增的序列,如0001,0002,.html是文件名的后綴,ttnews是要顯示的內(nèi)容類型,此處設置的是新聞類型,6是設置的要顯示的新聞條數(shù),|是參數(shù)分隔符。
Mapping中的Field設置顯示內(nèi)容的類型,XmlNode設置當前類型中定義的字段名稱,Default設置默認值,MaxLength設置顯示字符的長度。
Ttoptions:網(wǎng)站頁眉頁腳配置文件,可以編輯頁眉頁腳的內(nèi)容。
Top Navigation:設置頂部導航。
Header:設置頁眉,此處顯示頁眉為:西安明瑞印務有限公司。
Footer:設置頁腳顯示的內(nèi)容。
ttstyle:此文件用來設置頁面樣式,此文件為默認模板設置。
(2)網(wǎng)站區(qū)塊信息文件結構
圖5為區(qū)塊信息文件圖,在_info_區(qū)塊信息文件夾下建立如圖所示文件,用來存放所有頁面要顯示的內(nèi)容,包括聯(lián)系方式、用戶訂單、印刷常識等。
(1)Tttextbox:此文件可以顯示文本和JSP頁面。
Title:顯示文本的主題。
Text:顯示文本內(nèi)容。
JSP File:所要顯示的JSP文件的路徑。此處選擇/_info_/login為管理員登錄的JSP文件路徑。
(2)JSP文件:用來編輯JSP代碼連接數(shù)據(jù)庫和操作數(shù)據(jù)庫。
(3)ttarticle:此文件可以顯示文本文件,也可添加要顯示的區(qū)塊路徑。
2.2 頁面布局的實現(xiàn)
以首頁為例介紹頁面的布局,在mysite站點下找到首頁頁面顯示文件index.html,編輯如圖6所示。
在configuration(配置)下編輯布局,此處采用兩列布局,左列顯示element[1],Element[2],element[3],右列顯示element[4],element[5]。在element[1]區(qū)塊顯示管理員登錄內(nèi)容,element[2]區(qū)塊顯示聯(lián)系我們的內(nèi)容,element[3]區(qū)塊顯示印刷常識內(nèi)容,element[4]區(qū)塊顯示公司簡介內(nèi)容,element[5]區(qū)塊顯示作品展示的內(nèi)容。將各個區(qū)塊路徑添加到box屬性中,配置完成后,點擊首頁即可預覽首頁頁面,如圖7所示。首頁呈現(xiàn)兩列布局顯示,各個區(qū)塊內(nèi)容為配置中的各個區(qū)塊。最上面的是頁眉,中間是主體內(nèi)容部分,最下面的是頁腳。頁眉頁腳的,在網(wǎng)站配置文件_config_文件夾下編輯options.html文件(頁眉頁腳配置文件)如圖8所示。
2.3 主導航的實現(xiàn)
在OpenCms的templatetwo模板中,默認為左導航,為使其為主導航顯示,必須修改模板代碼。
STEP1 在opencms?system.xml更改站點名:
;
Step2 在/system/modules/org.opencms.frontend.templatetwo/templates/main.jsp下,把<!?? begin: main navigation ??>位置修改為
Step3在/system/modules/org.Opencms.frontend.templatetwo/resources/css/style.css下把左道航內(nèi)容復制一份粘到左道航內(nèi)容下,然后把nav_left改為nav_main。
Step4 重啟服務器。
修改其屬性,Add to navigation(添加到主導航),navgation Text(在主導航中顯示的內(nèi)容)此處以主導航中的“公司介紹”為例,點擊ok后可在主導航中顯示公司介紹的導航,如圖9所示。
由以上方法可將其他文件夾添加到導航,如上圖中所示的“業(yè)務范圍”,“設備展示”等。
3 結 語
OpenCms的自動網(wǎng)站生成就是一種生成Web網(wǎng)站的應用程序,其集成了HTML編輯器,用戶可以以所見及所得的方式對網(wǎng)站進行布局和內(nèi)容的管理工作。其優(yōu)勢在于OpenCms通過一套完善、智能的內(nèi)容管理系統(tǒng),它不需要較高級的編程語言的理解,讓不懂網(wǎng)站建設,不懂技術的人也能便捷地建立起自己需要的網(wǎng)站,僅僅通過一些簡單的操作就可以完成。自動網(wǎng)站生成系統(tǒng)只要求一些計算機操作常識,特別適用于個人及企事業(yè)單位使用。用戶通過便捷地操作即可自己開通、管理、制作自己的網(wǎng)站,其諸多優(yōu)勢顯而易見。
參 考 文 獻
[1] 佚名.OpenCm中文用戶冊[EB/OL].[2012?01?13].http://wenku.baidu.com/view/7eccac6e58fafab069dc02d7. html.
[2] 林剛.基于opencms的內(nèi)容管理系統(tǒng)[J].重慶科技學院學報,2007(3):25?27.
[3] 肖志國.開源內(nèi)容管理系統(tǒng)opencms探究[J].科技風,2008(7):9?12.
[4] 薛軍超.MySQL網(wǎng)絡數(shù)據(jù)庫開發(fā)[M].北京:人民郵電出版社,2009.
[5] 李紅新,晁翠華,姚軍.電子商務創(chuàng)業(yè)實習平臺的研究與實現(xiàn)[J].現(xiàn)代電子技術,2012,35(6):53?56.
[6] 孫琦龍,韋慧.基于CMM的電子商務網(wǎng)站建設模式研究[J].現(xiàn)代電子技術,2011,34(8):26?28.