王 軍 ， 弓 英

0 引言

早期的網站由純粹的HTML頁面組成，每一個頁面，都是由設計師將內容與設計進行整合，然后合成一個頁面。后來動態(tài)網站技術的出現(xiàn)，人們將內容本身保存在關系數(shù)據(jù)庫里，然后當用戶瀏覽時再動態(tài)地從數(shù)據(jù)庫中取出內容，使用程序生成HTML傳達給用戶。純粹的靜態(tài)技術過分強調內容的表現(xiàn)形式，從而使得效率低下，而動態(tài)網頁技術則因為包含比較高的技術含量，以及受限于技術，從而忽略了內容的表現(xiàn)[1]。

內容管理系統(tǒng)中通過模板技術來解決這個矛盾，有效地將內容和表現(xiàn)形式進行分離。與傳統(tǒng)模板相比，協(xié)同模板[2]便于維護和管理，具有良好的可讀性和可擴充性，盡可能地縮短了開發(fā)周期，減少了修改代價，且可重用性、可繼承性好[3]。

1 模板

在CMS中，模板承載著網站的頁面結構和顯示風格[4]。模板分為頻道模板和模塊模板，頻道模板是指整個頻道網頁的設計樣式，頻道模板可以應用到主機、站點中，將決定整個網站整體風格與樣式。模塊模板是指整個對于頻道中加載的不同模塊的設計樣式，模塊模板可以應用到各個模塊中，將決定網站頻道內容的細致風格與樣式。

CMS中所用的模板，實質上是由模板定義語言定義的一個 HTML頁面文件，在此文件中定義了在什么位置顯示什么信息，以及用什么樣式進行顯示。所設計的模板文件只包含HTML代碼和標簽，完全不包含任何邏輯代碼。頁面邏輯完全被封裝到標簽里面，有后臺的標簽解析程序來完成。這樣就可以較好的實現(xiàn)模板的所見即所得開發(fā)和重用性。這樣的設計可以使得這些模板在任何瀏覽器中都可以正常顯示，用戶使用起來也非常方便[5]。

2 內容管理系統(tǒng)

內容管理[6]CM（Content Management）是電子商務時代的新寵。內容管理涵蓋企業(yè)內聯(lián)網、因特網和企業(yè)外聯(lián)網應用，大大突破了傳統(tǒng)信息流管理軟件、辦公自動化軟件以及文檔管理軟件的應用范圍、使用效果和商業(yè)價值。

內容管理系統(tǒng)是一種位于WEB前端（Web服務器）和后端辦公系統(tǒng)或流程（內容創(chuàng)作、編輯）之間的軟件系統(tǒng)。內容的創(chuàng)作人員、編輯人員、發(fā)布人員使用內容管理系統(tǒng)來提交、修改、審批、發(fā)布內容。這里指的“內容”可能包括文件、表格、圖片、數(shù)據(jù)庫中的數(shù)據(jù)甚至視頻等一切你想要發(fā)布到Internet、Intranet以及Extranet網站的信息。內容管理基本結構如圖1所示[7]。

圖1 內容管理基本結構圖

內容的存儲使用關系數(shù)據(jù)庫，而使用模板來合成最終的頁面。模板讓設計師的才能發(fā)揮到極至，而又不影響效率。給業(yè)務人員以業(yè)務的視圖，如果讓業(yè)務人員來管理內容，則他們并不清楚頁面的概念，他們只知道“內容”或者說是“文檔”的概念。在他們看來，他們手里有的只是一篇一篇的文檔，里面有表格，有數(shù)據(jù)，他們提供這些原始的資料，至于如何在網站上呈現(xiàn)，他們并不明白，也不理會。模板與實際信息內容相結合即可產生完整的頁面,如圖2所示。

圖2 內容管理系統(tǒng)中頁面生成基本結構

3 協(xié)同模板

協(xié)同設計[8-9]技術將計算機技術、多媒體技術和網絡通信技術與先進制造技術相結合,支持時間上分離、空間上分布、工作上互相依賴的協(xié)作成員協(xié)同工作,使工作群體成員在異地分布的網絡共享環(huán)境下協(xié)同工作、交互協(xié)商、分工合作,并行協(xié)作開發(fā)同一產品,共同完成設計任務,從而最大限度地縮短產品的開發(fā)周期。

協(xié)同模板[10]的實質是借助協(xié)同和模板技術，在網絡環(huán)境下，由一群設計者，相互交流協(xié)作，共同完成一項設計任務。協(xié)同模板包含著協(xié)同設計對象以及約束關系等信息，體現(xiàn)出協(xié)同模板的屬性與操作。協(xié)同模板研究的主要目的是在協(xié)同設計和模板技術的研究基礎上，充分結合二者優(yōu)勢，探索具有協(xié)同機制和模板理論相結合的協(xié)同模板的設計環(huán)境和流程框架。

4 協(xié)同模板設計算法

CMS中每個模板有兩部分組成：靜態(tài)頁面和動態(tài)組件。靜態(tài)頁面就是該模板每次被調用的時候都不會更改的東西，包括樣式文件，圖片文件，F(xiàn)lash，JavaScript文件等。而動態(tài)組件則是每次模板生成的時候都會根據(jù)標簽進行動態(tài)生成的頁面片段。以往都是由美工人員對網站各個頻道的頁面進行美工設計，制作出 HTML頁面，然后網站的系統(tǒng)管理員進行標簽制作，頁面邏輯全都封裝在標簽里，在 HTML頁面的相關地方插入制作好的標簽即可，包括頁面模板、頻道模板等。

協(xié)同模板設計過程中，一個設計任務被分成若干子任務。每個子任務根據(jù)相應的子模板進行設計，設計結果以子模板參數(shù)文件的形式保存起來并傳遞給總設計端。總設計端利用模板復合技術將子任務設計結果復合起來，形成完整的設計對象的模板信息。模板復合需要的信息包括：子模板參數(shù)文件、結構文件、設計約束文件、位置關系文件等。其中子模板參數(shù)文件是子任務的設計結果。而設計約束、位置關系文件則是任務總體約束信息、各子任務間的約束關系信息。模板復合時要根據(jù)任務數(shù)據(jù)庫中的總體約束信息，生成模板中描述約束、位置關系的XML文件信息，并復合到總模板中去。

將協(xié)同機制應用到CMS模板制作過程中，總設計對象可分為若干基本部分，每個設計部分作為一個子任務，總設計者提出這些設計要求方面的指標和約束。子設計者根據(jù)設計要求和約束，進行子任務的設計。設計算法為：首先總設計者對網站的設計任務和對象進行分析，根據(jù)設計對象結構、功能以及約束等，產生設計任務，發(fā)起一次協(xié)同模板過程。

① 分解設計任務，給出任務前驅圖；

② 分配子任務，同時給出設計要求和約束信息，作為設計依據(jù)；

③ 根據(jù)任務前驅圖判斷該子任務的前驅任務是否都已經完成；

④ 如果該任務沒有前驅任務，或者該任務的所有前驅任務都已經完成，則可以進行設計，否則必須等待其所有前驅任務都完成才可以進行；

⑤ 根據(jù)經驗或者計算得出滿足設計要求和約束的子任務設計信息，完成設計之后，設計結果保存為樣式文件；

⑥ 復合子任務設計結果，并實時顯示當前設計結果；

⑦ 對子任務設計結果檢驗，若滿足相應條件，則通過驗收。否則，需進行重新設計；

⑧ 子任務通過驗收，根據(jù)任務前驅圖的控制，向受該任務約束的所有后繼任務發(fā)送任務完成同步消息，并傳遞相關的設計信息；

⑨ 重復以上過程，直到所有子任務設計完成，提交并通過驗收。如果最終設計結果滿足要求，則這次協(xié)同模板過程結束，設計結果保存為模板文件。否則將不符合要求的任務發(fā)回去重新設計，如此反復進行上述過程，直到最終結果滿意為止。

將最終設計出來的頁面保存為模板文件，在部署網站時就可利用這些設計好的模板，結合內容，產生相應的頁面。此過程中所用的樣式、標簽，既可存于數(shù)據(jù)庫中，也可導出xml文件進行保存。該設計思想在廈門氣象局開發(fā)內容管理系統(tǒng)用以部署相關網站時得到了很好的應用。

5 結語

協(xié)同設計的意義除去技術本身之外，重要的在于通過它將個人設計轉化為團隊設計。在協(xié)同設計和模板技術的研究基礎上，結合內容管理系統(tǒng)的模板制作，探索具有協(xié)同機制和模板技術相結合的協(xié)同模板的設計算法。協(xié)同模板便于維護和管理，具有良好的可讀性和可擴充性。對某一子部分設計不滿意時，根據(jù)實際需求，可以很方便地在原有基礎上根據(jù)約束進行修改，有的只需修改css或js文件即可，且協(xié)同模板的復用性好，在已有模板的基礎上，可以很方便地產生新的模板，使網站風格發(fā)生改變。

[1] 劉永先.基于 Microsoft.NET框架的網站內容管理系統(tǒng) GXCMS的研究[D].成都：電子科技大學,2007.

[2] Liu Xiaoping,Liu Xiaoyun, Hou Zhengfeng, et al. Research on Cooperative Template Design[C].USA：IEEE,2001：52-55.

[3] 陳雪源.協(xié)同模板的表示與復合的研究[D].合肥：合肥工業(yè)大學,2005.

[4] 譚立球,費耀平,李建華,等.多網站內容管理系統(tǒng)的設計和實現(xiàn)[J].計算機應用, 2004,24(11)：4-6.

[5] 喻斌.內容管理系統(tǒng)中模板技術的研究與應用[D]. 南昌：南昌大學,2007.

[6] Mc Nay H E.Enterprise Content Management：an Overview[C].USA：IEEE,2002：396-402.

[7] 張猛.多模式動態(tài)內容管理系統(tǒng)的研究與實現(xiàn)[D].上海：上海海事大學,2007.

[8] Sun Linfu. Computer Supported Collaborative Design Based on Knowledge[C]. USA：IEEE,2004：26-31.

[9] 殷烽華,陳進.一種基于SystemC的軟硬件協(xié)同設計方法[J].通信技術,2003(12)：97-101.

[10] 石慧.基于約束模型的協(xié)同模板任務機制研究[D].合肥：合肥工業(yè)大學,2006.