基于元数据的网页快速开发方法与流程

文档序号:11285772阅读:230来源:国知局

本发明涉及网页开发领域,具体涉及一种基于元数据的网页快速开发方法。



背景技术:

元数据(metadata)是描述其它数据的数据(dataaboutotherdata),或者说是用于提供某种资源的有关信息的结构数据(structureddata)。元数据是描述信息资源或数据等对象的数据,其使用目的在于:识别资源;评价资源;追踪资源在使用过程中的变化;实现简单高效地管理大量网络化数据;实现信息资源的有效发现、查找、一体化组织和对使用资源的有效管理。

现有高校网站中的大部分界面都需要html、css、js三个文件合作支撑,才能正常运作。由于网站中几乎不存在完全相同的两个网页,复用同一个文件就很难。当两个或多个网页界面或功能相近时,各自的代码中就会产生很多冗余部分,维护成本很高。当网站页面很多时,所需请求的文件不论是个数还是资源量都很大,影响网页运行性能。

如果想要修改或增减页面中某些元素时,需要修改对应的文件,当需求频繁变更时,维护起来费时费力,而且容易漏改等引起新的bug,增加了网站界面的不稳定性。



技术实现要素:

本发明的目的在于提供一种基于元数据的网页快速开发方法,解决目前的网页开发工作量大,代码冗余,维护不便的问题。

为解决上述的技术问题,本发明采用以下技术方案:

一种基于元数据的网页快速开发方法,包括以下步骤:

对页面元素按照元素类别进行归类;

将归类好的页面元素用元数据进行描述,并保存到数据库中;

从数据库中调用相应的页面元素,按照配置规则对页面进行配置得到完整的网页。

更进一步的方案是,元素类别分为主类别、数据类型类别和展示类别,所述主类别包括布局类、功能类、按钮类、查询条件类和表格类,数据类型类别包括文本类、数字类、日期类、时间类、密码类和邮箱类,展示类别包括下拉框、输入框、密码框、文本框、标签、日期列和时间列。

更进一步的方案是,页面元素用元数据描述的具体方法是:将一种页面元素作为一条元数据,页面元素的描述作为元数据的内容。

更进一步的方案是,页面元素的描述包括元素种类、元素类别、数据源、顺序、是否必须、是否可空、是否唯一、是否可排序、是否可编辑。

更进一步的方案是,元素种类包括查询条件、数据列和按钮。

更进一步的方案是,配置规则包括查询页面配置规则和编辑页面配置规则,

查询页面配置规则包括查询条件配置和表格列配置,

查询条件配置规则为将查询条件的页面元素按网页需求设置为输入框、下拉框、数据源、联动组件、默认值、查询条件名称中的一种,

表格列的配置规则为将表格列的页面元素按照网页需求对列的名称、列的显示顺序、列的格式化方式进行设置;

编辑页面配置规则包括编辑列配置,所述编辑列配置规则为将编辑列的页面元素按照网页需求设置为输入框、文本框、下拉框、数据源、格式校验方式、提醒语和元数据名称中的一种。

更进一步的方案是,格式验证方式包括数据验证和参数验证。

与现有技术相比,本发明的有益效果是:

本发明绘制网页界面无需创建html、js、css等三个文件,直接通过对元数据进行配置即可,代码重复利用率高,冗余代码少。

本发明可以通过开发后台配置中心对页面元素进行配置,修改页面显示元素,无需修改代码,接近于“傻瓜式”维护,简单方便又节省人力,避免了频繁改动代码造成纰漏,提高了网站的稳定性。

本发明上线维护只需要维护公共的元数据即可,对用户个性设置的元数据没有任何影响。新功能元数据和元数据的修改都很方便。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白,以下结合实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。

一种基于元数据的网页快速开发方法,包括以下步骤:

对页面元素按照元素类别进行归类;元素类别分为主类别、数据类型类别和展示类别,所述主类别包括布局类、功能类、按钮类、查询条件类和表格类,数据类型类别包括文本类、数字类、日期类、时间类、密码类和邮箱类,展示类别包括下拉框、输入框、密码框、文本框、标签、日期列和时间列。

将归类好的页面元素用元数据进行描述;页面元素用元数据描述的具体方法是:将一种页面元素作为一条元数据,页面元素的描述作为元数据的内容。页面元素的描述包括元素种类、元素类别、数据源、顺序、是否必须、是否可空、是否唯一、是否可排序、是否可编辑。元素种类包括查询条件、数据列和按钮。

从数据库中调用相应的页面元素,按照配置规则对页面进行配置得到完整的网页;配置规则包括查询页面配置规则和编辑页面配置规则,查询页面配置规则包括查询条件配置和表格列配置,查询条件配置规则为将查询条件的页面元素按网页需求设置为输入框、下拉框、数据源、联动组件、默认值、查询条件名称中的一种,表格列的配置规则为将表格列的页面元素按照网页需求对列的名称、列的显示顺序、列的格式化方式进行设置;编辑页面配置规则包括编辑列配置,所述编辑列配置规则为将编辑列的页面元素按照网页需求设置为输入框、文本框、下拉框、数据源、格式校验方式、提醒语和元数据名称中的一种。格式验证方式包括数据验证和参数验证,前端框架会先验证输入数据是否正确,后端框架也会验证输入的参数是否正确。

本发明可以先开发元数据后台配置中心,用于将网页元素通过配置中心配置为元数据,配置元数据的配置项包括表名、名称、中文名、元素种类、元素类型、数据源、顺序、是否必须、是否可空、是否唯一、是否可排序、是否可编辑、描述、示例。一般情况下对于元数据的配置重点配置项用途描述如下:

名称:作为前后端通信的name属性,取值和赋值以此作为唯一标识。

中文名:前端界面要显示的标签label。

元素种类:标识元素的具体作用,是查询条件,还是数据列,或者是按钮授权等。

元素类型:标识元素的直观显示,下拉框、输入框、多选框、时间框等。

数据源:用来索引数据的code。如:当将元素类型设置为“下拉框”时,下拉框需要有数据,而这些数据就需要用它自己的数据源来索引,可以理解为数据源就是个通常意义上的“地址”。

顺序:标识改元素的显示顺序。如想要切换表格中某两列的顺序,只需要在配置时互换这两列的原有顺序值即可。

在实际的配置过程中,先将网页页面进行标识,然后将该网页的所有的页面元素通过元数据的形式保存到数据库中,对网页页面进行配置时,只需要调用该网页的所有页面元素进行配置就可以得到完整的网页,配置简单,代码重复利用率高,冗余代码少。

对网页进行快速建立时,首先建立页面所必须的js文件,在元数据后台配置中心中根据需求创建该页面元素元数据代号,作为该页面元素元数据的标识,并配置该页面元素元数据代号对应的页面元素元数据并保持到数据库中,元数据包括查询条件、列表项、编辑项三大类,每条数据又包括显示的标签名称、元素类别、格式验证类型、是否必填等信息。

将所需的页面元素元数据配置完成后,通过该页面元素元数据的代号通过http请求传送给后端数据库获取已配置好的元数据,调用元数据数组,根据该页面的具体信息配置相应的元素,得到完整的网页。

尽管这里参照本发明的多个解释性实施例对本发明进行了描述,但是,应该理解,本领域技术人员可以设计出很多其他的修改和实施方式,这些修改和实施方式将落在本申请公开的原则范围和精神之内。更具体地说,在本申请公开和权利要求的范围内,可以对主题组合布局的组成部件和/或布局进行多种变型和改进。除了对组成部件和/或布局进行的变形和改进外,对于本领域技术人员来说,其他的用途也将是明显的。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1