CN103176778B - 网页开发方法和装置 - Google Patents

Abstract

本发明提供了一种网页开发方法和装置，方法包括：提供数据库，数据库包括参数表，参数表包括多条记录，每条记录保存一个配置化参数，配置化参数用于描述网页的配置化区域；获取用于生成网页的源代码；编译源代码，包括：从数据库中获取源代码中声明的配置化参数，解析配置化参数得到网页代码，将网页代码输出到源代码中设置的网页位置上。本发明提高了网页开发效率。

Description

网页开发方法和装置

技术领域

本发明涉及互联网技术领域，具体而言，涉及一种网页开发方法和装置。

背景技术

由于Web应用系统的灵活性，使得客户的个性化需求异常丰富，同一个Web应用系统针对不同的客户往往会有不同的代码版本。

发明人发现，开发Web应用系统过程中，为了满足客户的个性化需求，需要开发多个代码版本，从而产生大量的代码修改与维护工作，这使得Web应用系统的开发成本居高不下。

发明内容

本发明旨在提供一种网页开发方法和装置，以解决现有的代码开发工作量较大的问题。

在本发明的实施例中，提供了一种网页开发方法，包括：提供数据库，数据库包括参数表，参数表包括多条记录，每条记录保存一个配置化参数，配置化参数用于描述网页的配置化区域；获取用于生成网页的源代码；编译源代码，包括：从数据库中获取源代码中声明的配置化参数，解析配置化参数得到网页代码，将网页代码输出到源代码中设置的网页位置上。

在本发明的实施例中，提供了一种网页开发装置，包括：数据库模块，用于提供数据库，数据库包括参数表，参数表包括多条记录，每条记录保存一个配置化参数，配置化参数用于描述网页的配置化区域；获取模块，用于获取用于生成网页的源代码；编译模块，用于编译源代码，包括：从数据库中获取源代码中声明的配置化参数，解析配置化参数得到网页代码，将网页代码输出到源代码中设置的网页位置上。

本发明上述实施例的网页开发方法和装置因为采用配置化参数来自动输出网页代码，所以克服了现有的代码开发工作量较大的问题，提高了网页开发效率。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1示出了根据本发明实施例的网页开发方法的流程图；

图2示出了根据本发明优选实施例的基于配置化参数的开发方法的流程图；

图3示出了图2的网页开发方法的列表网页效果图；

图4示出了根据本发明实施例的网页开发装置的示意图。

具体实施方式

下面将参考附图并结合实施例，来详细说明本发明。

图1示出了根据本发明实施例的网页开发方法的流程图，包括：

步骤S10，提供数据库，数据库包括参数表，参数表包括多条记录，每条记录保存一个配置化参数，配置化参数用于描述网页的配置化区域；

步骤S20，获取用于生成网页的源代码；

步骤S30，编译源代码，包括：从数据库中获取源代码中声明的配置化参数，解析配置化参数得到网页代码，将网页代码输出到源代码中设置的网页位置上。

本实施例提供了基于配置化参数的网页代码自动生成方法，能够通过定义少量配置化参数的方式达到网页代码自动生成的目的，从而减少重复性开发、提高代码修改效率。更为重要的是，通过灵活的高可配置度的参数信息可以满足客户的大部分样式及功能方面的需求；同时，对于配置化参数影响之外的功能，可以在网页代码中直接编写，并通过配置化参数控制其是否使用。这样，针对每个项目仅需保留其少量的配置化信息，主体代码皆使用同一套代码，使Web应用系统的产品化成为可能。

网页中的配置化区域是网页代码中需要编写一组特定功能的代码的区域，可以包括：按钮区域、查询条件区域、列表区域、编辑项区域、JavaScript校验代码区域、以及其它需要使用配置化信息的区域(如标题栏、导航栏等)。此外，不同的网页可能包含不同的配置化区域，譬如一个列表网页可以包括按钮区域、查询区域、列表区域、其它需要使用配置化信息的区域。

参数表的列字段可以包括：参数Id、参数簇编码、参数簇及参数描述、参数名称、参数值、参数格式、备注、是否使用、排序号、备用字段1、备用字段2、备用字段3、备用字段4、备用字段5。其中“参数簇编码”及“参数名称”用于参数的查询定位，“参数簇及参数描述”和“备注”仅用作描述说明，而“参数值”、“参数格式”、“是否启用”、“排序号”及5个备用字段则用来定义参数的各种配置化效果，其中“参数格式”为参数表的配置化核心内容，其值为一串字符串，通过字符串中各位的数值来定义各种配置化效果。

根据本发明优选实施例的各个字段的含义及其配置化效果如下：

参数格式说明

1)系统

参数默认格式：00。暂无定义。

2)业务

参数默认格式：000。

参数格式说明：

第1位：列表中显示的字体颜色(0：系统默认/1：aqua/2：black/3：blue/4：fuchsia/5：gray/6：green/7：lime/8：maroon/9：navy/a：olive/b：purple/c：red/d：silver/e：teal/f：white/g：yellow)

第2～3位：预留两位格式占位符(默认为00)

3)按钮

参数值默认格式：000。

参数格式说明：

第1位：是否隐藏(1/0)

第2～3位：预留两位格式占位符(默认为00)

4)查询

参数值默认格式：1010000。

参数格式说明：

第1位：是否隐藏(1/0)

第2位：类型(1：字符串/2：整数/3：日期/4：下拉列表)

第3～5位：查询框宽度(三位数字，如：090，100)

第6～7位：预留两位格式占位符(默认为00)

5)列表

参数值默认格式：10000000000。

参数格式说明：

第1位：是否隐藏(1/0)

第2位：表头是否支持排序(1：支持/0：不支持)

第3～4位：宽度百分比(两位数字)

第5位：类型(0：默认经过HTML转换的可显示特殊字符的字符串/1：不经HTML转换的字符串(如文本)/2：日期年月日格式/3：日期年月日时分秒格式/4：是否类型显示，若记录为null或空显示″否″，否则显示″是″/5：记录序号，此时paraName值仅作为列占位字段且必须为数据库中真实存在的字段)

第6位：是否导出(1/0)

第7～9位：导出excel单元格宽度(三位数字，如010，100)

第10～11位：预留两位格式占位符(默认为00)

注：paraValue说明：显示名称(必须定义为sql语句中select与from之间的字段名)

6)编辑

参数值默认格式：101000000000000000。

参数格式说明：

第1位：新建时是否隐藏(1/0)

第2位：新建时是否只读(1/0)

第3位：修改时是否隐藏(1：隐藏/0：不隐藏)

第4位：修改时是否只读(1：只读/0：可编辑)

第5位：类型(0：无或需特殊处理(默认)/1：字符串/2：整数/3：日期(年月日)/4：下拉列表/5：文本框/6：单选框(待开发)/7：多选框(待开发)/8：时间(年月日时分秒)/9：时间(年月日时分)/a：密码输入框/b：上传图片/c：原系统单位选择/d：FCKeditor/e：文件上传)

第6位：是否必填(1/0)

第7位：长度校验(3/4/5/...参考参数簇编码sysCheck定义)

第8位：是否存在特殊校验(1/0)

第9～10位：标题宽度百分比(两位数字)

第11～12位：内容宽度百分比(两位数字)

第13位：数据库字段标识(仅使用dojo的url传输方式时适用，0：/不保存，非当前表字段/1：新建修改时皆保存/2：仅新建时保存/3：仅修改时保存)

第14～16位：输入框宽度(三位数字，如：090，100)

第17～18位：预留两位格式占位符(默认为00)

7)校验

参数值默认格式：0000。

参数格式说明：

第1位：是否使用(1/0)

第2位：特殊校验文字显示方式(0：在名称前/1：在名称后/2：只显示校验文字不显示名称)

第3～4位：预留两位格式占位符(默认为00)

8)文本

参数值默认格式：00。暂无定义。

9)其它

参数值默认格式：00。暂无定义。

优选地，配置化参数包括以下至少一个：

系统参数：与系统正常运行相关的参数，如系统中各类文件的存储路径、系统中功能点的相关控制信息等。

业务参数：可根据用户实际情况而定义的与业务相关的参数，如网页上下拉列表中的选项，每个业务参数对应一条选项信息，定义该选项是否启用、显示顺序、名称、显示颜色等。

按钮区参数：与按钮区域对应的参数，每个按钮区参数对应一个按钮，定义该按钮是否启用、显示顺序，名称、点击后调用的脚本函数名等。

查询区参数：与查询区域对应的参数，每个查询区参数对应一个查询条件，定义其是否显示、显示顺序、名称、类型(包括文本框、日期控件、下拉列表等)、查询框宽度等。

列表区参数：与列表区域对应的参数，每个列表区参数对应列表中一列，定义其是否显示、显示顺序、名称、宽度、是否支持excel导出及导出样式等。

编辑区参数：与编辑区域对应的参数，每个编辑区参数对应新建或修改中的一条编辑项，定义其新建或修改中是否显示、显示位置、名称、类型(包括文本框、日期控件、下拉列表等)、单元格宽度等

校验区参数：与校验区域对应的参数，每个校验区参数对应一个JavaScript校验函数，定义其是否启用、与编辑区参数的对应关系、以及对应的JavaScript脚本函数名(脚本函数在代码中编写)。零个或多个校验区参数对应一个编辑区参数。

界面文字参数：指网页中可配置的文字，每个界面文字参数对应一条带格式的文本信息，如网页标题栏文字、导航栏文字、版权声明、友情提示等。

优选地，在Web系统服务端解析配置化参数得到网页代码，通过Servlet技术将网页代码输出到源代码中设置的网页位置上。

Servlet是一种服务器端的Java应用程序，具有独立于平台和协议的特性，可以生成动态的Web页面。它担当客户请求(Web浏览器或其他HTTP客户程序)与服务器响应(HTTP服务器上的数据库或应用程序)的中间层。Servlet是位于Web服务器内部的服务器端的Java应用程序，与传统的从命令行启动的Java应用程序不同，Servlet由Web服务器进行加载，该Web服务器必须包含支持Servlet的Java虚拟机。

图2示出了根据本发明优选实施例的基于配置化参数的开发方法的流程图。图3示出了图2的网页开发方法的列表网页效果图，包括：

1、准备过程。定义网页中相关配置化区域的参数信息，这里以开发一个列表网页为例。需要定义的配置化参数信息包括：

(1)系统参数(图中未示出)：若该页面涉及到有关系统配置的参数，则通过参数服务函数获取该系统参数对象，进行相关操作。

(2)业务参数(图中未示出)：与业务相关的参数，如页面中下拉列表中的选项值。

(3)按钮区参数：与按钮区域对应的参数，每个参数对应一个按钮，定义该按钮是否启用、显示顺序，名称、点击后调用的脚本函数名等。

(4)查询区参数：与查询区域对应的参数，每个参数对应一个查询条件，定义其是否显示、显示顺序、名称、类型(包括文本框、日期空间、下拉列表等)、查询框宽度等。

(5)列表区参数：与列表区域对应的参数，每个参数对应列表中一列，定义其是否显示、显示顺序、名称、宽度、是否支持excel导出及导出样式等。

(6)界面文字参数(图中未示出)：页面中可配置的文字，每个参数对应一条带格式的文本信息，如页面标题栏文字、导航栏文字、版权声明等。

2、开发过程。声明网页所需的配置化参数，然后调用配置化参数处理函数，并将配置化参数及网页其它所需参数传入其中，最后声明配置化参数处理函数解析后生成的代码及其在网页中的输出位置。

(1)系统参数处理流程(图中未示出)：若该网页涉及到有关系统配置的参数，则通过参数服务函数获取该系统参数对象，进行相关操作或供其他配置化区域调用。

(2)业务参数处理流程(图中未示出)：若该网页涉及到有关的业务参数，则通过参数服务函数获取该业务参数对象，进行相关操作或供其他配置化区域调用。

(3)按钮参数处理流程：

a)首先从系统缓存中根据参数簇编码获取该按钮区参数信息。

b)然后以参数对象的形式声明该按钮区的参数。

c)之后调用按钮参数处理函数，遍历该按钮参数簇内所有参数对象，并根据参数名称、参数值、参数格式等参数信息，拼装各按钮的网页标签。

d)最后返回其拼装后的标签代码。

(4)查询参数处理流程：

a)首先从系统缓存中根据参数簇编码获取该查询区参数信息。

b)然后以参数对象的形式声明该查询区的参数。

c)之后调用查询参数处理函数，遍历该查询参数簇内所有参数对象，并根据参数名称、参数值、参数格式等参数信息，拼装各查询条件的网页标签。

d)最后返回其拼装后的标签代码。

(5)列表参数处理流程：

a)首先从系统缓存中根据参数簇编码获取该列表区参数信息。

b)然后将该列表区参数声明为参数对象。

c)之后调用列表参数处理函数，对该列表参数簇内所有参数对象遍历两次，分别拼装表头和表主体两部分，具体如下：

i.首先根据参数名称、参数值等参数信息，拼装列表的表头信息。

ii.然后根据网页的查询条件及参数名称等信息查询该列表的记录，再结合各列表参数对象的参数名称、参数值、参数格式等参数信息拼装列表的主体内容。

d)最后返回其拼装后的标签代码。

(6)界面文字参数处理流程(图中未示出)：直接通过参数簇编码及参数名称获取该界面文字的参数值，即带格式的文字信息，供网页标题栏、导航栏等相关位置使用。

(3)编译过程。在网页编译时，通过配置化参数处理函数解析各配置化区域的参数信息拼装成网页代码，其拼装过程是在Web系统服务端完成的，通过Servlet技术将拼装结果输出到网页代码中。

图4示出了根据本发明实施例的网页开发装置的示意图，包括：

数据库模块10，用于提供数据库，数据库包括参数表，参数表包括多条记录，每条记录保存一个配置化参数，配置化参数用于描述网页的配置化区域；

获取模块20，用于获取用于生成网页的源代码；

编译模块30，用于编译源代码，包括：从数据库中获取源代码中声明的配置化参数，解析配置化参数得到网页代码，将网页代码输出到源代码中设置的网页位置上。

本网页开发装置提高了网页开发的效率。

优选地，编译模块在Web系统服务端解析配置化参数得到网页代码，通过Servlet技术将网页代码输出到源代码中设置的网页位置上。

从以上的描述中可以看出，本发明实现了如下技术效果：

1、高可配置度，通过修改少量的配置信息即能够满足客户的大部分个性化需求；

2、保留个性化开发功能，对于只能在代码中单独开发或很难通过配置的方式来实现的个性化需求，应单独开发其模块，但可通过配置功能控制其是否使用及如何使用；

3、控制版本分支，不同项目的个性化需求仅通过少量的配置信息来控制，而主体代码则保证只有一套。

这样，同一Web应用系统不同项目之间，由大量的网页差异转化为少量的参数差异，最大程度地降低了项目版本的差异，同时方便了网页代码的维护、修改，一定程度上满足了Web应用系统产品化的需求。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (6)

1.一种网页开发方法，其特征在于，包括：

提供数据库，所述数据库包括参数表，所述参数表包括多条记录，每条所述记录保存一个配置化参数，所述配置化参数用于描述网页的配置化区域，所述配置化区域包括以下至少一种：按钮区域、查询条件区域、列表区域、编辑项区域、JavaScript校验代码区域、标题栏、导航栏；

获取用于生成网页的源代码；

编译所述源代码，包括：从所述数据库中获取所述源代码中声明的配置化参数，解析所述配置化参数得到网页代码，将所述网页代码输出到所述源代码中设置的网页位置上；

其中，参数表的列字段包括：参数Id、参数簇类型、参数簇编码、参数簇描述、参数名称、参数值、参数格式、备注、是否使用、排序号、至少一个备用字段；其中“参数簇编码”及“参数名称”用于参数的查询定位，“参数簇描述”和“备注”仅用作描述说明，“参数值”、“参数格式”、“是否启用”、“排序号”及备用字段则用来定义参数的各种配置化效果，其中“参数格式”为参数表的配置化核心内容，其值为一串字符串，通过字符串中各位的数值来定义各种配置化效果。

2.根据权利要求1所述的方法，其特征在于，所述配置化参数包括以下至少一个：

系统参数：用于描述系统中各类文件的存储路径、系统中功能点的相关控制信息；

业务参数：每个所述业务参数用于描述下拉列表中的一个选项，包括：是否启用、显示顺序、名称和显示颜色；

按钮区参数：每个所述按钮区参数用于描述一个按钮，包括：是否启用、显示顺序，名称和点击后调用的脚本函数名；

查询区参数：每个所述查询区参数用于描述一个查询条件，包括：是否显示、显示顺序、名称、类型和查询框宽度；

列表区参数：每个所述列表区参数用于描述列表中的一列，包括：是否显示、显示顺序、名称、宽度和是否支持excel导出及导出样式；

编辑区参数：每个所述编辑区参数用于描述新建或修改中的一条编辑项，包括：新建或修改中是否显示、显示位置、名称、类型、和单元格宽度；

校验区参数：每个所述校验区参数用于描述一个JavaScript校验函数，包括：是否启用、与编辑区参数的对应关系、以及对应的JavaScript脚本函数名，其中零个或多个所述校验区参数对应一个所述编辑区参数；

界面文字参数：每个所述界面文字参数用于描述一条带格式的文本信息，包括：网页标题栏文字、导航栏文字、版权声明、和友情提示。

3.根据权利要求1所述的方法，其特征在于，在Web系统服务端解析所述配置化参数得到网页代码，通过Servlet技术将所述网页代码输出到所述源代码中设置的网页位置上。

4.一种网页开发装置，其特征在于，包括：

数据库模块，用于提供数据库，所述数据库包括参数表，所述参数表包括多条记录，每条所述记录保存一个配置化参数，所述配置化参数用于描述网页的配置化区域，所述配置化区域包括以下至少一种：按钮区域、查询条件区域、列表区域、编辑项区域、JavaScript校验代码区域、标题栏、导航栏；

获取模块，用于获取用于生成网页的源代码；

编译模块，用于编译所述源代码，包括：从所述数据库中获取所述源代码中声明的配置化参数，解析所述配置化参数得到网页代码，将所述网页代码输出到所述源代码中设置的网页位置上；

其中，参数表的列字段包括：参数Id、参数簇类型、参数簇编码、参数簇描述、参数名称、参数值、参数格式、备注、是否使用、排序号、至少一个备用字段；其中“参数簇编码”及“参数名称”用于参数的查询定位，“参数簇描述”和“备注”仅用作描述说明，“参数值”、“参数格式”、“是否启用”、“排序号”及备用字段则用来定义参数的各种配置化效果，其中“参数格式”为参数表的配置化核心内容，其值为一串字符串，通过字符串中各位的数值来定义各种配置化效果。

5.根据权利要求4所述的装置，其特征在于，所述配置化参数包括以下至少一个：

系统参数：用于描述系统中各类文件的存储路径、系统中功能点的相关控制信息；

业务参数：每个所述业务参数用于描述下拉列表中的一个选项，包括：是否启用、显示顺序、名称和显示颜色；

按钮区参数：每个所述按钮区参数用于描述一个按钮，包括：是否启用、显示顺序，名称和点击后调用的脚本函数名；

查询区参数：每个所述查询区参数用于描述一个查询条件，包括：是否显示、显示顺序、名称、类型和查询框宽度；

列表区参数：每个所述列表区参数用于描述列表中的一列，包括：是否显示、显示顺序、名称、宽度和是否支持excel导出及导出样式；

编辑区参数：每个所述编辑区参数用于描述新建或修改中的一条编辑项，包括：新建或修改中是否显示、显示位置、名称、类型、和单元格宽度；

校验区参数：每个所述校验区参数用于描述一个JavaScript校验函数，包括：是否启用、与编辑区参数的对应关系、以及对应的JavaScript脚本函数名，其中零个或多个所述校验区参数对应一个所述编辑区参数；

界面文字参数：每个所述界面文字参数用于描述一条带格式的文本信息，包括：网页标题栏文字、导航栏文字、版权声明、和友情提示。

6.根据权利要求4所述的装置，其特征在于，所述编译模块在Web系统服务端解析所述配置化参数得到网页代码，通过Servlet技术将所述网页代码输出到所述源代码中设置的网页位置上。