页面的处理方法、装置、计算机设备和存储介质

技术领域

本申请涉及网页处理技术领域，特别是涉及一种页面的处理方法、装置、计算机设备和存储介质。

背景技术

随着网络技术的发展，人们需要通过网页页面来获取资讯、执行各种网页交互操作等。例如：企业HR(Human Resource，人力资源)需要通过网页来监控企业内部各个员工的信息。

传统技术中，通过前端开发者编写代码的方式开发出各个页面。例如，HR使用的页面往往是前端开发者通过代码开发的。但是这种情况下，在对页面有新的需求时，仍旧需要借助前端开发者来开发，这就使得对页面的处理效率较为低下。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本发明的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

基于此，有必要针对上述技术问题，提供一种页面的处理方法、装置、计算机设备和存储介质。

一种页面的处理方法，所述方法包括：接收针对目标页面的页面获取请求；所述页面获取请求中携带所述目标页面的页面类型；响应于所述页面获取请求，获取与所述页面类型对应的页面区域布局信息以及与所述页面区域布局信息匹配的元数据配置信息；所述元数据配置信息用于表征页面元数据在所述页面区域布局信息的页面区域中的配置形式；获取与所述元数据配置信息对应的页面元数据；根据所述元数据配置信息对应的配置形式向所述页面区域布局信息的页面区域中配置所述页面元数据，以得到所述目标页面。

在一个实施例中，所述获取与所述页面类型对应的页面区域布局信息以及与所述页面区域布局信息匹配的元数据配置信息，包括：根据所述页面类型从页面配置表中读取对应的页面配置信息；对所述页面配置信息进行解析，以得到所述页面区域布局信息以及所述元数据配置信息。

在一个实施例中，所述根据所述页面类型从页面配置表中读取对应的页面配置信息之前，还包括：获取页面类型选择信息，根据所述页面类型选择信息确定目标页面类型；接收元数据编辑操作，根据所述元数据编辑操作后的页面元数据生成与所述目标页面类型对应的页面配置信息；将与所述目标页面类型对应的页面配置信息添加至所述页面配置表中。

在一个实施例中，所述接收元数据编辑操作，根据所述元数据编辑操作后的页面元数据生成与所述目标页面类型对应的页面配置信息之后，还包括：控制在显示窗口中显示待选页面元数据类型对应的控件；通过所述控件接收对所述页面元数据类型进行选择得到的目标页面元数据类型；将所述目标页面元数据类型对应的页面元数据添加至与所述目标页面类型对应的页面配置信息中。

在一个实施例中，所述接收元数据编辑操作，根据所述元数据编辑操作后的页面元数据生成与所述目标页面类型对应的页面配置信息，包括：接收页面区域选择指令，确定与所述页面区域选择指令对应的目标页面区域；接收元数据编辑操作，确定与所述元数据编辑操作对应的已编辑页面元数据；建立所述目标页面区域与所述已编辑页面元数据之间的关联关系；根据所述关联关系生成与所述目标页面类型对应的页面配置信息。

在一个实施例中，所述通过所述控件接收对所述页面元数据类型进行选择得到的目标页面元数据类型之后，还包括：将所述目标页面元数据类型对应的页面元数据注册至元数据注册列表中；所述获取与所述元数据配置信息对应的页面元数据，包括：从所述元数据注册列表中读取与所述元数据配置信息对应的页面元数据。

在一个实施例中，所述接收元数据编辑操作，根据所述元数据编辑操作后的页面元数据生成与所述目标页面类型对应的页面配置信息，包括：接收针对候选页面的配置信息复用指令；所述候选页面的页面配置信息与所述目标页面的页面配置信息的相似度高于预设阈值；响应于所述配置信息复用指令，获取与所述候选页面对应的候选页面配置信息；接收元数据编辑操作，根据所述元数据编辑操作对所述候选页面配置信息中的页面元数据进行编辑，以生成与所述目标页面类型对应的页面配置信息。

一种页面的处理装置，所述装置包括：指令接收模块，用于接收针对目标页面的页面获取请求；所述页面获取请求中携带所述目标页面的页面类型；信息获取模块，用于响应于所述页面获取请求，获取与所述页面类型对应的页面区域布局信息以及与所述页面区域布局信息匹配的元数据配置信息；所述元数据配置信息用于表征页面元数据在所述页面区域布局信息的页面区域中的配置形式；元数据获取模块，用于获取与所述元数据配置信息对应的页面元数据；页面生成模块，用于根据所述元数据配置信息对应的配置形式向所述页面区域布局信息的页面区域中配置所述页面元数据，以得到所述目标页面。

一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现以下步骤：接收针对目标页面的页面获取请求；所述页面获取请求中携带所述目标页面的页面类型；响应于所述页面获取请求，获取与所述页面类型对应的页面区域布局信息以及与所述页面区域布局信息匹配的元数据配置信息；所述元数据配置信息用于表征页面元数据在所述页面区域布局信息的页面区域中的配置形式；获取与所述元数据配置信息对应的页面元数据；根据所述元数据配置信息对应的配置形式向所述页面区域布局信息的页面区域中配置所述页面元数据，以得到所述目标页面。

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：接收针对目标页面的页面获取请求；所述页面获取请求中携带所述目标页面的页面类型；响应于所述页面获取请求，获取与所述页面类型对应的页面区域布局信息以及与所述页面区域布局信息匹配的元数据配置信息；所述元数据配置信息用于表征页面元数据在所述页面区域布局信息的页面区域中的配置形式；获取与所述元数据配置信息对应的页面元数据；根据所述元数据配置信息对应的配置形式向所述页面区域布局信息的页面区域中配置所述页面元数据，以得到所述目标页面。

上述页面的处理方法、装置、计算机设备和存储介质，接收针对目标页面的页面获取请求；获取与页面类型对应的页面区域布局信息以及与页面区域布局信息匹配的元数据配置信息；获取与元数据配置信息对应的页面元数据；能根据元数据配置信息对应的配置形式自动向页面区域布局信息的页面区域中配置页面元数据，以自动生成目标页面。能够自动获取页面区域布局信息以及页面元数据的配置形式，在不需要重新编码的情况下就能基于页面区域布局信息以及页面元数据的配置形式在页面区域中配置页面元数据，进而自动得到页面。

附图说明

图1为一个实施例中页面的处理方法的应用环境图；

图2为一个实施例中页面的处理方法的流程示意图；

图3为一个实施例中页面配置的界面示意图；

图4为另一个实施例中页面配置的界面示意图；

图5为再一个实施例中页面配置的界面示意图；

图6为又一个实施例中页面配置的界面示意图；

图7为又一个实施例中页面配置的界面示意图；

图8为一个实施例中编辑窗口的示意图；

图9为一个实施例中显示窗口的示意图；

图10为另一个实施例中显示窗口的示意图；

图11为另一个实施例中页面的处理方法的流程示意图；

图12为再一个实施例中页面的处理方法的流程示意图；

图13为又一个实施例中页面的处理方法的流程示意图；

图14为一个实施例中页面的处理装置的结构框图；

图15为一个实施例中计算机设备的内部结构图。

具体实施方式

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

本申请提供的页面的处理方法，可以应用于如图1所示的应用环境中。该应用环境中包含终端和服务器。终端101通过网络与服务器102进行通信。终端101向服务器102发送页面获取请求，服务器102据此获取页面区域布局信息以及元数据配置信息，基于页面区域布局信息以及元数据配置信息在页面区域中配置页面元数据，进而自动得到页面。其中，终端101可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器102可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

在一个实施例中，如图2所示，提供了一种页面的处理方法，本实施例以该方法应用于图1中的服务器进行举例说明，可以理解的是，该方法也可以应用于终端，还可以应用于包括终端和服务器的系统，并通过终端和服务器的交互实现。

本实施例中，该方法包括以下步骤：

S201，接收针对目标页面的页面获取请求；所述页面获取请求中携带所述目标页面的页面类型。

其中，目标页面指的是需要获取的页面。该页面可以是各种类型的网页、应用程序的页面。目标页面中可以包括至少一个页面区域，各个页面区域中可以显示不同的信息。在一个实施例中，目标页面可以指在终端界面显示的整个页面，也可以是终端显示页面中的部分区域，例如，终端页面中的某个窗口。页面获取请求可以是页面生成请求，即请求生成一个新的页面，也可以是页面构建请求，即从存储空间中获取已构建页面的信息，基于这些信息组装得到对应的已构建页面。

页面类型可以指页面的显示形式对应的类型。进一步地，不同页面类型的页面显示形式也是不同的，例如：不同页面类型的页面可以至少有以下的显示形式：页面区域个数不同、页面区域的分布方式不同或者不同页面区域中页面元数据的显示形式不同。另外，页面类型可以与所展示对象相关联，一种展示对象对应一种页面类型。例如：某一种展示对象对应的页面类型为A，另一种展示对象对应的页面类型为B。举例说明如下：以职工人员档案为例，兼职人员、劳务派遣人员以及离职人员这几个展示对象对应不同的页面类型，兼职人员对应兼职人员页面类型，劳务派遣人员对应劳务派遣人员页面类型，离职人员对应离职人员页面类型。

在一个实施例中，S201的实现过程可以为：终端可以在界面中显示页面生成触发控件。在该页面生成触发控件被触发时，终端向服务器发送页面获取请求。

S202，响应于所述页面获取请求，获取与所述页面类型对应的页面区域布局信息以及与所述页面区域布局信息匹配的元数据配置信息；所述元数据配置信息用于表征页面元数据在所述页面区域布局信息的页面区域中的配置形式。

页面区域布局信息指的是对目标页面中的页面区域进行布局的信息，可以包括页面区域的个数、位置、尺寸、形状、区域内部所配置的页面元数据类型等。

其中，页面元数据指的是对页面的样式、内容和数据库关联关系进行描述的XML(Extensible Markup Language，可扩展标记语言)文件。在一个实施例中，页面元数据对应有页面元素。页面元素指的是在页面中显示的文字、图片、音频、动画、视频等。根据页面元数据的类型以及排布方式就可以确定出页面中各个页面元素的展示形式，经过渲染之后即得到对应的页面。在一个实施例中，页面区域布局信息可以指页面框架，该页面框架用于搭载特定数量的页面区域。

元数据配置信息指的是将页面元数据配置到页面中的信息。元数据配置信息可以包括页面元数据的类型、页面元数据的配置形式等。其中，配置形式指的是页面元数据在各个页面区域中的展示形态，可以包括以下至少一项内容：1)页面元数据与页面区域的对应关系，即各个页面区域中包含的页面元数据；2)页面元数据在对应页面区域中的位置；3)各个页面元数据对应的页面元素。

S203，获取与所述元数据配置信息对应的页面元数据。

如前所述，根据元数据配置信息即可确定出对应的页面元数据。

S204，根据所述元数据配置信息对应的配置形式向所述页面区域布局信息的页面区域中配置所述页面元数据，以得到所述目标页面。

根据元数据配置信息可以确定出如何将各个页面元数据配置到页面区域布局信息的页面区域中，进而可以将对应的页面元数据嵌入到对应的页面区域中，对各个页面区域进行组合就可以得到对应的目标页面。

在一个实施例中，S204的实现过程可以为：根据配置形式获取各个页面区域对应的页面元数据，并向各个页面区域按照所配置的形式嵌入对应的页面元数据。在各个页面区域都完成页面元数据的嵌入过程后，根据已嵌入页面元数据的各个页面区域构建页面，所构建的页面即为目标页面。

上述页面的处理方法中，能够自动获取页面区域布局信息以及页面元数据的配置形式，在不需要重新编码的情况下就能基于页面区域布局信息以及页面元数据的配置形式在页面区域中配置页面元数据，进而自动得到页面。

在一个实施例中，所述获取与所述页面类型对应的页面区域布局信息以及与所述页面区域布局信息匹配的元数据配置信息，包括：根据所述页面类型从页面配置表中读取对应的页面配置信息；对所述页面配置信息进行解析，以得到所述页面区域布局信息以及所述元数据配置信息。

其中，页面配置表指的是用于记录各种页面类型的页面配置信息的列表。而页面配置信息指的是对页面配置方式进行描述的信息，可以包括页面区域的布局方式、页面元数据的配置方式等。进一步地，对页面配置信息进行解析可以得到对应的页面区域布局信息以及元数据配置信息，根据解析得到的页面区域布局信息以及元数据配置信息就可以得到对应的页面。

在一个实施例中，可以触发配置解析引擎来完成页面配置信息的解析过程。即，获取与所述页面类型对应的页面区域布局信息以及与所述页面区域布局信息匹配的元数据配置信息，包括：触发配置解析引擎根据所述页面类型从页面配置表中读取对应的页面配置信息；对所述页面配置信息进行解析，以得到所述页面区域布局信息以及所述元数据配置信息。

其中，配置解析引擎指的是具有配置信息解析功能的引擎。可以是服务器上配置的应用程序，也可以是服务器上配置的功能模块。

上述实施例中，页面配置表中预先配置有页面配置信息，通过对页面配置表中页面配置信息的解析能够自动得到对应的页面区域布局信息以及元数据配置信息，根据解析得到的页面区域布局信息以及元数据配置信息就可以得到对应的页面。

在一个实施例中，获取与所述页面类型对应的页面区域布局信息，还包括：接收页面区域布局操作，根据页面区域布局操作生成对应的页面区域布局信息。其中，页面区域布局操作指的是对页面中的各个页面区域进行布局的操作，可以包括页面区域个数、尺寸、在页面中位置等的确定操作。具体可以通过拖拽、复制、删除等操作来实现。

其中，如图3所示，以职工人员档案管理为例，通过页面区域布局操作得到的页面区域可以包括：人员档案头部信息区域301和人员档案主体信息区域302。人员档案头部信息区域301指的是对人员基础信息进行显示的区域，其中配置的页面元数据可以包括：人员姓名、性别、职位、部门、用工关系类型、年龄段、星座、直接上级等，还可以包括页面归属(页面归属可以理解为页面类型，图3中可以指退休人员类型)。人员档案主体信息区域302指的是对人事管理信息进行显示的区域，其中配置的页面元数据可以包括：人事业务单元(人事对该职工进行管理的编号，可以指工号)、管理开始日期(可以指入职日期等)、管理结束日期(可以指离职日期等)、人事管理属地(可以指职工所在的分公司)、属地员工类型(可以指是否为本地员工等)、挂靠行政组织(可以指职工所在的部门)等。

在一个实施例中，各个页面区域可以根据需要显示不同模块的内容。图3为例，人员档案主体信息区域302可以包括人事单元管理信息块和退休信息块这两个模块。

除了人员档案头部信息区域301和人员档案主体信息区域302。页面中还可以包括人员管理信息区域，如图4中的人员关联信息区域401所示。人员关联信息区域401中配置的页面元数据可以包括：任职经历、联系方式、证件信息、教育经历、社会工作经历、项目经历、语言能力、社会关系、职称信息等。

在一个实施例中，当页面区域的数量为多于一个时，还可以包括对页面区域进行扩展显示的步骤。例如：通过图3中的“+”号来触发显示人员关联信息区域，即，用户点击图3中的“+”号之后，终端界面由图3切换为图4。

在一个实施例中，在需要对某一员工进行页面显示时，可以获取该员工对应的页面，向该页面中的各个页面元数据填充对应该员工的信息，进而得到该员工的页面。以兼职人员为例，其对应的页面可以如图5所示。

在一个实施例中，获取与页面区域布局信息匹配的元数据配置信息，还包括：接收页面元数据配置操作，根据页面元数据配置操作生成对应的元数据配置信息。其中，页面元数据配置操作指的是对页面元数据进行配置的操作，可以包括页面元数据类型的选择、页面元数据展示形式的确定等。

其中，页面元数据配置操作可以是与某个页面区域对应的页面元数据配置操作。假设目标页面对应有三个页面区域，可以分别对这三个页面区域执行页面元数据配置操作，之后将这三个页面区域拼接起来得到对应的目标页面。

在一个实施例中，假设有以下三个页面区域：头部区域、主页区域和侧边栏区域。其中，头部区域指的是在页面上方的小区域，主页区域指的是在页面中间部分的大区域，侧边栏区域指的是在页面左侧或右侧的小区域。

在一个实施例中，对头部区域进行页面元数据配置的过程可以如图6所示，可以对信息卡片标识、信息卡片名称、页面归属等进行页面元数据配置操作。其中信息卡片指的是页面区域，信息卡片标识指的是页面区域标识。除了对页面区域进行页面元数据配置操作，还可以对页面基本信息进行页面元数据配置操作，如图6所示，具体可以对方案编号、方案名称、页面归属、适用国家地区、档案框架等进行页面元数据配置操作。

在一个实施例中，对主页区域和侧边栏区域进行页面元数据配置的过程可以如图7所示，图7中采用的是直接继承既有页面配置信息的方式，即选中既有页面配置信息就完成了对主页区域和侧边栏区域的页面元数据配置操作。

在完成头部区域、主页区域和侧边栏区域的页面元数据配置操作之后，可以通过点击图6中的“预览”控件来对所生成的页面进行预览。用户根据预览的页面确定页面已符合预期，可以通过点击“提交”控件的方式来完成页面元数据配置过程。服务器可以在接收到针对“提交”控件的触发指令生成并保存对应的页面配置信息，此时可以结合页面区域布局信息得到对应的页面。另外，服务器还可以基于“修改”、“退出”等控件的触发操作来对元数据配置信息进行修改户或者结束元数据配置过程。

需要说明的是，图6和图7中的四个部分可以在一个界面中展示，也可以通过不同的界面来进行展示。

上述实施例中，根据用户的操作实时地生成对应的页面区域布局信息和元数据配置信息，并据此完成页面的生成过程，不需要进行前端代码的重新编写就能够实现页面的生成，使得页面的获取效率得到了极大的提高。

在一个实施例中，所述根据所述页面类型从页面配置表中读取对应的页面配置信息之前，还包括生成页面配置信息以及将页面配置信息添加至页面配置表的过程。具体地：获取页面类型选择信息，根据所述页面类型选择信息确定目标页面类型；接收元数据编辑操作，根据所述元数据编辑操作后的页面元数据生成与所述目标页面类型对应的页面配置信息；将与所述目标页面类型对应的页面配置信息添加至所述页面配置表中。元数据编辑操作指的是对页面元数据进行编辑的操作，可以指页面元数据的添加、删除、位置移动、形态调整等操作。

页面类型选择信息可以根据对终端上的页面类型选择控件的触发信息来确定。在一个实施例中，终端在界面中显示页面类型选择控件，当页面类型选择控件被触发时，确定与该页面类型选择控件对应的页面类型，作为目标页面类型。

在一个实施例中，获取页面类型选择信息的实现过程可以为：在接收到终端发送的页面获取触发指令时，显示页面类型选择控件，当页面类型选择控件被触发时，确定与该页面类型选择控件对应的页面类型，作为目标页面类型，此时服务器判定为接收到携带有目标页面的页面类型的页面获取请求。

在另一个实施例中，也可以预先生成各种页面类型对应的页面配置信息并将这些页面配置信息添加至页面配置表中。当接收到针对目标页面的页面获取请求时直接从页面配置表中读取对应的页面配置信息并生成对应的目标页面。其中，生成某一页面类型的页面配置信息的过程可以为：终端在界面中显示页面类型选择控件，当页面类型选择控件被触发时，确定与该页面类型选择控件对应的页面类型，作为目标页面类型，生成与该目标页面类型对应的页面配置信息。能够针对不同的页面类型生成不同的页面配置信息，以使得不同页面类型的页面视图不同，达到多视图页面展示的目的。

在一个实施例中，在接收到页面获取请求时，服务器可以获取页面配置基础信息，控制终端在界面的编辑窗口上显示该页面配置基础信息，终端可以通过该编辑窗口接收元数据编辑操作。其中，页面配置基础信息可以指各种页面类型都适用的基础信息。图8为一个实施例中编辑窗口的示意图。如图8所示，该页面配置基础信息801中可以包含页面编码、页面名称、页面信息、页面归属、页面类型、适用界面区域、描述等。其中，页面编码指的是所编辑页面的唯一编号；页面名称指的是所编辑页面的名称；页面信息指的是所编辑页面的细节信息，如页面名称的简称、页面的功能等；页面归属指的是所编辑页面所属的页面类型；适用界面区域指的是所编辑页面适用于哪一个页面区域；描述指的是对所编辑页面进行描述的内容，可以包括页面的适用时间、权限备注等信息。

在一个实施例中，可以在页面配置基础信息的基础上接收元数据编辑操作，得到与目标页面类型对应的页面配置信息。进一步的，可以根据页面类型选择信息确定目标页面类型；获取与目标页面类型对应的元数据，接收元数据编辑操作，根据元数据编辑操作对与目标页面类型对应的元数据进行编辑操作，根据编辑操作的结果生成与目标页面类型对应的页面配置信息；将与目标页面类型对应的页面配置信息添加至页面配置表中。

其中，获取与目标页面类型对应的元数据可以指获取页面配置基础信息对应的元数据，也可以指继承既有页面配置信息的元数据，还可以指添加新的元数据。

以图8为例，对页面元数据进行编辑的方式可以为：1、根据元数据编辑操作选中某一页面元数据，将其拖拽至另一位置，以调整所选中页面元数据的位置；2、根据元数据编辑操作选中某一页面元数据，通过上方的编辑工具802对该页面元数据进行编辑。

上述实施例中，通过对页面元数据的编辑操作，能够得到用户想要的页面配置信息，进而生成符合预期的目标页面。

在一个实施例中，所述接收元数据编辑操作，根据所述元数据编辑操作后的页面元数据生成与所述目标页面类型对应的页面配置信息，包括：接收页面区域选择指令，确定与所述页面区域选择指令对应的目标页面区域；接收元数据编辑操作，确定与所述元数据编辑操作对应的已编辑页面元数据；建立所述目标页面区域与所述已编辑页面元数据之间的关联关系；根据所述关联关系生成与所述目标页面类型对应的页面配置信息。

图8中的页面配置基础信息801中包含有“适用界面区域”的控件，当“适用界面区域”的控件被触发时，服务器判定需要进行页面区域选择，确定终端输入的页面区域类型，将该页面区域类型确定为目标页面区域。

在完成对页面元数据的编辑操作之后，建立目标页面区域与已编辑页面元数据之间的关联关系；此时，就建立了目标页面类型与目标页面区域，以及，目标页面区域与已编辑页面元数据之间的关联关系，根据上述关联关系即可以生成对应的页面配置信息。根据该页面配置信息可以确定出页面对应的页面类型、页面所配置的页面区域以及各个页面区域对应的已编辑页面元数据，可以将页面配置信息写入页面配置表中。据此，在后续接收到页面获取请求时，就可以根据页面获取请求中携带的目标页面的页面类型从页面配置表中读取到页面配置信息，进而确定目标页面的页面区域布局信息和元数据配置信息，进而可以得到对应的目标页面。

在一个实施例中，所述接收元数据编辑操作，根据所述元数据编辑操作后的页面元数据生成与所述目标页面类型对应的页面配置信息之后，还包括：控制在显示窗口中显示待选页面元数据类型对应的控件；通过所述控件接收对所述页面元数据类型进行选择得到的目标页面元数据类型；将所述目标页面元数据类型对应的页面元数据添加至与所述目标页面类型对应的页面配置信息中。

图9为一个实施例中显示窗口的示意图。其中，在显示窗口中显示的待选页面元数据类型对应的控件可以如图9所示。如图9所示，待选页面元数据类型可以包括：文本类型、时间类型、按钮类型、数值类型、图片等。其中，文本类型包括：文本、多行文本、大文本、多语言文本等；时间类型包括：日期、长日期、日期范围、时间、时间范围等；按钮类型包括：复选框、单选按钮、单选按钮组、下拉列表、多选下拉列表等；数值类型包括：整数、小数、长整数等。

在一个实施例中，服务器可以控制终端在主编辑窗口中显示正在编辑的页面信息。而前述显示窗口可以为主编辑窗口之外的另一窗口。终端可以根据用户的操作将显示窗口中的控件对应的图形标识拖拽至主编辑窗口中。终端在接收到对显示窗口中某一控件的选中指令时，判断是否接收到拖拽指令，当接收到拖拽指令时，根据该拖拽指令将对应控件的图形标识按照对应的路径显示在主编辑窗口中。

在一个实施例中，接收元数据编辑操作，根据元数据编辑操作对与目标页面类型对应的元数据进行编辑操作，包括：接收针对所述目标元数据类型对应的元数据的显示形式编辑指令；根据显示形式编辑指令对对应元数据的显示形式进行调整。图10为另一个实施例中显示窗口的示意图。如图10所示，可以根据显示形式编辑指令对页面元数据的宽度、高度、字段锁定风格(例如是否有下划线)等进行调整。还可以对是否显示标题、是否显示侧边栏区域等进行编辑。另外，服务器可以对页面元数据的显示形式进行调整，也可以设置元数据的标识、名称等，同时还支持插件的配置。

上述实施例，通过不同的显示窗口实现对页面元数据不同功能的编辑，界面显示方式简洁，具有较高的可操作性，能够有效提高页面获取的效率。

在一个实施例中，接收元数据编辑操作，确定与所述元数据编辑操作对应的已编辑页面元数据，包括：控制在显示窗口中显示待选页面元数据类型对应的控件；通过控件接收对页面元数据类型进行选择得到的目标页面元数据类型；根据元数据编辑操作对目标页面元数据类型对应的页面元数据进行编辑，以得到已编辑页面元数据。

在一个实施例中，通过所述控件接收对所述页面元数据类型进行选择得到的目标页面元数据类型的步骤，包括：通过所述控件接收元数据类型选择指令，所述元数据类型选择指令为从所述页面元数据类型中选择至少一种的指令，将与元数据类型选择指令对应的页面元数据类型确定为目标页面元数据类型。

在一个实施例中，可以通过页面元数据编辑工具来实现对页面元数据的选择、排序、删除等操作。具体地，该页面元数据编辑工具可以为BOS设计器等。其中，BOS设计器是一种页面元数据的编辑器。在BOS设计器中可以直接对前端页面元素进行拖拉拽，以实现页面元数据的配置，所见即所得的，根据所配置的页面元数据以及页面区域局部信息就可以得到页面配置信息，这就使得页面的配置的过程几乎不需要写代码。

在一个实施例中，如图10所示，可以对页面的语言进行选择。服务器通过多语言控件对页面进行统一管理，把翻译后的文本存放在多语言表中。在选择语言类型后，服务器会根据不同的语言环境读取对应的文本，使得所生成的页面能够适用于全球各种语言环境。

在一个实施例中，所述通过所述控件接收对所述页面元数据类型进行选择得到的目标页面元数据类型之后，还包括：将所述目标页面元数据类型对应的页面元数据注册至元数据注册列表中；所述获取与所述元数据配置信息对应的页面元数据，包括：从所述元数据注册列表中读取与所述元数据配置信息对应的页面元数据。

其中，元数据注册列表指的是对页面元数据进行记录的列表。

在一个实施例中，将所述目标页面元数据类型对应的页面元数据注册至元数据注册列表中的实现过程可以为：获取目标页面类型对应的目标页面元数据类型，将目标页面类型对应的目标页面元数据类型所对应的各个页面元数据注册至元数据注册列表中，也即，一个页面视图对应一个元数据注册列表，因此元数据注册列表也可以称为多视图页面注册列表。通过这样的方式，在后续需要获取页面元数据时，通过页面类型即可以在元数据注册列表中读取到与该页面类型对应的各个页面元数据，以便后续生成对应的目标页面。

上述实施例中，借助于页面注册列表来记录页面元数据，能够对页面元数据进行集中存储，提高页面元数据获取过程的效率。

不同页面类型对应的页面可能会存在一定的相似性，即不同页面类型的页面在页面区域布局以及页面元数据配置上可能会存在一定的相似性。基于此，在一个实施例中，可以继承使用已经生成的特定页面，或者继承已经生成的特定页面区域，对其中存在差异的部分进行调整即可得到新的页面。通过这样的方式能够使得页面生成过程不需要对每一个步骤都执行，直接部分继承已有的页面即可，能有效提高页面的生成效率。

在一个实施例中，所述接收元数据编辑操作，根据所述元数据编辑操作后的页面元数据生成与所述目标页面类型对应的页面配置信息，包括：接收针对候选页面的配置信息复用指令；所述候选页面的页面配置信息与所述目标页面的页面配置信息的相似度高于预设阈值；响应于所述配置信息复用指令，获取与所述候选页面对应的候选页面配置信息；接收元数据编辑操作，根据所述元数据编辑操作对所述候选页面配置信息中的页面元数据进行编辑，以生成与所述目标页面类型对应的页面配置信息。

其中，配置信息复用指令指的是对候选页面进行继承的指令，即，直接套用候选页面的页面配置信息。

接收针对候选页面的配置信息复用指令之前，还可以包括计算候选页面与目标页面的页面配置信息的相似度的过程。计算相似度的具体过程可以为：分别获取候选页面和目标页面的页面区域的重叠度以及各个页面区域中页面元数据类型的重复率，对前述重叠度和重复率进行加权求和运算，将运算得到的结果确定为相似度。相似度对应的预设阈值可以根据实际情况确定，例如：可以为90％、95％等。

根据元数据编辑操作对页面元数据进行编辑的过程可以是对其中的页面元数据进行删除、替换、新增等处理，以实现对候选页面配置信息中的页面元数据的调整，使其符合目标页面的配置要求。

本实施例中，通过页面配置信息的继承，有效缩短了页面配置信息的生成时间，能极大地提高页面布局的效率。

在一个实施例中，所述元数据编辑操作为元数据排序指令；所述接收元数据编辑操作，根据所述元数据编辑操作后的页面元数据生成与所述目标页面类型对应的页面配置信息，包括：接收元数据排序指令，响应于所述元数据排序指令对所述目标元数据类型的顺序进行重排；根据重排后的目标元数据类型生成对应的页面配置信息。

如图8所示，终端可以在“排序”控件803被触发时判定接收到元数据排序指令。据此，终端向服务器发送元数据排序指令。服务器在接收到元数据排序指令时可以随机对目标元数据类型对应的页面元数据的排列顺序进行排布，也可以根据用户的排序操作对目标元数据类型对应的页面元数据的排列顺序进行调整。

之后，可以将调整后的目标页面元数据类型对应的页面元数据以及各个页面元数据的排列位置注册至元数据注册列表中。同时，可以根据重排后的目标元数据类型生成对应的页面配置信息。

上述实施例中，通过对页面元数据的重新排列，能够使得页面元数据的排布更加符合预期，生成用户理想中的页面。

在一个实施例中，如图11所示，提供了一种页面的处理方法，以该方法应用于图1中的服务器为例进行说明，包括以下步骤：

S1101，获取页面类型选择信息，根据页面类型选择信息确定目标页面类型。

S1102，接收页面区域选择指令，确定与页面区域选择指令对应的目标页面区域。

S1103，控制终端在显示窗口中显示待选页面元数据类型对应的控件。

S1104，通过控件接收对页面元数据类型进行选择得到的目标页面元数据类型。

S1105，根据元数据编辑操作对目标页面元数据类型对应的页面元数据进行编辑，以得到已编辑页面元数据。

S1106，建立目标页面区域与已编辑页面元数据之间的关联关系。

S1107，根据关联关系生成与目标页面类型对应的页面配置信息，并将与目标页面类型对应的页面配置信息添加至页面配置表中。

S1108，根据关联关系将已编辑页面元数据注册至元数据注册列表中。

S1109，接收针对目标页面的页面获取请求；页面获取请求中携带目标页面的页面类型。

S1110，接收针对候选页面的配置信息复用指令，响应于配置信息复用指令，获取与候选页面对应的候选页面配置信息。

S1111，对候选页面配置信息进行解析，以得到页面区域布局信息以及元数据配置信息。

S1112，从元数据注册列表中读取与元数据配置信息对应的页面元数据。

S1113，根据元数据配置信息对应的配置形式向页面区域布局信息的页面区域中配置页面元数据，以生成候选页面。

S1114，根据页面区域编辑操作和页面元数据编辑操作对候选页面中的页面区域或者页面元数据进行操作，并根据操作结果生成目标页面。

S1115，在接收到页面显示指令时，控制终端在界面显示目标页面。

上述页面的处理方法中，能够预先生成页面配置信息，并在接收到页面获取请求时自动通过继承的方式获取页面区域布局信息以及元数据配置信息，通过对页面区域或者页面元数据进行简单调整就能得到对应的目标页面，在不需要重新编码的情况下就能基于页面区域布局信息以及元数据配置信息在页面区域中配置页面元数据，进而自动得到页面。

本申请还提供一种应用场景，该应用场景应用上述的页面的处理方法。具体地，该页面的处理方法在该应用场景的应用如下：

一、新类型的人员档案页面其中一种配置方式，如图12所示，具体实现过程如下：

1、编辑页面元数据。在BOS设计器中新增人员档案三个页面区域所对应的页面元数据，同时根据元数据编辑操作对这些页面元数据进行编辑，得到已编辑页面元数据。通过BOS设计器将对应的页面区域布局信息和元数据配置信息存储至多视图配置表(即前述实施例中的页面配置表)。

2、注册页面元数据。把已编辑页面元数据通过子页面注册中心按照已编辑页面元数据所在的页面区域(子页面)注册到多视图页面注册列表中。

3、在多视图方案配置中心中配置人员档案的页面显示方案。根据页面元数据配置操作选择各个页面区域对应的页面元数据。在接收到页面预览指令时控制终端对页面进行预览，并根据保存指令对该新类型对应的页面视图方案进行保存。

二、新类型的人员档案页面另一种配置方式。

1、编辑页面元数据。在BOS设计器中根据用户的操作选择人员档案三个页面区域所要继承的人员档案页面，获取所继承的人员档案页面所对应的页面元数据，同时根据元数据编辑操作对这些页面元数据进行编辑，得到已编辑页面元数据。通过BOS设计器将对应的页面区域布局信息和元数据配置信息存储至多视图配置表(即前述实施例中的页面配置表)。

2、注册页面元数据。把已编辑页面元数据通过子页面注册中心按照已编辑页面元数据所在的页面区域注册到多视图页面注册列表中。

3、在多视图方案配置中心中配置人员档案的页面显示方案。根据页面元数据配置操作选择各个页面区域对应的页面元数据。在接收到页面预览指令时控制终端对页面进行预览，并根据保存指令对该新类型对应的页面视图方案进行保存。

三、解析人员档案配置，如图13，具体的实现过程如下：

1、HR在通过终端(也可以称为前端)进入人员档案页面时，终端会把当前页面的档案类型(即前述页面类型)传到后端的配置解析引擎。

2、配置解析引擎通过档案类型通过多视图引擎去多视图配置表中读取对应的页面配置信息。

3、多视图引擎向配置解析引擎返回对应的页面配置信息。

4、配置解析引擎根据页面配置信息把人员档案中三个页面区域对应的页面元数据嵌到人员档案框架中。

5、配置解析引擎向元数据解析引擎发送解析页面元数据的请求。元数据解析引擎解析页面元数据以生成人员档案前端页面并逐步将页面返回至终端。

在HR系统中，HR在管理不同用工类型，用工状态的人员档案时，所关注的信息内容是不一样的。比如，对于兼职的人员，除了关注他的个人基本信息之外，还要在档案中附上兼职部门、兼职岗位、兼职开始时间等兼职信息；对于劳务派遣进来的人员，则需要关注劳务派遣的供应商、派遣开始和结束时间等派遣信息；而对于已离职的人员，则需要关注他的离职原因、离职日期等离职信息……现有的技术方案往往都是直接通过编写前端代码来实现不同类型人员的档案管理页面。这种实现方式至少存在以下问题：1)扩展性差，业务每次添加新类型的人员档案时，都需要找前端开发者写代码实现对应的人员档案页面。2)维护成本高，原页面的布局需要调整时，也需要找前端开发调整代码。

而本发明实施例中，不需要编码也能实现前端页面，降低雇佣成本，提高效率。同时，这种方式扩展性强，因为页面元数据间的继承关系的存在，大量页面内容和逻辑得以复用，能根据不同业务灵活地变更页面需要展示的内容，拥抱变化，更加适应这个高速发展的时代。另外，可以根据需要对原页面的布局需要调整，能有效降低页面的管理成本。

应该理解的是，虽然上述流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，上述流程图中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

基于与上述实施例中的页面的处理方法相同的思想，本发明还提供页面的处理装置，该装置可用于执行上述页面的处理方法。为了便于说明，页面的处理装置实施例的结构示意图中，仅仅示出了与本发明实施例相关的部分，本领域技术人员可以理解，图示结构并不构成对装置的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

在一个实施例中，如图14所示，提供了一种页面的处理装置1400，该装置可以采用软件模块或硬件模块，或者是二者的结合成为计算机设备的一部分，该装置具体包括：指令接收模块1401、信息获取模块1402、元数据获取模块1403和页面生成模块1404，其中：

指令接收模块1401，用于接收针对目标页面的页面获取请求；所述页面获取请求中携带所述目标页面的页面类型。

信息获取模块1402，用于响应于所述页面获取请求，获取与所述页面类型对应的页面区域布局信息以及与所述页面区域布局信息匹配的元数据配置信息；所述元数据配置信息用于表征页面元数据在所述页面区域布局信息的页面区域中的配置形式。

元数据获取模块1403，用于获取与所述元数据配置信息对应的页面元数据。

页面生成模块1404，用于根据所述元数据配置信息对应的配置形式向所述页面区域布局信息的页面区域中配置所述页面元数据，以得到所述目标页面。

上述页面的处理装置中，能够自动获取页面区域布局信息以及页面元数据的配置形式，在不需要重新编码的情况下就能基于页面区域布局信息以及页面元数据的配置形式在页面区域中配置页面元数据，进而自动得到页面。

在一个实施例中，信息获取模块，包括：配置信息读取子模块，用于根据所述页面类型从页面配置表中读取对应的页面配置信息；信息解析子模块，用于对所述页面配置信息进行解析，以得到所述页面区域布局信息以及所述元数据配置信息。

在一个实施例中，信息获取模块，还包括：页面类型确定子模块，用于获取页面类型选择信息，根据所述页面类型选择信息确定目标页面类型；配置信息生成子模块，用于接收元数据编辑操作，根据所述元数据编辑操作后的页面元数据生成与所述目标页面类型对应的页面配置信息；配置信息添加子模块，用于将与所述目标页面类型对应的页面配置信息添加至所述页面配置表中。

在一个实施例中，信息获取模块，还包括：控件显示子模块，用于控制在显示窗口中显示待选页面元数据类型对应的控件；类型选择子模块，用于通过所述控件接收对所述页面元数据类型进行选择得到的目标页面元数据类型；元数据添加子模块，用于将所述目标页面元数据类型对应的页面元数据添加至与所述目标页面类型对应的页面配置信息中。

在一个实施例中，所述配置信息生成子模块，包括：页面区域确定单元，用于接收页面区域选择指令，确定与所述页面区域选择指令对应的目标页面区域；元数据确定单元，用于接收元数据编辑操作，确定与所述元数据编辑操作对应的已编辑页面元数据；关联关系建立单元，用于建立所述目标页面区域与所述已编辑页面元数据之间的关联关系；配置信息生成单元，用于根据所述关联关系生成与所述目标页面类型对应的页面配置信息。

在一个实施例中，信息获取模块，还包括：元数据注册子模块，用于将所述目标页面元数据类型对应的页面元数据注册至元数据注册列表中；元数据获取模块，还用于从所述元数据注册列表中读取与所述元数据配置信息对应的页面元数据。

在一个实施例中，配置信息生成子模块，包括：复用指令接收单元，用于接收针对候选页面的配置信息复用指令；所述候选页面的页面配置信息与所述目标页面的页面配置信息的相似度高于预设阈值；配置信息获取单元，用于响应于所述配置信息复用指令，获取与所述候选页面对应的候选页面配置信息；元数据编辑单元，用于接收元数据编辑操作，根据所述元数据编辑操作对所述候选页面配置信息中的页面元数据进行编辑，以生成与所述目标页面类型对应的页面配置信息。

关于页面的处理装置的具体限定可以参见上文中对于页面的处理方法的限定，在此不再赘述。上述页面的处理装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是服务器，其内部结构图可以如图15所示。该计算机设备包括通过系统总线连接的处理器、存储器和网络接口。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储页面区域布局信息、元数据配置信息等数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种页面的处理方法。

本领域技术人员可以理解，图15中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，还提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现上述各方法实施例中的步骤。

在一个实施例中，提供了一种计算机可读存储介质，存储有计算机程序，该计算机程序被处理器执行时实现上述各方法实施例中的步骤。

在一个实施例中，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述各方法实施例中的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory，ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic Random Access Memory，DRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。