基于JTBC的高校部門網(wǎng)站設(shè)計與開發(fā)

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

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

中圖分類號：TP393.092

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

1 CMS介紹

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

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

2 JTBC介紹

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

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

3 部門網(wǎng)站開發(fā)流程

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

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

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

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

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

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

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

{$$}{$}

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

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

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

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

{$topic}

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

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

4 結(jié)束語

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

參考文獻(xiàn)：

[1]耿璐，聶足.基于CMS的企業(yè)網(wǎng)站的設(shè)計與實現(xiàn)[J].計算機(jī)工程與設(shè)計，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.

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

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

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