一種基于碎片化頁面元素的網(wǎng)站集群構(gòu)建模型

周斌

摘 要：隨著信息化社會的發(fā)展，網(wǎng)站集群建設(shè)日漸普遍，集群內(nèi)網(wǎng)站頁面更新也逐漸加快，從而導(dǎo)致網(wǎng)站集群維護(hù)成本升高，甚至制約了企事業(yè)單位信息化的發(fā)展。針對該問題，提出一種基于頁面基礎(chǔ)元素構(gòu)建多版本網(wǎng)站集群的模型，該模型基于頁面結(jié)構(gòu)、單元塊及其它頁面基礎(chǔ)元素動態(tài)組合構(gòu)建頁面模板，實現(xiàn)頁面元素復(fù)用與快捷變更;通過網(wǎng)站版本管控，實現(xiàn)網(wǎng)站多狀態(tài)快捷切換;將網(wǎng)站版本與欄目信息及模板整合，實現(xiàn)站內(nèi)多版本頁面內(nèi)容復(fù)用與批量更新。實踐結(jié)果表明，基于該模型的內(nèi)容管理系統(tǒng)能夠快捷應(yīng)對頁面頻繁變更和網(wǎng)站多版本切換，實現(xiàn)頁面基礎(chǔ)元素和頁面模板的高效復(fù)用與更新。

關(guān)鍵詞：網(wǎng)站集群;內(nèi)容管理系統(tǒng);頁面基礎(chǔ)元素;頁面模板;網(wǎng)站版本

DOI：10. 11907/rjdk. 201388????????????????????????????????????????????????????????????????? 開放科學(xué)（資源服務(wù)）標(biāo)識碼（OSID）：

中圖分類號：TP303 ? 文獻(xiàn)標(biāo)識碼：A ??????????????? 文章編號：1672-7800（2020）011-0066-05

A Model of Website Cluster Construction Based on Fragmented Page Elements

ZHOU Bin

（School of Information Engineering，Wuhan University of Engineering Science， Wuhan 430200，China）

Abstract：With the development of information society， the construction of website cluster is becoming more and more common， and the page update of websites in the cluster is accelerating gradually， which leads to the increase of maintenance cost of website cluster， and even restricts the development of enterprise and institution informatization. To solve this problem， a multi-version web site cluster model based on page basic elements is proposed. Based on the dynamic combination of page structure， unit block and other page basic elements， the model constructs page template to realize the reuse and quick change of page elements; through the website version control， it realizes the quick switch of website multi-state， integrates the website version with column information and template to realize the reuse and batch update of multi version page content in the station. The practice shows that CMS based on this model can quickly respond to frequent page changes and website multi-version switching， and realize the efficient reuse and update of page basic elements and page templates.

Key Words：website cluster; content management system; basic elements of page; page template; website version

0 引言

網(wǎng)站集群建設(shè)在當(dāng)今社會的應(yīng)用已較為廣泛，其主要依賴支持多網(wǎng)站的內(nèi)容管理系統(tǒng)（Content Management System，CMS）軟件實現(xiàn)網(wǎng)站集群的信息化管理[1-7]。一批較為成熟的CMS技術(shù)被廣泛應(yīng)用于各類網(wǎng)站集群建設(shè)中，如基于各種框架技術(shù)或開源的CMS等[8-11]。隨著社會發(fā)展速度不斷加快，網(wǎng)站集群的頁面和結(jié)構(gòu)等方面的變更也隨之加快，網(wǎng)站版本更替的時間逐漸縮短，甚至出現(xiàn)了一個網(wǎng)站多個版本交替切換的需求。目前的主流CMS大多難以高效應(yīng)對網(wǎng)站集群內(nèi)的版本變更與管控，且較少考慮網(wǎng)站集群內(nèi)頁面資源共享問題，導(dǎo)致在單位時間內(nèi)網(wǎng)站集群開發(fā)與維護(hù)工作量上升，提高了網(wǎng)站集群運(yùn)行成本，甚至制約了企事業(yè)單位信息化的發(fā)展。

要解決這一問題，必須使CMS具備網(wǎng)站頁面等方面的快捷變更與重構(gòu)能力。為此，多種改進(jìn)方案被提出[12-15]。例如，文獻(xiàn)[16]提出一種將頁面分解成若干區(qū)域，各區(qū)域包含若干組件，基于可復(fù)用組件展示內(nèi)容的模型，該模型提高了界面組件的復(fù)用性，在單網(wǎng)站環(huán)境下提升了CMS的運(yùn)行效率。此外，文獻(xiàn)[17]-[24]提出基于模板等方式構(gòu)建網(wǎng)站集群，但這些模型在網(wǎng)站集群環(huán)境下對大量相同或相似的頁面基礎(chǔ)元素復(fù)用性不高，且應(yīng)對同一網(wǎng)站多版本共存時效果不佳。因此，本文提出一種基于碎片化頁面基礎(chǔ)元素構(gòu)建多版本網(wǎng)站集群的模型，在傳統(tǒng)CMS模型基礎(chǔ)上進(jìn)一步細(xì)化頁面元素復(fù)用粒度，支持快捷、動態(tài)構(gòu)建或變更網(wǎng)站集群架構(gòu)、網(wǎng)站結(jié)構(gòu)及頁面，并支持網(wǎng)站版本管控，從而較好地解決上述問題。

1 當(dāng)前CMS問題分析與改進(jìn)措施

1.1 當(dāng)前主流CMS存在問題描述

目前主流的CMS通常支持網(wǎng)站內(nèi)容發(fā)布與管理以及比較固化的網(wǎng)站頁面結(jié)構(gòu)管理，在應(yīng)對較為頻繁的網(wǎng)站變更時存在以下幾個突出問題：

（1）頁面結(jié)構(gòu)和樣式通常由專業(yè)的前端程序員設(shè)計編寫代碼后加入CMS中，以此生成前端頁面，如需變更頁面樣式，只能依靠前端程序員修改或重新設(shè)計頁面代碼后重新生成。在頁面頻繁變更時工作量較大，且必須由技術(shù)人員完成。

（2）缺乏版本管控能力。當(dāng)因某些原因需將更新后的網(wǎng)站恢復(fù)到原先版本，或需要網(wǎng)站同時具備多個版本以便根據(jù)需求隨時切換時，同樣只能由程序員修改或重新設(shè)計頁面代碼。該方式增加了程序員負(fù)擔(dān)，且效率低下。

（3）當(dāng)同時運(yùn)營由多個網(wǎng)站組成的網(wǎng)站集群時，各網(wǎng)站資源均獨(dú)立管理，無法做到各網(wǎng)站之間資源共享。若集群下各網(wǎng)站具有相同或相近的界面布局、樣式、界面元素等基礎(chǔ)資源時，必然會造成資源重復(fù)存儲，且不便于統(tǒng)一變更與管理。

1.2 改進(jìn)措施

為解決上述問題，本文在目前主流CMS基礎(chǔ)上作出以下4點針對性改進(jìn)：

（1）增加網(wǎng)站版本管控能力。在傳統(tǒng)CMS網(wǎng)站管理基礎(chǔ)上增加網(wǎng)站版本管理功能，每個網(wǎng)站對應(yīng)若干版本，可根據(jù)需要在各版本間切換，同時增加版本復(fù)制功能，為快捷建立相似版本的網(wǎng)站打下基礎(chǔ)。

（2）傳統(tǒng)CMS通過整體式頁面模板構(gòu)建前端頁面，將整體式頁面模板分解成框架模板和頁面基礎(chǔ)元素，并以信息化形式進(jìn)行管理?？蚣苣０逋ㄟ^整合各類頁面基礎(chǔ)元素形成邏輯上的整體模板，進(jìn)而構(gòu)建前端頁面，即把通過整體頁面模板構(gòu)建前端頁面的模式改為由“框架模板+頁面基礎(chǔ)元素”構(gòu)建前端頁面的模式，以便于框架模板和頁面基礎(chǔ)元素的資源復(fù)用與快捷變更。

（3）將傳統(tǒng)CMS中整體頁面模板歸屬網(wǎng)站的模式改為框架模板關(guān)聯(lián)網(wǎng)站下屬版本的模式。所有網(wǎng)站下屬各版本均可共享框架模板，各框架模板同樣關(guān)聯(lián)并共享頁面基礎(chǔ)元素，從而達(dá)到框架模板和頁面基礎(chǔ)元素利用最大化，且便于頁面批量變更的目的。

（4）在傳統(tǒng)CMS中信息內(nèi)容歸屬網(wǎng)站的基礎(chǔ)上，增加與該網(wǎng)站下各版本的關(guān)聯(lián)選擇功能。由此可根據(jù)需要選擇站內(nèi)信息在該網(wǎng)站下各版本中的顯示特性，以達(dá)到同一網(wǎng)站下各版本間信息內(nèi)容共享，并靈活、便捷管控各版本內(nèi)信息內(nèi)容的目的。

2 基于碎片化頁面元素構(gòu)建網(wǎng)站集群的模型

本文提出的模型將傳統(tǒng)CMS中整體式頁面模板進(jìn)行分解，形成頁面基礎(chǔ)元素，以碎片化、通用化、模塊化、信息化形式分級管理頁面結(jié)構(gòu)、結(jié)構(gòu)中的單元塊、頁面圖片、層疊樣式表單（Cascading Style Sheets，CSS）和JavaScript（JS）腳本。其中，頁面結(jié)構(gòu)用于限定頁面布局，布局中每部分由相應(yīng)頁面單元塊填充，頁面單元塊中包含關(guān)聯(lián)頁面圖片、CSS、JS與信息內(nèi)容標(biāo)記，在此基礎(chǔ)上構(gòu)建邏輯型的整體頁面模板，并實現(xiàn)頁面基礎(chǔ)元素資源共享。

頁面模板是指除信息內(nèi)容外頁面的其它部分，通過將模板中的內(nèi)容區(qū)域標(biāo)記與相應(yīng)信息內(nèi)容相整合，生成前端頁面。

在網(wǎng)站下增設(shè)版本管理功能，網(wǎng)站版本與網(wǎng)站欄目和頁面模板相關(guān)聯(lián)，從而構(gòu)建網(wǎng)站下各版本欄目和頁面模板，進(jìn)而匹配相應(yīng)欄目發(fā)布的信息內(nèi)容，結(jié)合頁面模板生成該版本網(wǎng)站下相應(yīng)欄目的前端頁面。

基于此，網(wǎng)站頁面生成基本流程如圖1所示。在創(chuàng)建頁面結(jié)構(gòu)、頁面單元塊、頁面圖片、CSS和JS基礎(chǔ)上，通過整合相應(yīng)頁面基礎(chǔ)元素構(gòu)建頁面模板，同時在網(wǎng)站下建立網(wǎng)站版本和欄目，并將網(wǎng)站版本與欄目建立關(guān)聯(lián)，進(jìn)而將頁面模板與網(wǎng)站版本及欄目建立關(guān)聯(lián)，構(gòu)建該網(wǎng)站版本的欄目和頁面模板，結(jié)合網(wǎng)站下對應(yīng)欄目發(fā)布的信息內(nèi)容生成相應(yīng)前端頁面。

本模型在結(jié)構(gòu)上將CMS分為6部分：頁面基礎(chǔ)元素部分、網(wǎng)站管理部分、欄目管理部分、頁面模板部分、網(wǎng)站內(nèi)容部分和系統(tǒng)基礎(chǔ)管理部分，如圖2所示。

2.1 頁面基礎(chǔ)元素部分

頁面基礎(chǔ)元素是創(chuàng)建頁面模板的基礎(chǔ)，包含頁面結(jié)構(gòu)、頁面單元塊、圖片、CSS、JS等。其中，頁面結(jié)構(gòu)內(nèi)嵌頁面單元塊，頁面單元塊中包含頁面圖片、CSS、JS和內(nèi)容標(biāo)記。

（1）頁面結(jié)構(gòu)用于構(gòu)建頁面布局，其HTML腳本代碼以信息化形式存儲于數(shù)據(jù)庫中。每個頁面結(jié)構(gòu)既可用于創(chuàng)建頁面模板，也可作為子結(jié)構(gòu)嵌入其它頁面結(jié)構(gòu)形成邏輯上的新結(jié)構(gòu)，從而為創(chuàng)建頁面模板提供邏輯上的頁面布局基礎(chǔ)。如圖3所示，在每種頁面結(jié)構(gòu)中標(biāo)記可嵌入子結(jié)構(gòu)或頁面單元塊的區(qū)域（如圖中的A、B、C、D、E區(qū)域），在圖3（a）中的標(biāo)記區(qū)域B嵌入如圖3（b）所示的子結(jié)構(gòu)，生成如圖3（c）所示的頁面結(jié)構(gòu)，形成A、C、D、E區(qū)域。在這些區(qū)域可再次嵌入其它頁面結(jié)構(gòu)，也可嵌入相應(yīng)頁面單元塊。

（2）頁面單元塊內(nèi)嵌于頁面結(jié)構(gòu)相應(yīng)區(qū)域，同樣以HTML形式存儲于數(shù)據(jù)庫中，其包含若干內(nèi)容標(biāo)記用于后期動態(tài)匹配信息內(nèi)容，同時通過標(biāo)記圖片、CSS、JS的信息ID與之進(jìn)行關(guān)聯(lián)，以便在創(chuàng)建頁面模板時替換成相應(yīng)圖片、CSS和JS，如圖4所示。