页面生成方法、装置、计算机设备和存储介质与流程

1.本技术涉及计算机技术领域，特别是涉及一种页面生成方法、装置、计算机设备和存储介质。


背景技术：

2.随着计算机技术的发展，出现了页面生成技术。传统的页面生成技术中，采用前后端分离开发的方法生成页面，由前端提供页面展示，后端提供接口和数据，前端可以通过接口获取后端的数据生成页面。但是，在页面生成过程中，由于开发人员不仅要设计后端架构还要兼顾前端展示，会导致开发效率低下。


技术实现要素：

3.基于此，有必要针对上述技术问题，提供一种能够提高开发效率的页面生成方法、装置、计算机设备、计算机可读存储介质和计算机程序产品。
4.第一方面，本技术提供了一种页面生成方法。所述方法包括：
5.基于目标数据库表创建元数据实体对象；所述元数据实体对象中包括所述目标数据库表中的业务字段的相关信息；
6.响应于对所述元数据实体对象的编辑操作，在所述元数据实体对象中添加页面区块关键信息，得到页面元素模型对象；
7.基于业务页面模板创建初始业务页面，并响应于针对所述初始业务页面的设计触发操作，进入可视化设计界面；所述初始业务页面包括至少一个页面区块；
8.基于所述可视化设计界面，将每个所述页面区块绑定相应的页面元素模型对象，生成页面配置文件；
9.解析所述页面配置文件，以基于所述页面元素模型对象中的所述页面区块关键信息和所述业务字段的相关信息渲染所绑定的页面区块，得到目标业务页面。
10.在其中一个实施例中，所述基于目标数据库表创建元数据实体对象包括：
11.响应于创建数据源对象的操作，将所述数据源对象与业务数据库进行关联；
12.通过所述数据源对象，从关联的所述业务数据库中获取目标数据库表；
13.响应于针对所述目标数据库表创建元数据实体对象的操作，基于所述目标数据库表中的业务字段的相关信息，创建元数据实体对象。
14.在其中一个实施例中，所述响应于对所述元数据实体对象的编辑操作，在所述元数据实体对象中添加页面区块关键信息，得到页面元素模型对象包括：
15.响应于针对所述元数据实体对象中的业务字段的编辑操作，进入页面元素模型配置页面；
16.基于所述页面元素模型配置页面，获取针对所述业务字段配置的页面区块关键信息；
17.将所述页面区块关键信息对应于所述业务字段添加至所述元数据实体对象中，生
成页面元素模型对象。
18.在其中一个实施例中，所述基于所述可视化设计界面，将每个所述页面区块绑定相应的页面元素模型对象，生成页面配置文件包括：
19.响应于针对所述可视化设计界面中每个所述页面区块的对象绑定操作，将每个所述页面区块绑定相应的页面元素模型对象；
20.响应于对每个已绑定页面元素模型对象的页面区块进行的属性配置操作，获取所述页面区块对应的区块属性配置数据；
21.基于每个所述页面区块绑定的页面元素模型对象，以及每个所述页面区块对应的区块属性配置数据，生成页面配置文件。
22.在其中一个实施例中，所述可视化设计界面中包括设计区和展示区；所述基于所述可视化设计界面，将每个所述页面区块绑定相应的页面元素模型对象，生成页面配置文件包括：
23.响应于在所述设计区中对每个所述页面区块的对象绑定操作，将每个所述页面区块绑定相应的页面元素模型对象；
24.在所述展示区中，对已绑定页面元素模型对象的页面区块进行展示；
25.响应于对每个所述已绑定页面元素模型对象的页面区块的保存操作，生成页面配置文件。
26.在其中一个实施例中，所述页面配置文件中包括每个所述页面区块所绑定的页面元素模型对象和每个所述页面区块对应的区块属性配置数据；所述业务字段的相关信息包括业务字段的描述信息；所述页面区块关键信息包括所述业务字段在页面区块中对应的控件信息；所述解析所述页面配置文件，以基于所述页面元素模型对象中的所述页面区块关键信息和所述业务字段的相关信息渲染所绑定的页面区块，得到目标业务页面包括：
27.响应于在可视化设计界面中针对所述页面配置文件的预览操作，通过页面解析引擎解析所述页面配置文件；
28.获取解析后的页面配置文件中的页面元素模型对象和区块属性配置数据；
29.按照所述页面元素模型对象中的所述业务字段在页面区块中对应的控件信息和所述业务字段的描述信息，将所述业务字段和符合所述控件信息的控件填充至所绑定的页面区块；
30.按照所述页面属性配置数据，对相应的已填充的页面区块进行展示，得到目标业务页面。
31.第二方面，本技术还提供了一种页面生成装置。所述装置包括：
32.创建模块，用于基于目标数据库表创建元数据实体对象；所述元数据实体对象中包括所述目标数据库表中的业务字段的相关信息；
33.编辑模块，用于响应于对所述元数据实体对象的编辑操作，在所述元数据实体对象中添加页面区块关键信息，得到页面元素模型对象；
34.配置模块，用于基于业务页面模板创建初始业务页面，并响应于针对所述初始业务页面的设计触发操作，进入可视化设计界面；所述初始业务页面包括至少一个页面区块；基于所述可视化设计界面，将每个所述页面区块绑定相应的页面元素模型对象，生成页面配置文件；
35.渲染模块，用于解析所述页面配置文件，以基于所述页面元素模型对象中的所述页面区块关键信息和所述业务字段的相关信息渲染所绑定的页面区块，得到目标业务页面。
36.第三方面，本技术还提供了一种计算机设备。所述计算机设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现本技术各实施例所述方法中的步骤。
37.第四方面，本技术还提供了一种计算机可读存储介质。所述计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现本技术各实施例所述方法中的步骤。
38.第五方面，本技术还提供了一种计算机程序产品。所述计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现本技术各实施例所述方法中的步骤。
39.上述页面生成方法、装置、计算机设备、存储介质和计算机程序产品，基于目标数据库表创建元数据实体对象；元数据实体对象中包括目标数据库表中的业务字段的相关信息；响应于对元数据实体对象的编辑操作，在元数据实体对象中添加页面区块关键信息，得到页面元素模型对象；基于业务页面模板创建初始业务页面，并响应于针对初始业务页面的设计触发操作，进入可视化设计界面；初始业务页面包括至少一个页面区块；基于可视化设计界面，将每个页面区块绑定相应的页面元素模型对象，生成页面配置文件；解析页面配置文件，以基于页面元素模型对象中的页面区块关键信息和业务字段的相关信息渲染所绑定的页面区块，得到目标业务页面。即，能够通过可视化设计界面，实现页面区块和页面元素模型对象的桥接，以更加便捷地生成页面配置文件，通过解析页面配置文件，快速地得到目标业务页面，提高目标业务页面的开发效率。
附图说明
40.图1为一个实施例中页面生成方法的应用环境图；
41.图2为一个实施例中页面生成方法的流程示意图；
42.图3a为一个实施例中设计页面区块的流程示意图；
43.图3b为一个实施例中可视化设计界面的界面示意图；
44.图4为一个实施例中页面生成方法的原理示意图；
45.图5为一个实施例中页面生成装置的结构框图；
46.图6为一个实施例中计算机设备的内部结构图；
47.图7为一个实施例中计算机设备的内部结构图。
具体实施方式
48.为了使本技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本技术进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本技术，并不用于限定本技术。
49.本技术实施例提供的页面生成方法，可以应用于如图1所示的应用环境中。其中，终端102通过网络与服务器104进行通信。数据存储系统可以存储服务器104需要处理的数据。数据存储系统可以集成在服务器104上，也可以放在云上或其他网络服务器上。终端102
可以通过服务器104从数据库中获取目标数据库表，并基于目标数据库表创建元数据实体对象；终端102可以响应于对元数据实体对象的编辑操作，在元数据实体对象中添加页面区块关键信息，得到页面元素模型对象。终端102可以基于业务页面模板创建初始业务页面，并响应于针对初始业务页面的设计触发操作，进入可视化设计界面。终端102可以基于可视化设计界面，将每个页面区块绑定相应的页面元素模型对象，生成页面配置文件。终端102可以解析页面配置文件，以基于页面元素模型对象中的页面区块关键信息和业务字段的相关信息渲染所绑定的页面区块，得到目标业务页面。可以理解，终端102还可以将页面配置文件发送至服务器104，服务器104可以存储接收到的页面配置文件，从而在后续接收到页面访问请求时，提供该页面配置文件给访问端，以快速地生成目标业务页面。其中，终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑、物联网设备和便携式可穿戴设备，物联网设备可为智能音箱、智能电视、智能空调、智能车载设备等。便携式可穿戴设备可为智能手表、智能手环、头戴设备等。服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
50.在一个实施例中，如图2所示，提供了一种页面生成方法，以该方法应用于图1中的终端为例进行说明，包括以下步骤：
51.s202，基于目标数据库表创建元数据实体对象。
52.其中，元数据实体对象中包括目标数据库表中的业务字段的相关信息。目标数据库表，是指业务数据库中的数据库表。
53.具体地，用户可以在终端进行创建元数据实体对象的操作，终端可以响应于用户创建元数据实体对象的操作，从业务数据库中获取目标数据库表，基于目标数据库表中的业务字段的相关信息，创建元数据实体对象。可以理解，元数据实体对象与目标数据库表是一一对应的。
54.在一个实施例中，元数据实体对象可以用于描述目标数据库表的基础信息。元数据实体对象中可以包括目标数据库表中的业务字段数目、业务字段名称、业务字段相关描述、业务字段对应的字典配置等业务字段的相关信息中的至少一种。
55.在一个实施例中，元数据实体对象中可以包括元数据实体对象本身的关联关系。可以理解，各元数据实体对象之间具有关联关系，元数据实体对象中可以包括该元数据实体对象所关联的其他元数据实体对象。
56.s204，响应于对元数据实体对象的编辑操作，在元数据实体对象中添加页面区块关键信息，得到页面元素模型对象。
57.其中，页面区块关键信息，是指用于在页面区块中展示元数据实体对象中的业务字段的展示信息。可以理解，元数据实体对象由于缺少页面区块关键信息无法与页面区块进行绑定，因此，需要对元数据实体对象进行编辑，以添加页面区块关键信息。页面元素模型对象，是指包括页面区块关键信息的元数据实体对象。
58.具体地，用户可以在终端对元数据实体对象进行编辑操作，终端可以响应于用户对元数据实体对象的编辑操作，在元数据实体对象中添加页面区块关键信息，将添加页面区块关键信息后的元数据实体对象，作为页面元素模型对象。
59.在一个实施例中，页面区块关键信息可以包括控件类型、控件属性信息和必填校验信息、技术字典以及关联的实体对象信息等页面区块中的展示信息中的至少一种。可以
理解，元数据实体对象即使与页面区块绑定，由于缺少页面区块关键信息，元数据实体对象中的业务字段的相关信息无法在页面区块中展示。
60.s206，基于业务页面模板创建初始业务页面，并响应于针对初始业务页面的设计触发操作，进入可视化设计界面；基于可视化设计界面，将每个页面区块绑定相应的页面元素模型对象，生成页面配置文件。
61.其中，初始业务页面包括至少一个页面区块。设计触发操作，是指触发针对初始业务页面进行设计的操作。可视化设计界面，是指用于设计初始业务页面的可视化界面。业务页面模板，是指用于创建业务页面的模板。
62.具体地，用户可以在终端进行创建初始业务模板的操作，终端可以响应于该操作基于业务页面模板创建初始业务页面。用户可以在终端针对初始业务页面进行设计触发操作，终端响应于该操作，向用户展示可视化设计界面。用户可以在可视化设计界面中对初始业务页面进行设计。终端可以基于用户在可视化设计界面中将每个页面区块与相应的页面元素模型对象进行绑定的操作，在将每个页面区块绑定相应的页面元素模型对象之后，生成页面配置文件。可以理解，将每个页面区块与相应的页面元素模型对象进行绑定，是一种针对初始业务页面进行设计的操作。通过绑定每个页面区块与相应的页面元素模型对象，可以确定每个页面区块中需要展示的元数据实体对象中的业务的相关信息。
63.在一个实施例中，业务页面模板可以包括页面区块和操作区块中的至少一种。各区块内置有相应的业务逻辑。可以理解，页面区块和操作区块可以是组成业务页面的元素，操作区块和页面区块的粒度大小不一致，比如由基础组件组成的页面区块和封装(代码片段)的操作区块。操作区块可以内置于页面区块中，用于执行页面区块中的相应操作。
64.在一个实施例中，业务页面模板中的区块可以具有预先设置好的区块属性信息。可以理解，终端可以按照预先设置好的区块属性信息，对绑定页面元素模型对象的页面区块进行展示。
65.s208，解析页面配置文件，以基于页面元素模型对象中的页面区块关键信息和业务字段的相关信息渲染所绑定的页面区块，得到目标业务页面。
66.其中，目标业务页面，是指在可视化设计界面中对初始业务页面进行设计完成后的业务页面。
67.具体地，用户可以在终端查看设计完成的初始业务页面，即，目标业务页面。终端可以通过页面解析引擎解析页面配置文件，得到页面元素模型对象中的页面区块关键信息和业务字段的相关信息，并基于页面区块关键信息和业务字段的相关信息，对页面元素模型对象所绑定的页面区块进行渲染，向用户展示目标业务页面。
68.上述页面生成方法中，基于目标数据库表创建元数据实体对象；元数据实体对象中包括目标数据库表中的业务字段的相关信息；响应于对元数据实体对象的编辑操作，在元数据实体对象中添加页面区块关键信息，得到页面元素模型对象；基于业务页面模板创建初始业务页面，并响应于针对初始业务页面的设计触发操作，进入可视化设计界面；初始业务页面包括至少一个页面区块；基于可视化设计界面，将每个页面区块绑定相应的页面元素模型对象，生成页面配置文件；解析页面配置文件，以基于页面元素模型对象中的页面区块关键信息和业务字段的相关信息渲染所绑定的页面区块，得到目标业务页面，能够通过可视化设计界面，实现页面区块和页面元素模型对象的桥接，以更加便捷地生成页面配
置文件，对页面配置文件进行解析，快速地得到目标业务页面。通过可视化配置的方式生成完整的业务页面，不需要再分别对前端页面和后端架构进行开发，能够有效地降低页面开发的成本，提高目标业务页面的开发效率。
69.在一个实施例中，基于目标数据库表创建元数据实体对象包括：响应于创建数据源对象的操作，将数据源对象与业务数据库进行关联；通过数据源对象，从关联的业务数据库中获取目标数据库表；响应于针对目标数据库表创建元数据实体对象的操作，基于目标数据库表中的业务字段的相关信息，创建元数据实体对象。
70.其中，数据源对象，是指用于描述业务数据库信息的对象。可以理解，数据源对象可以作为业务数据库和业务页面之间的媒介，通过数据源对象绑定业务页面和业务数据库。目标数据库表，是指用于创建元数据实体对象的数据库表。可以理解，业务数据库中具有数据库表，一个数据库表对应于一个元数据实体对象。
71.具体地，用户可以在终端创建用于连接业务数据库的数据源对象，终端可以响应于用户创建数据源对象的操作，将数据源对象与业务数据库进行关联。终端可以通过数据源对象与业务数据库进行连接，从数据源对象关联的业务数据库中获取目标数据库表。用户可以在终端针对目标数据库表创建元数据实体对象，终端可以响应于用户针对目标数据库表创建元数据实体对象的操作，基于目标数据库表中的业务字段的相关信息，创建元数据实体对象。
72.在一个实施例中，用户可以在终端导入业务数据库中的目标数据库表。可以理解，用户可以通过结构化查询语言(structured query language，sql)，导入目标数据库表中的数据。在用户采用导入目标数据库表的方式生成元数据实体对象时，元数据实体对象中具有该目标数据库表中的全部业务字段的相关信息。在用户采用sql的方式时，可以针对性地从目标数据库表中获取业务字段的相关信息，创建元数据实体对象。
73.在一个实施例中，终端可以按照目标数据库表中的业务字段数目、业务字段名称、业务字段描述信息、业务字段对应的字典配置、目标数据库表所关联的数据库表等至少一种目标数据库表的基础信息，创建元数据实体对象。可以理解，元数据实体对象与数据库表是一一对应的。元数据实体对象中可以包括业务字段数目、业务字段名称、业务字段描述信息、业务字段对应的字典配置、元数据实体对象所关联的元数据实体对象。
74.在一个实施例中，终端具有元数据实体对象管理界面，用户可以在元数据实体对象管理界面中编辑元数据实体对象中的业务字段对应的字典配置和关联的元数据实体对象等中的至少一种元数据实体对象中的业务字段的相关信息。
75.在一个实施例中，数据源对象描述了业务页面需要绑定的环境数据库信息(业务数据库)，比如数据类型、端口(ip)、是否接入知识管理系统(kms)等，用户只需要在终端的数据源管理界面点击新增，填入数据源对象的信息即可进行创建。
76.本实施例中，终端可以通过数据源对象连接业务数据库，基于业务数据库中的目标数据库表，创建元数据实体对象，以基于元数据实体对象，通过可视化配置的方式，快速动态地生成业务页面，提升页面的开发效率。
77.在一个实施例中，响应于对元数据实体对象的编辑操作，在元数据实体对象中添加页面区块关键信息，得到页面元素模型对象包括：响应于针对元数据实体对象中的业务字段的编辑操作，进入页面元素模型配置页面；基于页面元素模型配置页面，获取针对业务
字段配置的页面区块关键信息；将页面区块关键信息对应于业务字段添加至元数据实体对象中，生成页面元素模型对象。
78.其中，页面元素模型配置页面，是指用于针对业务字段配置页面区块关键信息的页面。
79.具体地，终端可以向用户展示页面元素模型配置页面，用户可以在页面元素模型配置页面中针对元数据实体对象中的业务字段的进行编辑操作。终端可以基于页面元素模型配置页面，获取针对业务字段配置的页面区块关键信息；将页面区块关键信息对应于业务字段添加至元数据实体对象中，将已添加页面区块关键信息的元数据实体对象，作为页面元素模型对象。
80.在一个实施例中，用户可以在页面元素模型配置页面编辑元数据实体对象中的业务字段对应的控件类型、控件属性、是否进行必填校验和字典配置，以及所关联的元数据实体对象。可以理解，用户在页面元素模型配置页面中的编辑数据实质上就是页面区块关键信息。元数据实体对象中的业务字段对应的控件类型、控件属性、是否进行必填校验和字典配置，以及所关联的元数据实体对象，均是构建页面区块的基本信息，终端可以按照这些信息将业务字段填充至页面区块以进行展示。
81.本实施例中，用户可以在终端对元数据实体对象中的业务字段进行编辑操作，终端可以基于页面元素模型配置页面，获取针对业务字段配置的页面区块关键信息，并将页面区块关键信息对应于业务字段添加至元数据实体对象中，更加便捷地生成页面元素模型对象，以进行后续的目标业务页面生成处理，提高页面的开发效率。
82.在一个实施例中，基于可视化设计界面，将每个页面区块绑定相应的页面元素模型对象，生成页面配置文件包括：响应于针对可视化设计界面中每个页面区块的对象绑定操作，将每个页面区块绑定相应的页面元素模型对象；响应于对每个已绑定页面元素模型对象的页面区块进行的属性配置操作，获取页面区块对应的区块属性配置数据；基于每个页面区块绑定的页面元素模型对象，以及每个页面区块对应的区块属性配置数据，生成页面配置文件。
83.其中，对象绑定操作，是指将每个页面区块绑定相应的页面元素模型对象的操作。属性配置操作，是指对每个页面区块进行属性配置的操作。区块属性配置数据，是指对每个页面区块进行属性配置所产生的属性数据。
84.具体地，终端可以向用户展示可视化设计界面，用户可以在可视化设计界面中针对可视化设计界面中每个页面区块进行对象绑定操作，终端可以响应于该操作，将每个页面区块绑定相应的页面元素模型对象。用户可以在可视化设计界面中对每个已绑定页面元素模型对象的页面区块进行属性配置操作，终端可以响应于该操作，获取页面区块对应的区块属性配置数据。终端可以按照页面元素模型对象中的页面区块关键数据，在相应的页面区块中对业务字段进行展示，并按照页面区块对应的区块属性配置数据对页面区块进行展示，并生成页面配置文件。
85.在一个实施例中，页面区块内置有相应的业务逻辑，属性配置操作可以是对页面区块维度的页面效果的配置。可以理解，属性配置操作可以是对页面区块中业务字段的排列的配置操作，比如将业务字段以3列展示。
86.在一个实施例中，终端可以按照页面区块中预设的区块属性配置数据，对页面区
块进行展示。
87.本实施例中，终端具有可视化设计界面，用户可以在可视化设计界面中将页面区块绑定相应的页面元素模型对象，并对每个已绑定页面元素模型对象的页面区块进行属性配置操作，能够便捷地配置页面区块的页面效果，生成页面配置文件，以得到目标业务页面，提高开发效率。
88.在一个实施例中，可视化设计界面中包括设计区和展示区；基于可视化设计界面，将每个页面区块绑定相应的页面元素模型对象，生成页面配置文件包括：响应于在设计区中对每个页面区块的对象绑定操作，将每个页面区块绑定相应的页面元素模型对象；在展示区中，对已绑定页面元素模型对象的页面区块进行展示；响应于对每个已绑定页面元素模型对象的页面区块的保存操作，生成页面配置文件。
89.其中，设计区，是指可视化设计界面中对页面区块进行设计的区域。可以理解，设计可以包括对每个页面区块的对象绑定操作和属性配置操作中的至少一种。展示区，是指可视化设计界面中对页面区块进行展示的区域。可以理解，展示区可以实时向用户展示用户在设计区针对页面区块设计的页面效果。
90.具体地，用户可以在设计区中对每个页面区块进行对象绑定操作，终端可以响应于该操作，将每个页面区块绑定相应的页面元素模型对象。终端在展示区中，向用户展示已绑定页面元素模型对象的页面区块。用户可以在可视化设计界面中对每个已绑定页面元素模型对象的页面区块进行保存操作，终端可以响应于该操作，生成页面配置文件。
91.在一个实施例中，图3a为设计页面区块的流程示意图。
92.s302，选择页面区块。
93.用户可以在初始业务页面中选择页面区块，终端可以确定用户所选择的页面区块，用户可以在设计区对页面区块进行设计。
94.s304，选择页面区块绑定的页面元素模型对象。
95.终端可以在设计区向用户展示能够被选择的页面元素模型对象，用户可以选择相应的页面元素模型对象，终端可以将页面区块与相应的元素模型对象进行绑定，并动态地在展示区对已填充页面元素模型对象中的业务字段的页面区块进行展示。
96.s306，对页面区块进行属性配置操作、以及复制、删除、动态插入。
97.用户可以在设计区对页面区块进行属性配置操作。可以理解，用户可以复制该页面区块，得到另一个与该页面区块相同的页面区块。用户可以通过动态插入的方式，插入新的页面区块。用户也可以删除该页面区块。用户还能够更改页面区块已有的区块属性配置数据。可以理解，不同页面区块的属性功能是不一致的，比如表格控件中可以设置是否多选、表格顶部的操作按钮列表和排序等，以及表单区块可以设置排列的布局多列还是单列、表单标签(label)的文字布局展示等。
98.s308，保存、预览页面的动态效果。
99.用户可以在可视化设计界面对已完成设计的每个页面区块进行保存，生成页面配置文件。用户可以对设计好的页面进行预览，终端可以响应于对页面配置文件的预览操作，向用户展示目标业务页面。
100.在一个实施例中，图3b为可视化设计界面的界面示意图。可以理解，可视化设计界面包括页面元素模型配置页面和页面设计器页面。页面元素模型配置页面用于向元数据实
体对象中添加页面区块关键信息，得到页面元素模型对象。页面设计器页面用于对初始业务页面进行设计。用户可以选择初始业务页面中的页面区块。页面设计器包括位于左侧的展示区和位于右侧的设计区。用户可以在左侧的设计区中的属性面板中，选择页面区块绑定的页面元素模型对象，即，在属性面板中页面元素模型文本框中选择页面元素模型对象。用户可以设置显示列数、详情标题和标签最大字数。比如，用户设置详情标题为基本信息，展示区会展示“基本信息”这一标题，用户设置显示列数为3，展示区会将名称、中文名称、部门编码、创建人名称、创建人登录名称和创建日期以3列进行展示。用户可以在页面设计器页面中对当前页面区块添加唯一标识信息。终端可以按照唯一标识对页面区块信息进行展示和保存。用户可以在页面设计器页面中对当前页面区块进行复制和删除，以及动态插入新的页面区块。
101.用户在完成对每个页面区块的设计之后，点击保存按钮，终端可以响应于该保存操作，生成页面配置文件。用户可以点击预览按钮，终端可以响应于预览操作，解析页面配置文件，得到目标业务页面。
102.在一个实施例中，用户可以在展示区拖动业务字段，调整业务字段的展示顺序。
103.本实施例中，可视化设计界面具有设计区和展示区，用户可以在设计区将页面区块绑定相应的页面元素模型对象，展示区中可以展示用户配置页面区块的页面效果，能够更加便捷、准确地对页面区块进行配置，提高页面开发的效率。
104.在一个实施例中，页面配置文件中包括每个页面区块所绑定的页面元素模型对象和每个页面区块对应的区块属性配置数据；业务字段的相关信息包括业务字段的描述信息；页面区块关键信息包括业务字段在页面区块中对应的控件信息；解析页面配置文件，以基于页面元素模型对象中的页面区块关键信息和业务字段的相关信息渲染所绑定的页面区块，得到目标业务页面包括：响应于在可视化设计界面中针对页面配置文件的预览操作，通过页面解析引擎解析页面配置文件；获取解析后的页面配置文件中的页面元素模型对象和区块属性配置数据；按照页面元素模型对象中的业务字段在页面区块中对应的控件信息和业务字段的描述信息，将业务字段和符合控件信息的控件填充至所绑定的页面区块；按照页面属性配置数据，对相应的已填充的页面区块进行展示，得到目标业务页面。
105.具体地，用户可以在可视化设计界面中针对页面配置文件进行预览操作，终端可以响应于该操作，通过页面解析引擎解析页面配置文件。终端可以获取解析后的页面配置文件中的页面元素模型对象和区块属性配置数据，并按照页面元素模型对象中的业务字段在页面区块中对应的控件信息和业务字段的描述信息，将业务字段和符合控件信息的控件填充至所绑定的页面区块，以及按照页面属性配置数据，对相应的已填充的页面区块进行展示，得到目标业务页面。可以理解，目标业务页面是由页面区块组成的。可以理解，页面区块关键信息其实是元数据实体对象中的业务字段在页面区块中的展示关键信息。
106.在一个实施例中，目标业务页面可以是一个完整的业务页面。终端可以按照页面元素模型对象，获取元数据实体对象对应的目标数据库表中的业务字段数据，并填充至目标业务页面中，得到具备完整业务数据的业务页面。
107.在一个实施例中，用户可以对目标业务页面进行二次开发。可以理解，目标业务页面不完整，部分功能无法以纯配置化的方式实现。用户可以按照业务需求，在目标业务页面的基础上，生成代码，并将代码添加到对应工程的目录下，同时自动添加前端页面路由、菜
单。比如，用户可以通过二次开发实现复杂表单的联动和复杂的自定义校验规则。
108.本实施例中，终端可以通过页面解析引擎解析页面配置文件，获取解析后的页面配置文件中的页面元素模型对象和区块属性配置数据，按照页面元素模型对象中的业务字段在页面区块中对应的控件信息和业务字段的描述信息，将业务字段和符合控件信息的控件填充至所绑定的页面区块，按照页面属性配置数据，对相应的已填充的页面区块进行展示，能够快速地生成目标业务页面，提高页面开发的效率。
109.在一个实施例中，图4为页面生成方法的原理示意图。终端可以响应于用户创建子系统的操作，通过子系统管理单元，创建用于支持目标业务页面的子系统。终端可以响应于用户创建数据源对象的操作，通过数据源管理单元，创建用于连接业务数据库的数据源对象。终端可以响应于用户创建元数据实体对象的操作，通过数据源对象，从业务数据库中获取目标数据库表，创建用于描述数据库表中的业务字段的相关信息的元数据实体对象。终端可以通过页面管理单元，基于业务页面模板创建初始业务页面。用户可以在可视化设计界面中对初始业务页面中的页面区块进行配置开发。可以理解，可视化页面配置开发是通过页面配置单元实现的。在通过可视化页面配置开发后，用户可以基于终端展示的目标业务页面，决定是否进行二次开发。在完成目标业务页面的生成之后，对目标业务页面进行功能测试，最后进行目标业务页面的部署上线。
110.本实施例中，通过可视化配置的方式实现了业务页面与元数据实体对象的桥接，通过动态插入、复制、更换、删除等方式简单方便的更改页面的展示效果和业务逻辑实现。通过这种简单的可视化配置开发实现通用业务的快速上线，大幅度的提升了研发效能和质量。
111.在一个实施例中，业务页面模板经过标准化、规范化的交互设计，内置了相应的业务逻辑，可以保障业务页面的页面效果和代码质量以及安全性能。
112.在一个实施例中，在重复的业务场景下，用户可以根据不同的业务需求，针对已开发的业务页面进行调整。
113.本实施例中，对于特定业务场景，比如查询表格类和数据报表类，往往会存在重复开发的问题，导致开发效率不高。即使是可以通过拖拉拽加上基础组件二次开发的方式可以提高效率，但是由于实现复杂、接入成本高，导致效率提升不大。而通过可视化配置开发的方式，可以有效解决上述问题，更大程度上地提高开发效率。
114.应该理解的是，虽然如上所述的各实施例所涉及的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，如上所述的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
115.基于同样的发明构思，本技术实施例还提供了一种用于实现上述所涉及的页面生成方法的页面生成装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似，故下面所提供的一个或多个页面生成装置实施例中的具体限定可以参见上文中对于页面生成方法的限定，在此不再赘述。
116.在一个实施例中，如图5所示，提供了一种页面生成装置500，包括：创建模块502、编辑模块504、配置模块506和渲染模块508，其中：
117.创建模块502，用于基于目标数据库表创建元数据实体对象；元数据实体对象中包括目标数据库表中的业务字段的相关信息；
118.编辑模块504，用于响应于对元数据实体对象的编辑操作，在元数据实体对象中添加页面区块关键信息，得到页面元素模型对象；
119.配置模块506，用于基于业务页面模板创建初始业务页面，并响应于针对初始业务页面的设计触发操作，进入可视化设计界面；初始业务页面包括至少一个页面区块；基于可视化设计界面，将每个页面区块绑定相应的页面元素模型对象，生成页面配置文件；
120.渲染模块508，用于解析页面配置文件，以基于页面元素模型对象中的页面区块关键信息和业务字段的相关信息渲染所绑定的页面区块，得到目标业务页面。
121.在一个实施例中，创建模块502，还用于响应于创建数据源对象的操作，将数据源对象与业务数据库进行关联；通过数据源对象，从关联的业务数据库中获取目标数据库表；响应于针对目标数据库表创建元数据实体对象的操作，基于目标数据库表中的业务字段的相关信息，创建元数据实体对象。
122.在一个实施例中，编辑模块504，还用于响应于针对元数据实体对象中的业务字段的编辑操作，进入页面元素模型配置页面；基于页面元素模型配置页面，获取针对业务字段配置的页面区块关键信息；将页面区块关键信息对应于业务字段添加至元数据实体对象中，生成页面元素模型对象。
123.在一个实施例中，配置模块506，还用于响应于针对可视化设计界面中每个页面区块的对象绑定操作，将每个页面区块绑定相应的页面元素模型对象；响应于对每个已绑定页面元素模型对象的页面区块进行的属性配置操作，获取页面区块对应的区块属性配置数据；基于每个页面区块绑定的页面元素模型对象，以及每个页面区块对应的区块属性配置数据，生成页面配置文件。
124.在一个实施例中，可视化设计界面中包括设计区和展示区；配置模块506，还用于响应于在设计区中对每个页面区块的对象绑定操作，将每个页面区块绑定相应的页面元素模型对象；在展示区中，对已绑定页面元素模型对象的页面区块进行展示；响应于对每个已绑定页面元素模型对象的页面区块的保存操作，生成页面配置文件。
125.在一个实施例中，页面配置文件中包括每个页面区块所绑定的页面元素模型对象和每个页面区块对应的区块属性配置数据；业务字段的相关信息包括业务字段的描述信息；页面区块关键信息包括业务字段在页面区块中对应的控件信息；渲染模块508，还用于响应于在可视化设计界面中针对页面配置文件的预览操作，通过页面解析引擎解析页面配置文件；获取解析后的页面配置文件中的页面元素模型对象和区块属性配置数据；按照页面元素模型对象中的业务字段在页面区块中对应的控件信息和业务字段的描述信息，将业务字段和符合控件信息的控件填充至所绑定的页面区块；按照页面属性配置数据，对相应的已填充的页面区块进行展示，得到目标业务页面。
126.上述页面生成装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
127.在一个实施例中，提供了一种计算机设备，该计算机设备可以是服务器，其内部结构图可以如图6所示。该计算机设备包括通过系统总线连接的处理器、存储器和网络接口。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质和内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储页面生成相关数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种页面生成方法。
128.在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图7所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过wifi、移动蜂窝网络、nfc(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种页面生成方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
129.本领域技术人员可以理解，图6和图7中示出的结构，仅仅是与本技术方案相关的部分结构的框图，并不构成对本技术方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
130.在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现上述各方法实施例中的步骤。
131.在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述各方法实施例中的步骤。
132.在一个实施例中，提供了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现上述各方法实施例中的步骤。
133.需要说明的是，本技术所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)，均为经用户授权或者经过各方充分授权的信息和数据。
134.本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本技术所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(read-only memory，rom)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(reram)、磁变存储器(magnetoresistive random access memory，mram)、铁电存储器(ferroelectric random access memory，fram)、相变存储器(phase change memory，pcm)、石墨烯存储器等。易失性存储器可包括随机存取存储器(random access memory，
ram)或外部高速缓冲存储器等。作为说明而非局限，ram可以是多种形式，比如静态随机存取存储器(static random access memory，sram)或动态随机存取存储器(dynamic random access memory，dram)等。本技术所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等，不限于此。本技术所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等，不限于此。
135.以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
136.以上所述实施例仅表达了本技术的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本技术专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本技术构思的前提下，还可以做出若干变形和改进，这些都属于本技术的保护范围。因此，本技术的保护范围应以所附权利要求为准。