摘 要：本文以高校部門(mén)網(wǎng)站為例，以開(kāi)源免費(fèi)的CMS（內(nèi)容管理系統(tǒng)）JTBC為基礎(chǔ)，介紹了基于開(kāi)源JTBC的網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)的流程，對(duì)使用JTBC進(jìn)行網(wǎng)站開(kāi)發(fā)有一定的借鑒意義。

關(guān)鍵詞：CMS；JTBC；網(wǎng)站設(shè)計(jì)

中圖分類號(hào)：TP393.092

隨著信息技術(shù)的不斷進(jìn)步，和各個(gè)高校信息化建設(shè)的不斷推進(jìn)，學(xué)校內(nèi)部部門(mén)網(wǎng)站的建設(shè)也提出了更高、更快、更經(jīng)濟(jì)的要求。用較少的投入搭建一個(gè)功能齊全，美觀大方的部門(mén)網(wǎng)站，需要我們放棄從前從底層一步一步編寫(xiě)代碼的開(kāi)發(fā)方式，而采用更加高效和健壯的開(kāi)發(fā)方式，既在CMS（內(nèi)容管理系統(tǒng)）的基礎(chǔ)之上進(jìn)行的二次開(kāi)發(fā)。通過(guò)多個(gè)網(wǎng)站實(shí)踐表明，這種開(kāi)發(fā)方式能夠適應(yīng)低成本，高效率的開(kāi)發(fā)要求。并且能夠及時(shí)響應(yīng)用戶對(duì)網(wǎng)站功能需求的變更，是一種經(jīng)濟(jì)實(shí)用的開(kāi)發(fā)方法。下面以開(kāi)源免費(fèi)的JTBC為基礎(chǔ)，以某高校宣傳部網(wǎng)站為例，介紹基于JTBC的部門(mén)網(wǎng)站的開(kāi)發(fā)設(shè)計(jì)的流程。

1 CMS介紹

內(nèi)容管理系統(tǒng)CMS，主要的功能就是將普通網(wǎng)站中對(duì)網(wǎng)站內(nèi)容進(jìn)行管理的部分提取出來(lái)，使得網(wǎng)站的開(kāi)發(fā)人員無(wú)需為網(wǎng)站的內(nèi)容管理進(jìn)行編程，網(wǎng)站內(nèi)容的添加、修改、刪除、查詢等操作均由CMS負(fù)責(zé)，開(kāi)發(fā)人員只需專注于網(wǎng)站內(nèi)容的組織、界面的設(shè)計(jì)、以及一些特殊需求的開(kāi)發(fā)。CMS讓開(kāi)發(fā)者不需要學(xué)習(xí)復(fù)雜的建站技術(shù)及編程語(yǔ)言，就能夠利用CMS構(gòu)建出一個(gè)風(fēng)格統(tǒng)一功能強(qiáng)大的專業(yè)網(wǎng)站[1，2]。

目前CMS有很多，根據(jù)所使用的編程語(yǔ)言不同有PHP系統(tǒng)、ASP系統(tǒng)、ASP.NET系統(tǒng)、JSP系統(tǒng)等；比較流行的開(kāi)源CMS有wordpress、phpcms、科訊、易動(dòng)CMS、JTBC等等。在眾多的CMS中，JTBC的特點(diǎn)在于：易于實(shí)現(xiàn)二次開(kāi)發(fā)、免費(fèi)、開(kāi)源、支持多種后臺(tái)編程語(yǔ)言等。

2 JTBC介紹

JTBC是沒(méi)有苛刻版權(quán)限制的CMS，在此基礎(chǔ)上開(kāi)發(fā)商業(yè)網(wǎng)站無(wú)需任何的版權(quán)費(fèi)用。JTBC是代碼與程序全脫離的程序，采用了xml的散存儲(chǔ)技術(shù)，實(shí)現(xiàn)代碼與程序脫離、語(yǔ)言與代碼脫離，語(yǔ)言與程序脫離的兩兩脫離關(guān)系。基于這種特性，JTBC就具有了非常強(qiáng)大的可擴(kuò)充性和便捷的二次開(kāi)發(fā)能力[3]。

在JTBC中通過(guò)對(duì)模塊對(duì)應(yīng)的文件復(fù)制，通過(guò)少量修改就可以創(chuàng)建不同的欄目分類。JTBC現(xiàn)有模塊有：文章管理、產(chǎn)品管理、下載管理、商品管理、論壇管理、關(guān)于我們、會(huì)員管理、留言本等。這些模塊中每一個(gè)模塊對(duì)應(yīng)一個(gè)文件夾，開(kāi)發(fā)者如需一個(gè)類似的模塊，比如一個(gè)類似文章管理模塊的新聞管理模塊，則只需要復(fù)制文章管理文件夾article，然后做適當(dāng)?shù)男薷木涂梢詫?shí)現(xiàn)一個(gè)新聞管理模塊。

3 部門(mén)網(wǎng)站開(kāi)發(fā)流程

3.1 欄目架構(gòu)劃分

在動(dòng)手開(kāi)發(fā)一個(gè)網(wǎng)站之前，需要對(duì)網(wǎng)站所涉及的欄目劃分清楚，各欄目不允許重疊。如在某高校宣傳部網(wǎng)站的建設(shè)過(guò)程中，首先需要跟對(duì)方做詳細(xì)溝通，明確對(duì)方具體所要求的欄目。

通過(guò)對(duì)欄目的結(jié)構(gòu)和呈現(xiàn)方式的分析，可以將對(duì)方所要求的欄目分為三類。第一類包括新聞中心、理論學(xué)習(xí)、媒體報(bào)道、統(tǒng)一戰(zhàn)線、普法教育等，應(yīng)用JTBC中的文章管理模塊；第二類包括部門(mén)介紹欄目，應(yīng)用JTBC中的關(guān)于我們模塊；第三類包括圖片展示和校園影像；應(yīng)用JTBC中的產(chǎn)品管理模塊。同類欄目模塊的開(kāi)發(fā)，可以通過(guò)對(duì)已有欄目模塊文件夾及對(duì)應(yīng)數(shù)據(jù)庫(kù)表的復(fù)制開(kāi)始，然后修改對(duì)應(yīng)的語(yǔ)言包、配置文件，之后在后臺(tái)管理中就可以出現(xiàn)對(duì)應(yīng)新欄目模塊的管理界面。在新欄目模塊的管理界面中，可以實(shí)現(xiàn)對(duì)該欄目模塊的列表頁(yè)、內(nèi)容頁(yè)模板進(jìn)行編輯。

3.2 網(wǎng)站首頁(yè)設(shè)計(jì)

網(wǎng)站首頁(yè)是瀏覽者第一個(gè)進(jìn)入的界面，關(guān)系到網(wǎng)站瀏覽者對(duì)網(wǎng)站瀏覽的興趣，需要做到簡(jiǎn)潔、美觀、清爽。網(wǎng)站首頁(yè)的設(shè)計(jì)根據(jù)對(duì)方提出的具體需求，由圖片設(shè)計(jì)人員通過(guò)專業(yè)的圖片設(shè)計(jì)軟件進(jìn)行首頁(yè)界面圖片生成，然后根據(jù)此圖片與對(duì)方溝通，最終確認(rèn)首頁(yè)界面，之后由開(kāi)發(fā)人員進(jìn)行首頁(yè)的編程實(shí)現(xiàn)。

JTBC通過(guò)提供一個(gè)專門(mén)的首頁(yè)模板代碼編輯區(qū)的方式，給開(kāi)發(fā)人員提供了設(shè)計(jì)首頁(yè)的接口。開(kāi)發(fā)人員通過(guò)后臺(tái)管理的“系統(tǒng)管理”菜單中的“模板管理”，可以進(jìn)入模板的編輯界面。對(duì)首頁(yè)的編輯通常會(huì)通過(guò)“模板管理”中的首頁(yè)模板、頭尾模板和調(diào)用模板的編輯來(lái)完成。其中首頁(yè)模板是首頁(yè)界面產(chǎn)生的基礎(chǔ)，在其中會(huì)通過(guò)函數(shù)調(diào)用的方式使用到頭尾模板和調(diào)用模板。頭尾模板主要考慮讓整個(gè)網(wǎng)站有一個(gè)一致的頭部和尾部外觀，使得網(wǎng)站能夠風(fēng)格統(tǒng)一，減少編碼冗余，調(diào)用模板主要用于JTBC函數(shù)讀取數(shù)據(jù)庫(kù)后得到的系列數(shù)據(jù)的顯示格式設(shè)置。比如某高校宣傳部網(wǎng)站中的新聞中心模塊需要在首頁(yè)以列表的形式顯示前10條新聞標(biāo)題和日期。這需要在首頁(yè)模板中使用itransfer函數(shù)提取數(shù)據(jù)，指定顯示調(diào)用模板。調(diào)用{$=itransfer（'top'， '1'， 'topx=10；tnum=30；genre=news）}，itransfer函數(shù)的第二個(gè)參數(shù)’1’，指定了所獲取數(shù)據(jù)的顯示格式由名字為’1’的調(diào)用模板確定；而在調(diào)用模板中，名為’1’的模板可以為：

{$}{$$}
• {$topic}

{$$}{$}

在該調(diào)用模板中符號(hào)”{$}{$$}”和”{$$}{$}”是循環(huán)標(biāo)簽，提取的每一條記錄都將生成一個(gè)循環(huán)標(biāo)簽中的內(nèi)容一次，比如從數(shù)據(jù)庫(kù)中得到了10條記錄，則將會(huì)生成10個(gè)列表項(xiàng)，每一項(xiàng)都是一個(gè)由新聞標(biāo)題構(gòu)成的超級(jí)鏈接標(biāo)簽。

3.3 網(wǎng)站欄目模塊設(shè)計(jì)

設(shè)計(jì)完成首頁(yè)后，則需要設(shè)計(jì)網(wǎng)站內(nèi)容內(nèi)部的列表頁(yè)和內(nèi)容頁(yè)，這些模板的設(shè)計(jì)屬于不同的欄目，因此不同的欄目可以有各自的外觀。欄目模塊內(nèi)的有兩個(gè)模板：list模板和detai模板，分別對(duì)應(yīng)列表頁(yè)模板和內(nèi)容頁(yè)模板。通過(guò)修改這兩個(gè)模板就可以實(shí)現(xiàn)對(duì)模塊內(nèi)部列表顯示和詳細(xì)內(nèi)容顯示的個(gè)性化設(shè)計(jì)。

在list模板中，主要使用的一個(gè){$recurrence_ida}標(biāo)簽，完成對(duì)本模塊中的文章列表的顯示。該標(biāo)簽與調(diào)用模板中的{$}{$$}標(biāo)簽的作用類似，每一篇文章都將對(duì)應(yīng)一個(gè)數(shù)據(jù)項(xiàng)。如：{$recurrence_ida}

{$topic}

代碼將該模塊中的文章以列表的方式進(jìn)行顯示，并為每一個(gè)列表生成一個(gè)連接以便能連接到對(duì)應(yīng)文章詳細(xì)信息頁(yè)面。

在detail模板中，直接調(diào)用標(biāo)簽{$topic}，{$content}，{$time}等標(biāo)簽，就可以得到當(dāng)前文章的信息。

4 結(jié)束語(yǔ)

JTBC是一個(gè)優(yōu)秀的、免費(fèi)的開(kāi)源CMS，它將語(yǔ)言、HTML代碼、后臺(tái)程序進(jìn)行了有效的分離。本文以JTBC為起點(diǎn)，對(duì)其進(jìn)行二次開(kāi)發(fā)和應(yīng)用，介紹了基于JTBC的某高校部門(mén)網(wǎng)站開(kāi)發(fā)與實(shí)現(xiàn)的流程。對(duì)利用JTBC進(jìn)行網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)有一定的借鑒意義。

參考文獻(xiàn)：

[1]耿璐，聶足.基于CMS的企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)[J].計(jì)算機(jī)工程與設(shè)計(jì)，2009（02）.

[2]黃海艇，胡俊溟.基于CMS的高校學(xué)院網(wǎng)站建設(shè)[J].電腦學(xué)習(xí)，2009（01）.

[3]JTBC論壇[EB/OL].http：//www.jtbc.cn/forum/list-3-1.html.2014-03-17.

作者簡(jiǎn)介：盧華燈（1981-），男，浙江磐安人，講師，碩士，研究方向：計(jì)算機(jī)教育及計(jì)算機(jī)軟件開(kāi)發(fā)。

作者單位：湖南環(huán)境生物職業(yè)技術(shù)學(xué)院，湖南衡陽(yáng) 421000

基金項(xiàng)目：湖南環(huán)境生物職業(yè)技術(shù)學(xué)院院長(zhǎng)科研基金，項(xiàng)目編號(hào)：SZ2010-06。