CN101286120A - 一种网站页面的制作方法和系统 - Google Patents

Abstract

本发明公开了一种网站页面的制作方法，包括：制作网站页面模板，根据网站页面模板生成框架页面；在框架页面中插入所需页面组件实例；将插入页面组件实例后的框架页面保存并预览，生成最终制作好的网站页面。其中，页面组件实例由统一定义的占位符表示。本发明还提供了一种网站页面的制作系统，能够提高网站的制作效率，缩短网站的制作周期，简化了网站后期的维护工作。

Description

一种网站页面的制作方法和系统

技术领域

本发明涉及动态万维网(Web)页面的制作技术，特别是指一种互联网网站页面的制作方法和系统。

背景技术

随着互联网技术的深入发展，尤其是企业信息化的高速发展，中小企业依托于互联网建立企业信息化门户的需求越来越广泛；随着互联网传递信息数量的爆炸性增长，企业信息化建设的周期日益缩短，网站页面内容的更新速度加快。随着Web2.0时代的到来，中小企业更加认识到依托于互联网打造个性化的企业信息门户网站，以此来推介自己、推销自己的产品是非常重要的，并且，由此带来的收益在企业的整体收益中所占的比重也越来越大。

因此，企业希望找到一个专业的建设企业信息化门户网站的方案，而目前现有的这些企业信息化门户网站的建设方案都比较简单且不够专业，大部分的方案是按照不同用户各自的需求，花费大量的人力物力对网站的每一个页面进行开发。如此，网站的建设没有任何复用性和灵活性，每一个客户网站的制作，都要从新开始设计、制作，浪费了大量的人力物力资源。而且，在网站建设后期，客户需要调整网站内容、或需要网站提供更多的功能时，制作方还要针对网站上需要改变或增加的部分，修改与每个部分相应的网页源程序。这样，不仅整个网站创建的周期长，而且不利于后期网站的维护和功能升级，给以后的网站维护带来很大的麻烦。

现有技术中公开了一种免模板动态网站生成方法，专利申请公开号为CN101025738A，该发明专利申请的关键点为动态的页面组件，该页面组件是包含颜色、字体、显示样式等多种属性的动态可维护页面组件。基于动态页面组件，该方法可以实现自由排版，将用户在创建动态网站时编写程序的工作转变为对页面组件的调用及维护的工作。

但是，这种免模板动态网站生成方法，在网站的生成过程中，把页面组件在网站页面中所显示的内容分为多个属性，固定的直接用扩展标记语言(XML)文件写进网站页面里，造成网站页面中包含很多由XML文件和扩展样式表转换语言(XSLT)文件解析的内容。如此，导致页面维护复杂度提高，在网站页面的内容需要改变或功能需要升级时，仍然需要通过修改网站页面的源程序来实现。另外，该专利申请仅仅提供了在线的制作流程，这种在线的制作流程受到网络因素的制约，网站的制作效率不高。

目前，有不少网站建设方案的创意很好，依托于各种模板技术、页面组件技术，实现网站的快速搭建和风格的灵活改变，这样虽然能够提供不同的页面显示效果，灵活的批量创建页面和灵活的改变网站的外观，但当页面显示内容需要修改或需要提供新的页面功能时，也需要通过修改页面的源程序来完成网站内容的变更或者增加，这样不能够灵活地配置、修改页面显示的内容，并且不能实现网站页面功能的灵活升级。

另外，目前还有一些企业信息化门户网站的制作只提供在线的制作流程，这样的制作流程会受网络因素的制约，当网络环境不好时网站的制作速度受限制，即使网络环境较好时，在线制作网站的过程中，频繁的操作会造成网络的延时，同样会降低网站的制作效率。

发明内容

有鉴于此，本发明的主要目的在于提供一种网站页面的制作方法，能够灵活地配置和修改网站页面显示的内容，并能实现网站页面功能的灵活升级。

本发明的另一目的在于提供一种网站页面的制作系统，能够提高网站的制作效率，缩短网站的制作周期，简化网站后期的维护工作。

为达到上述目的，本发明的技术方案是这样实现的：

本发明提供了一种网站页面的制作方法，包括：

制作网站页面模板，根据所述模板生成框架页面；

在所述框架页面中插入所需页面组件实例；

将所述插入页面组件实例后的框架页面保存并预览，生成最终制作好的网站页面。

其中，所述页面组件实例由统一定义的占位符表示。

所述占位符是页面组件实例的组件类型的类型名标识和页面组件实例具有的唯一标识名称的组合。

在所述框架页面中插入页面组件实例之前，该方法还包括：基于实际应用网站中已有的页面组件实例建立页面组件库。

所述在框架页面中插入页面组件实例的方法具体包括：

a、选择所需页面组件实例的组件类型；

b、设置属于选定组件类型的页面组件实例的唯一标识名称；

c、编辑页面组件实例的属性值。

在所述制作网页模板之前，该方法还包括：下载缺省网站资源包。

在所述生成最终制作好的网站页面之后，该方法还包括：上传制作好的网站页面资源。

本发明还提供了一种网站页面的制作系统，该系统包括：

模板制作模块，用于制作网页模板，并根据所述模板生成框架页面；

页面组件实例管理模块，用于在模板制作模块制作的框架页面中插入页面组件实例；

页面生成模块，用于对在页面组件实例管理模块中插入页面组件实例的框架页面进行保存并预览，并生成最终制作好的网站页面。

所述页面组件实例管理模块包括：

占位符管理子模块，用于从页面组件库中调用页面组件实例，设置页面组件实例占位符；

属性编辑子模块，用于编辑占位符管理子模块中占位符所表示的页面组件实例的属性值。

该系统还包括：

网站资源管理模块，用于下载缺省网站资源包、将页面生成模块生成的最终制作好的网站页面资源上传到实际应用的网站上。

所述页面组件实例管理模块还包括：

组件库建立子模块，用于基于实际应用网站中已有的页面组件实例建立页面组件库，所述页面组件库中的页面组件实例被占位符管理子模块调用；

在离线的网站页面制作流程中，页面组件库的建立是基于网站资源管理模块下载的缺省网站资源包的。

本发明所提供的网站页面的制作方法和系统，在网站页面的制作过程中，页面组件实例由统一定义的占位符表示，占位符由页面组件实例的组件类型名标识和页面组件实例的唯一标识名称组成，其中，组件类型名标识所指的组件类型属性值描述了该类型的页面组件实例的功能，页面组件实例的属性值描述了该页面组件实例在框架页面中所显示的内容；每个框架页面的源程序代码由页面组件实例占位符构成。所以，当页面显示的内容需要更新时，只要改变相应页面组件实例的属性值，就可以实现页面显示内容的变化；当一个页面组件实例的功能需要扩展时，只需要修改该页面组件实例的组件类型的属性值，所有使用该页面组件实例的网站页面就会实现相应功能的扩展。如此，每个页面组件实例的属性可以灵活的进行扩展和修改，不需要通过修改网站页面的源程序代码来实现网站页面内容的改变或功能的升级，如此简化了网站的后期维护工作。

另外，本发明不仅支持通过互联网浏览器实现的在线的网站制作流程，还支持通过第三方网站制作工具实现的离线的网站页面制作流程，如此，在离线的网站页面制作过程中，网站页面的制作就不会受到网络环境的制约，整个网站的建设效率也会明显的提高。

附图说明

图1为本发明中在线制作网站页面的方法流程示意图；

图2为本发明中离线制作网站页面的方法流程示意图；

图3为本发明中网站页面制作的系统结构示意图。

具体实施方式

下面结合附图和具体实施例对本发明的技术方案进一步详细阐述。

本发明中，网站页面由框架页面、以及任意数量的具有特定功能的页面组件实例构成，一个页面组件实例是指一个具体的能够实现特定功能的页面组件。当网站制作方按照客户的需求制作网站页面时，首先根据用户的需求，通过已有的模板技术制作出若干具有统一风格的模板页面作为基本的页面框架；然后根据制作出的模板页面，批量的制作成框架页面。每个框架页面中的任何区域均可以插入任何具有特定功能的页面组件实例。

每个页面组件实例都由统一定义的占位符来表示，占位符的构成规则为：【A_B】，其中，A表示页面组件实例所属组件类型的类型名标识，B表示该页面组件实例具有的唯一标识名称，具体来说，一个占位符【A_B】表示所属组件类型为A、唯一标识名称为B的一个页面组件实例。每个框架页面内的所有源程序代码全部由统一定义的页面组件实例的占位符构成，这样，就可以实现在一个框架页面内的某个区域的任意位置摆放多个相同类型的页面组件实例。如，一个产品列表页面组件实例其所属组件类型为ProductList，如果在一个页面内需要摆放三个不同品种的产品信息，那么，这三个产品列表页面组件实例可以分别定义其页面组件实例占位符为：ProductList_001、ProductList_002、ProductList_003。在实际应用中，对于页面组件实例占位符的表示方式不仅限于此。

因为每个框架页面的框架内的所有源程序代码全部由统一定义的页面组件实例占位符构成，所以每个页面组件实例的属性可以灵活的进行扩展和修改，所述的页面组件实例属性包括组件类型属性值和页面组件实例属性值。较佳地，可以用标准的扩展标记语言(XML)文件来记录页面组件实例中组件类型名标识所指的组件类型属性值，用标准的properties文件来记录页面组件实例属性值。组件类型属性值描述了该类型的页面组件实例的功能，页面组件实例的属性值描述了该页面组件实例在框架页面中所显示的内容。当页面显示的内容需要更新时，只需要改变相应页面组件实例的属性值，就可以实现页面显示内容的变化，而此部分内容所对应的页面源程序代码则不需要做任何的修改。另外，当一个页面组件实例的功能需要扩展时，只需要修改该页面组件实例的组件类型的属性值，所有使用该页面组件实例的网站页面就会实现相应功能的扩展，而不需要修改任何网站页面源程序代码。

下面，将通过在线和离线两种制作网站页面的具体实施例来说明本发明的技术方案。在线的制作流程是基于互联网的浏览器来实现的，离线的制作流程是基于自实现的第三方网站制作工具来实现的。

图1为本发明中在线制作网站页面的方法流程示意图，在线的制作网站页面的流程是基于互联网的浏览器来实现的，包括以下步骤：

步骤101：制作网站页面模板，并根据所述模板生成框架页面。

此步骤可以通过已有的模板技术来实现。根据用户的需求，在网站设置若干网页模板显示类型，并根据网页模板的显示类型制作网站的网站页面模板，并根据页面模板批量的生成具有统一风格的框架页面。这里，批量生成框架页面是指：根据页面模板通过已有的模板技术，按照统一的规则生成一定数量的具有统一风格的框架页面。其中，网站页面可以划分为可编辑区域和不可编辑区域，对于不可编辑区域，在修改页面模板时，会将修改效果应用于由页面模板所批量生成的所有框架页面；对于可编辑区域，可以进行任意修改。这样，在网站的页面模板风格进行修改时，可以同时修改所有由该页面模板批量生成的框架页面。

步骤102：选择所需页面组件实例的组件类型。

可以先建立一个页面组件库，该页面组件库包括实际应用的网站中已有的页面组件实例。在页面组件库中，将页面组件实例的组件类型根据页面组件实例所能处理的业务类型，分为不同的模块，每个模块中包括若干种组件类型。例如，商品交易模块可以包括商品列表、商品详细信息显示、相关商品、商品评价、竞标商品等等组件类型。为每种组件类型定义统一规范的组件类型中文名称和组件类型名标识。利用一个标准的XML文件来记录模块和组件类型的树形目录关系。通过互联网浏览器中XML解析器将该XML文件解析并将解析出的内容保存为模块对象和组件类型对象，在页面框架中用模块下拉列表和模块下组件类型下拉列表联动的显示具体的模块和模块下的组件类型。这样就可以通过框架页面中的模块下拉列表和模块下组件类型下拉列表选择所需的组件类型。

选定组件类型后，互联网浏览器中的程序会将选定的组件类型所指的页面组件实例的占位符填充到当前编辑的框架页面中光标所指示的位置上，页面组件实例占位符中，组件类型名标识部分用来放置组件类型的中文名称和组件类型名标识。

步骤103：设置属于选定组件类型的页面组件实例的唯一标识名称。

选择完组件类型后，组件类型所指页面组件实例的占位符中，页面组件实例的唯一标识名称初始化为三个数字表示的形式“XXX”，可以设置为数字模式001、002或字符模式abc等。这样，框架页面内的一个页面组件实例的占位符就完整的被标识出来。如：商品列表ProductList_001。对页面组件实例的唯一标识名称的设置方式有很多种，不仅限于上述方式。

页面组件实例占位符一经选定并设置好后，该框架页面的源程序代码就固定了。如果页面内显示内容需要更改，或者页面的功能需要升级，那么，只需修改相应的页面组件实例属性值、或组件类型属性值，框架页面需要修改部分对应的源程序代码不用做任何的修改。

步骤104：编辑页面组件实例的属性值。

设置好页面组件实例占位符后，某种组件类型的页面组件实例都具有该组件类型的默认属性值。页面组件实例的组件类型属性可以用标准的XML文件来描述，其中包括如属性标识ID、属性中文名、属性值的类型、是否必填、默认属性值等信息。根据当前编辑的页面组件实例占位符，可以得到上述如属性标识ID、属性中文名、属性值的类型、是否必填、默认属性值等信息，由此可列出一个页面组件实例的属性值编辑页面。

页面组件实例的属性值编辑页面可以显示为N行二列，每一个属性占一行，第一列显示属性的中文名称，第二列根据属性的类型和默认值，提供如文本输入框、下拉列表、单选按钮等html标准标签。根据页面组件实例能够实现的具体业务功能和现实效果等具体的信息，修改第二列的内容，以此实现页面组件实例个性化的显示效果。

步骤105：将插入页面组件实例后的框架页面保存并在线预览，生成最终制作好的网站页面。

将页面组件实例的属性值修改后，对页面组件实例的这些设置进行保存，页面组件实例的属性值可以用标准的properties文件来描述。

编辑并保存完框架页面的页面组件实例属性值后，在互联网浏览器中可以实时的通过所见即所得的可视化效果预览这些页面，达不到预期效果的可以立即进行修改完善。

较佳地，在本发明中，通过一个自定义的XML文件可以将框架页面显示效果和页面内与页面组件实例相关的各种操作放在一个浏览器页面内。如，一个浏览器页面框架的上半部分显示制作好的页面，框架的下半部分直接显示各页面组件实例的操作内容，例如选择组件类型，设置页面组件实例唯一标识名称，编辑页面组件实例属性值等。这样就将页面组件实例个性化编辑的功能和制作好的页面预览功能集成到一个浏览器页面内，方便及时地对制作好的页面进行预览和修改。

图2为本发明中离线制作网站页面的方法流程示意图，离线的网站页面制作可以通过第三方网站制作工具在本机上实现。包括以下步骤：

步骤201：下载缺省网站资源包。

在离线的网站页面制作过程中，需要基于已有的页面组件信息进行，其中描述页面组件实例的组件类型属性的XML文件是离线制作网站页面的基础。要得到这些信息，需要在线下载缺省网站资源包。

本发明中，对于缺省网站资源包的下载，可以通过在第三方页面制作工具中增加相应的扩展插件来完成，该插件可以用一个自定义的XML文件来描述。较佳地，通过页面制作工具提供一个自定义的插件功能页面，该页面提供缺省网站资源包下载后保存在本机的位置、网站站点标识ID、网站所在服务器的文件传输协议(FTP，File Transfer Protocol)地址、FTP用户名等信息。通过对上述信息的设置，页面制作人员就可以通过页面制作工具提供的FTP功能，将在线的网站缺省资源包下载到本用户所使用的终端上。

步骤202～205：具体实现与步骤101～104相同，此处不再赘述。

步骤206：将插入页面组件实例后的框架页面保存并离线预览，生成最终制作好的网站页面。

本步骤中，对插入页面组件实例的框架页面进行保存的具体操作与步骤105所述相同，此处不再赘述。另外，在离线的网站页面的制作流程中，对插入页面组件实例后的框架页面进行预览时，本发明在网页制作页面中增加了一个可以识别的标签，通过一个自定义的XML文件在标签内导入页面组件实例效果内容的代码，这样，就可以在第三方网站制作工具的预览功能窗体内看到模仿在线制作的网站页面的实际效果。

此处需要指出的是，由于在导入页面组件实例效果内容的代码时更改了原有框架页面的内容，所以，必须在对制作好的网站页面资源包上传前删除此代码，还原原有的页面内容。

步骤207：上传制作好的网站页面资源。

将制作好的网站页面资源通过自实现的第三方网站制作工具提供的FTP功能上传到实际应用的网站服务器上。这里，可以批量上传所有页面资源包内容，也可以单独地上传一个框架页面文件。

图3为本发明中网站页面制作的系统结构示意图，该系统包括：

网站资源管理模块10，用于下载缺省网站资源包和上传制作好的网站页面资源。该模块只在离线的网站页面制作系统中才存在。

模板制作模块20，用于制作网页模板，并根据所述模板生成框架页面。

页面组件实例管理模块30，用于在模板制作模块20制作的框架页面中插入页面组件实例。

页面生成模块40，用于对在页面组件实例管理模块30中插入页面组件实例的框架页面进行保存并预览，并生成最终制作好的网站页面。

在离线的网站页面制作过程中，经过页面生成模块40生成的网站页面需要通过网站资源管理模块10上传到实际应用的网站上。

所述页面组件实例管理模块30还包括组件库建立子模块31、占位符管理子模块32和属性编辑子模块33，其中，

组件库建立子模块31，用于建立页面组件库。对于离线的网站页面制作流程，页面组件库的建立基于网站资源管理模块10下载的缺省网站资源包。

占位符管理子模块32，用于从组件库建立子模块建立的组件库中调用页面组件实例，设置页面组件实例占位符：根据业务类型到组件库建立子模块31建立的页面组件库中选择所需的组件类型；对所选择的组件类型所指的页面组件实例，设置页面组件实例的唯一标识名称。

属性编辑子模块33，用于编辑占位符管理子模块32中占位符所表示的页面组件实例的属性值。

上述模块中，组件库建立子模块31是可选的。

以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。

Claims (10)

1、一种网站页面的制作方法，其特征在于，包括：

制作网站页面模板，根据所述模板生成框架页面；

在所述框架页面中插入所需页面组件实例；

将所述插入页面组件实例后的框架页面保存并预览，生成最终制作好的网站页面；

其中，所述页面组件实例由统一定义的占位符表示。

2、根据权利要求1所述网站页面的制作方法，其特征在于，所述占位符是页面组件实例的组件类型的类型名标识和页面组件实例具有的唯一标识名称的组合。

3、根据权利要求1所述网站页面的制作方法，其特征在于，在所述框架页面中插入页面组件实例之前，该方法还包括：基于实际应用网站中已有的页面组件实例建立页面组件库。

4、根据权利要求3所述网站页面的制作方法，其特征在于，所述在框架页面中插入页面组件实例的方法具体包括：

a、选择所需页面组件实例的组件类型；

b、设置属于选定组件类型的页面组件实例的唯一标识名称；

c、编辑页面组件实例的属性值。

5、根据权利要求1所述网站页面的制作方法，其特征在于，在所述制作网页模板之前，该方法还包括：下载缺省网站资源包。

6、根据权利要求1所述网站页面的制作方法，其特征在于，在所述生成最终制作好的网站页面之后，该方法还包括：上传制作好的网站页面资源。

7、一种网站页面的制作系统，其特征在于，该系统包括：

模板制作模块，用于制作网页模板，并根据所述模板生成框架页面；

页面组件实例管理模块，用于在模板制作模块制作的框架页面中插入页面组件实例；

页面生成模块，用于对在页面组件实例管理模块中插入页面组件实例的框架页面进行保存并预览，并生成最终制作好的网站页面。

8、根据权利要求7所述网站页面的制作系统，其特征在于，所述页面组件实例管理模块包括：

占位符管理子模块，用于从页面组件库中调用页面组件实例，设置页面组件实例占位符；

属性编辑子模块，用于编辑占位符管理子模块中占位符所表示的页面组件实例的属性值。

9、根据权利要求7或8所述网站页面的制作系统，其特征在于，该系统还包括：

网站资源管理模块，用于下载缺省网站资源包、将页面生成模块生成的最终制作好的网站页面资源上传到实际应用的网站上。

10、根据权利要求9所述网站页面的制作系统，其特征在于，所述页面组件实例管理模块还包括：

组件库建立子模块，用于基于实际应用网站中已有的页面组件实例建立页面组件库，所述页面组件库中的页面组件实例被占位符管理子模块调用；

在离线的网站页面制作流程中，页面组件库的建立是基于网站资源管理模块下载的缺省网站资源包的。

Images