一种基于碎片化页面元素的网站集群构建模型

周斌

摘 要：随着信息化社会的发展，网站集群建设日渐普遍，集群内网站页面更新也逐渐加快，从而导致网站集群维护成本升高，甚至制约了企事业单位信息化的发展。针对该问题，提出一种基于页面基础元素构建多版本网站集群的模型，该模型基于页面结构、单元块及其它页面基础元素动态组合构建页面模板，实现页面元素复用与快捷变更;通过网站版本管控，实现网站多状态快捷切换;将网站版本与栏目信息及模板整合，实现站内多版本页面内容复用与批量更新。实践结果表明，基于该模型的内容管理系统能够快捷应对页面频繁变更和网站多版本切换，实现页面基础元素和页面模板的高效复用与更新。

关键词：网站集群;内容管理系统;页面基础元素;页面模板;网站版本

DOI：10. 11907/rjdk. 201388                                                                  開放科学（资源服务）标识码（OSID）：

中图分类号：TP303   文献标识码：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 引言

网站集群建设在当今社会的应用已较为广泛，其主要依赖支持多网站的内容管理系统（Content Management System，CMS）软件实现网站集群的信息化管理[1-7]。一批较为成熟的CMS技术被广泛应用于各类网站集群建设中，如基于各种框架技术或开源的CMS等[8-11]。随着社会发展速度不断加快，网站集群的页面和结构等方面的变更也随之加快，网站版本更替的时间逐渐缩短，甚至出现了一个网站多个版本交替切换的需求。目前的主流CMS大多难以高效应对网站集群内的版本变更与管控，且较少考虑网站集群内页面资源共享问题，导致在单位时间内网站集群开发与维护工作量上升，提高了网站集群运行成本，甚至制约了企事业单位信息化的发展。

要解决这一问题，必须使CMS具备网站页面等方面的快捷变更与重构能力。为此，多种改进方案被提出[12-15]。例如，文献[16]提出一种将页面分解成若干区域，各区域包含若干组件，基于可復用组件展示内容的模型，该模型提高了界面组件的复用性，在单网站环境下提升了CMS的运行效率。此外，文献[17]-[24]提出基于模板等方式构建网站集群，但这些模型在网站集群环境下对大量相同或相似的页面基础元素复用性不高，且应对同一网站多版本共存时效果不佳。因此，本文提出一种基于碎片化页面基础元素构建多版本网站集群的模型，在传统CMS模型基础上进一步细化页面元素复用粒度，支持快捷、动态构建或变更网站集群架构、网站结构及页面，并支持网站版本管控，从而较好地解决上述问题。

1 当前CMS问题分析与改进措施

1.1 当前主流CMS存在问题描述

目前主流的CMS通常支持网站内容发布与管理以及比较固化的网站页面结构管理，在应对较为频繁的网站变更时存在以下几个突出问题：

（1）页面结构和样式通常由专业的前端程序员设计编写代码后加入CMS中，以此生成前端页面，如需变更页面样式，只能依靠前端程序员修改或重新设计页面代码后重新生成。在页面频繁变更时工作量较大，且必须由技术人员完成。

（2）缺乏版本管控能力。当因某些原因需将更新后的网站恢复到原先版本，或需要网站同时具备多个版本以便根据需求随时切换时，同样只能由程序员修改或重新设计页面代码。该方式增加了程序员负担，且效率低下。

（3）当同时运营由多个网站组成的网站集群时，各网站资源均独立管理，无法做到各网站之间资源共享。若集群下各网站具有相同或相近的界面布局、样式、界面元素等基础资源时，必然会造成资源重复存储，且不便于统一变更与管理。

1.2 改进措施

为解决上述问题，本文在目前主流CMS基础上作出以下4点针对性改进：

（1）增加网站版本管控能力。在传统CMS网站管理基础上增加网站版本管理功能，每个网站对应若干版本，可根据需要在各版本间切换，同时增加版本复制功能，为快捷建立相似版本的网站打下基础。

（2）传统CMS通过整体式页面模板构建前端页面，将整体式页面模板分解成框架模板和页面基础元素，并以信息化形式进行管理。框架模板通过整合各类页面基础元素形成逻辑上的整体模板，进而构建前端页面，即把通过整体页面模板构建前端页面的模式改为由“框架模板+页面基础元素”构建前端页面的模式，以便于框架模板和页面基础元素的资源复用与快捷变更。

（3）将传统CMS中整体页面模板归属网站的模式改为框架模板关联网站下属版本的模式。所有网站下属各版本均可共享框架模板，各框架模板同样关联并共享页面基础元素，从而达到框架模板和页面基础元素利用最大化，且便于页面批量变更的目的。

（4）在传统CMS中信息内容归属网站的基础上，增加与该网站下各版本的关联选择功能。由此可根据需要选择站内信息在该网站下各版本中的显示特性，以达到同一网站下各版本间信息内容共享，并灵活、便捷管控各版本内信息内容的目的。

2 基于碎片化页面元素构建网站集群的模型

本文提出的模型将传统CMS中整体式页面模板进行分解，形成页面基础元素，以碎片化、通用化、模块化、信息化形式分级管理页面结构、结构中的单元块、页面图片、层叠样式表单（Cascading Style Sheets，CSS）和JavaScript（JS）脚本。其中，页面结构用于限定页面布局，布局中每部分由相应页面单元块填充，页面单元块中包含关联页面图片、CSS、JS与信息内容标记，在此基础上构建逻辑型的整体页面模板，并实现页面基础元素资源共享。

页面模板是指除信息内容外页面的其它部分，通过将模板中的内容区域标记与相应信息内容相整合，生成前端页面。

在网站下增设版本管理功能，网站版本与网站栏目和页面模板相关联，从而构建网站下各版本栏目和页面模板，进而匹配相应栏目发布的信息内容，结合页面模板生成该版本网站下相应栏目的前端页面。

基于此，网站页面生成基本流程如图1所示。在创建页面结构、页面单元块、页面图片、CSS和JS基础上，通过整合相应页面基础元素构建页面模板，同时在网站下建立网站版本和栏目，并将网站版本与栏目建立关联，进而将页面模板与网站版本及栏目建立关联，构建该网站版本的栏目和页面模板，结合网站下对应栏目发布的信息内容生成相应前端页面。

本模型在结构上将CMS分为6部分：页面基础元素部分、网站管理部分、栏目管理部分、页面模板部分、网站内容部分和系统基础管理部分，如图2所示。

2.1 页面基础元素部分

页面基础元素是创建页面模板的基础，包含页面结构、页面单元块、图片、CSS、JS等。其中，页面结构内嵌页面单元块，页面单元块中包含页面图片、CSS、JS和内容标记。

（1）页面结构用于构建页面布局，其HTML脚本代码以信息化形式存储于数据库中。每个页面结构既可用于创建页面模板，也可作为子结构嵌入其它页面结构形成逻辑上的新结构，从而为创建页面模板提供逻辑上的页面布局基础。如图3所示，在每种页面结构中标记可嵌入子结构或页面单元块的区域（如图中的A、B、C、D、E区域），在图3（a）中的标记区域B嵌入如图3（b）所示的子结构，生成如图3（c）所示的页面结构，形成A、C、D、E区域。在这些区域可再次嵌入其它页面结构，也可嵌入相应页面单元块。

（2）页面单元块内嵌于页面结构相应区域，同样以HTML形式存储于数据库中，其包含若干内容标记用于后期动态匹配信息内容，同时通过标记图片、CSS、JS的信息ID与之进行关联，以便在创建页面模板时替换成相应图片、CSS和JS，如图4所示。