CN115543282A - 页面代码的生成方法、装置、存储介质及计算机设备 - Google Patents

Abstract

本发明公开了一种页面代码的生成方法、装置、存储介质及计算机设备，涉及信息即数字医疗技术领域，主要在于能够提高页面代码的生成效率和生成精度。其中方法包括：接收代码生成指令，其中，所述代码生成指令中携带有待创建页面对应的标识信息；基于所述标识信息，确定与所述待创建页面所属的页面类型相对应的页面代码模板；基于所述页面代码模板，获取所述待创建页面对应的多个页面组件；确定所述多个页面组件分别对应的属性配置参数和位置关系；基于所述多个页面组件及其对应的属性配置参数和所述位置关系，生成所述待创建页面对应的页面配置单，并在所述页面配置单中解析出所述待创建页面对应的目标代码。本发明适用于对页面代码进行生成。

Description

页面代码的生成方法、装置、存储介质及计算机设备

技术领域

本发明涉及信息技术领域，尤其是涉及一种页面代码的生成方法、装置、存储介质及计算机设备。

背景技术

后台管理***是用于资料信息管理、项目跟踪的数据共享平台，例如医疗领域的后台管理***是医院信息化建设不可或缺的***，后台管理***在创建的过程中需要创建功能页面，该功能页面中包含各个结构元素，例如，表单，表格等结构元素，各个结构需要编写程序代码来实现。

目前，通常通过人工编写各个页面结构的程序代码。然而，不同管理***的后端页面上都包含类似的页面结构，这种代码的编写方式导致开发人员针对类似页面结构需要重复编写程序代码，导致代码的生成效率较低，与此同时，由于页面代码主要依靠开发人员手动编写，不同开发人员的业务水平参差不齐，会出现代码编写错误的情况，从而导致代码的生成精度较低。

发明内容

本发明提供了一种页面代码的生成方法、装置、存储介质及计算机设备，主要在于能够提高页面代码的生成效率和生成精度。

根据本发明的第一个方面，提供一种页面代码的生成方法，包括：

接收待创建页面对应的代码生成指令，其中，所述代码生成指令中携带有所述待创建页面对应的标识信息；

基于所述标识信息，确定所述待创建页面所属的页面类型，并确定与所述页面类型相对应的页面代码模板；

基于所述页面代码模板，获取所述待创建页面对应的多个页面组件，其中，所述多个页面组件中的任意一个页面组件是对相同类型页面中的通用功能代码进行封装而成的；

确定所述多个页面组件分别对应的属性配置参数，并确定所述多个页面组件之间的位置关系；

基于所述多个页面组件及其对应的属性配置参数和所述位置关系，生成所述待创建页面对应的页面配置单，并在所述页面配置单中解析出所述待创建页面对应的目标代码。

根据本发明的第二个方面，提供一种页面代码的生成装置，包括：

接收单元，用于接收待创建页面对应的代码生成指令，其中，所述代码生成指令中携带有所述待创建页面对应的标识信息；

第一确定单元，用于基于所述标识信息，确定所述待创建页面所属的页面类型，并确定与所述页面类型相对应的页面代码模板；

获取单元，用于基于所述页面代码模板，获取所述待创建页面对应的多个页面组件，其中，所述多个页面组件中的任意一个页面组件是对相同类型页面中的通用功能代码进行封装而成的；

第二确定单元，用于确定所述多个页面组件分别对应的属性配置参数，并确定所述多个页面组件之间的位置关系；

解析单元，用于基于所述多个页面组件及其对应的属性配置参数和所述位置关系，生成所述待创建页面对应的页面配置单，并在所述页面配置单中解析出所述待创建页面对应的目标代码。

根据本发明的第三个方面，提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现以下步骤：

接收待创建页面对应的代码生成指令，其中，所述代码生成指令中携带有所述待创建页面对应的标识信息；

基于所述标识信息，确定所述待创建页面所属的页面类型，并确定与所述页面类型相对应的页面代码模板；

基于所述页面代码模板，获取所述待创建页面对应的多个页面组件，其中，所述多个页面组件中的任意一个页面组件是对相同类型页面中的通用功能代码进行封装而成的；

确定所述多个页面组件分别对应的属性配置参数，并确定所述多个页面组件之间的位置关系；

基于所述多个页面组件及其对应的属性配置参数和所述位置关系，生成所述待创建页面对应的页面配置单，并在所述页面配置单中解析出所述待创建页面对应的目标代码。

根据本发明的第四个方面，提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现以下步骤：

接收待创建页面对应的代码生成指令，其中，所述代码生成指令中携带有所述待创建页面对应的标识信息；

基于所述标识信息，确定所述待创建页面所属的页面类型，并确定与所述页面类型相对应的页面代码模板；

基于所述页面代码模板，获取所述待创建页面对应的多个页面组件，其中，所述多个页面组件中的任意一个页面组件是对相同类型页面中的通用功能代码进行封装而成的；

确定所述多个页面组件分别对应的属性配置参数，并确定所述多个页面组件之间的位置关系；

基于所述多个页面组件及其对应的属性配置参数和所述位置关系，生成所述待创建页面对应的页面配置单，并在所述页面配置单中解析出所述待创建页面对应的目标代码。

根据本发明提供的一种页面代码的生成方法、装置、存储介质及计算机设备，与目前通过人工编写各个页面结构的程序代码的方式相比，本发明通过接收待创建页面对应的代码生成指令，其中，所述代码生成指令中携带有所述待创建页面对应的标识信息；并基于所述标识信息，确定所述待创建页面所属的页面类型，并确定与所述页面类型相对应的页面代码模板；与此同时，基于所述页面代码模板，获取所述待创建页面对应的多个页面组件，其中，所述多个页面组件中的任意一个页面组件是对相同类型页面中的通用功能代码进行封装而成的；之后确定所述多个页面组件分别对应的属性配置参数，并确定所述多个页面组件之间的位置关系；最终基于所述多个页面组件及其对应的属性配置参数和所述位置关系，生成所述待创建页面对应的页面配置单，并在所述页面配置单中解析出所述待创建页面对应的目标代码，由此通过预先对相同类型页面对应的各个通用功能代码进行封装成为各个页面组件，并在页面代码模板中选择待创建页面需要的多个页面组件，同时确定多个页面组件之间的位置关系，以及多个页面组件分别对应的属性配置参数，最终基于多个页面代码模板及其对应的位置关系和属性配置参数，确定待创建页面对应的目标代码，提高了页面代码的生成效率，与此同时，能够避免由于开发人员技术水平参差不齐导致代码编写错误的情况，从而提高了页面代码的生成精度。

附图说明

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

图1示出了本发明实施例提供的一种页面代码的生成方法流程图；

图2示出了本发明实施例提供的另一种页面代码的生成方法流程图；

图3示出了本发明实施例提供的一种页面代码的生成装置的结构示意图；

图4示出了本发明实施例提供的另一种页面代码的生成装置的结构示意图；

图5示出了本发明实施例提供的一种计算机设备的实体结构示意图。

具体实施方式

下文中将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

目前，通过人工编写各个页面结构的程序代码的方式，导致代码的生成效率较低，与此同时，由于页面代码主要依靠开发人员手动编写，不同开发人员的业务水平参差不齐，会出现代码编写错误的情况，从而导致代码的生成精度较低。

为了解决上述问题，本发明实施例提供了一种页面代码的生成方法，如图1所示，所述方法包括：

101、接收待创建页面对应的代码生成指令，其中，所述代码生成指令中携带有所述待创建页面对应的标识信息。

其中，所述待创建页面包括后台管理***的页面，所述后台管理***可以为管理医保信息的***，或者管理个人健康档案的***，或者管理患者检查报告的***，所述后台管理***的页面中一般均包含各个通用的页面结构元素，各个页面结构元素均是由功能代码生成。所述代码生成指令是页面中各个结构元素对应的代码生成指令，所述标识信息可以是所述待创建页面的图标信息，只要通过所述标识信息能唯一确定所述待创建页面，本发明实施例对所述标识信息的形式不做具体限定。

对于本发明实施例，为了克服现有技术中页面代码的生成效率和生成精度低的问题，本发明实施例通过通过预先对相同类型页面对应的各个通用功能代码进行封装成为各个页面组件，并在页面代码模板中选择待创建页面需要的多个页面组件，同时确定多个页面组件之间的位置关系，以及多个页面组件分别对应的属性配置参数，最终基于多个页面代码模板及其对应的位置关系和属性配置参数，确定待创建页面对应的目标代码，提高了页面代码的生成效率，与此同时，能够避免由于开发人员技术水平参差不齐导致代码编写错误的情况，从而提高了页面代码的生成精度。本发明实施例主要应用于对页面代码进行生成的场景，本发明实施例的执行主体为能够对页面代码进行生成的装置或者设备，具体可以设置在客户端或者服务器一侧。

具体地，在公司官网下载并安装代码生成***，双击打开所述代码生成***，则展示代码生成***主界面，点击所述代码生成***主界面中的页面类型选项，出现不同页面类型对应的下拉菜单，并在所述下拉菜单中选择所述待创建页面所属的页面类型，此时便触发了所述待创建页面对应的代码生成指令，所述代码生成指令中携带有所述待创建页面对应的标识信息，基于所述标识信息便展示所述页面类型对应的专属页面代码模板，之后基于所述页面代码模板，确定所述待创建页面对应的目标代码，提高了页面代码的生成效率。

102、基于所述标识信息，确定所述待创建页面所属的页面类型，并确定与所述页面类型相对应的页面代码模板。

其中，医疗领域后台管理***对应医疗页面类型，保险领域后台管理***对应保险页面类型，汽车领域后台管理***对应汽车页面类型，不同页面类型对应不同的页面代码模板，所述页面代码模板中存在各个标题项，包括代码创建人、代码创建人所属部门，代码创建时间等标题项。

对于本发明实施例，在接收到所述代码生成指令后，基于所述代码生成指令中携带的标识信息，确定所述待创建页面所属的页面类型，因为不同页面类型对应不同的页面代码模板，因此基于所述页面类型，能够确定与所述页面类型相对应的页面代码模板，并在所述页面代码模板中选择通用的页面组件，并为通用的页面组件设置其对应的个性化的属性配置参数，同时确定多个页面组件之间的位置关系，最终基于所述属性配置参数和所述位置关系，生成待创建页面对应的页面配置单，并最终在所述页面配置单中解析出所述待创建页面对应的目标代码，由此能够避免由于开发人员业务水平的参差不齐导致页面代码编写错误的情况，从而提高了页面代码的生成精度。

103、基于所述页面代码模板，获取所述待创建页面对应的多个页面组件，其中，所述多个页面组件中的任意一个页面组件是对相同类型页面中的通用功能代码进行封装而成的。

其中，所述多个页面组件包括表单页面组件、列表页面组件、日期输入页面组件、数字输入页面组件、字符输入页面组件、翻页组件等，通过对表单功能代码进行封装成为表单页面组件，通过对列表功能代码进行封装成为列表页面组件。

对于本发明实施例，页面代码模板中存在页面组件对应的下拉选项菜单，点击所述页面代码模板中的组件标题项对应的下拉菜单标识，即可展现出所述页面代码模板对应的各个页面组件对应的下拉菜单，在所述下拉菜单中选择待创建页面需要的页面组件，其中，所述页面组件可以以组件标识的形式展示给用户，每选择一个页面组件，所述选择的页面组件便会按照选择的顺序依次排列在所述页面代码模板中的预设位置处，选择完待创建页面所需的多个页面组件后，为多个页面组件配置其对应的个性化属性配置参数，同时确定多个页面组件之间的位置关系，最终基于所述多个页面组件对应的通用功能代码、所述属性配置参数，所述位置关系，确定所述待创建页面对应的目标代码。

104、确定所述多个页面组件分别对应的属性配置参数，并确定所述多个页面组件之间的位置关系。

其中，所述属性配置参数为各个通用页面组件对应的个性化配置，所述属性配置参数为键值对数据，即属性及其对应的属性值，例如，将待创建页面中的表单和表格等对应的功能代码封装为通用页面组件，表格和表格中的字段及其对应的字段值为个性化属性配置参数，此外，所述属性配置参数还可以包括页面组件对应的个性化样式参数，如表单的长度和宽度等参数数据。

本发明实施例通过封装通用程序代码来构建通用的页面组件，并将各个页面组件中可配置的属性暴露出来从而让用户进行个性化属性配置，具体地，在选择完待创建页面中包含的多个页面组件后，所述页面组件便按顺序展现在页面代码模板的相应位置处，在所述相应位置处点击任意一个选择后的页面代码组件，在页面代码模板的右侧即可展现该页面组件对应的属性编辑区，在所述属性编辑区填写该页面组件对应的个性化属性配置参数，该个性化属性配置参数即可自动链接到该页面组件对应的通用功能代码中，由此能够为多个页面组件配置其对应的个性化属性配置参数，其中，所述属性配置参数可以通过下拉菜单选择，也可以手动填写，具体个性化属性配置参数的填写形式本发明实施例不做具体限定，与此同时，在为页面组件配置其对应的属性配置参数之前或之后，可以在选择后的多个页面组件所在的预设位置中通过拖拽所述页面组件来确定多个页面组件之间的位置关系。进一步地，本发明实施例在拖拽页面组件的过程中还可以在预设位置处弹出基于当前页面组件对应的位置和属性配置参数展现的构建后的页面图片，用户可以基于展现的页面图片，对页面组件的位置关系进行调整。

例如，当用户需要在待创建页面中设置一个字符输入框和一个表单框、同时字符输入框代码需要先于表单框代码时，用户可以首先将表单组件拖拽到页面代码模板的预设位置处，接着将字符输入组件拖拽到表单组件上方，从而完成字符输入组件和表单组件之间的位置关系排列。

105、基于所述多个页面组件及其对应的属性配置参数和所述位置关系，生成所述待创建页面对应的页面配置单，并在所述页面配置单中解析出所述待创建页面对应的目标代码。

其中，所述目标代码为编写待创建页面中各个页面结构的功能代码，所述页面配置单用于记录多个组件信息，所述页面配置单可以为JSON格式的文件，所述页面配置单中除了记录代码创建人、创建部门等信息，还记录着页面代码对应的多个页面组件对应的通用功能代码，多个页面组件之间的位置关系，以及多个页面组件对应的属性配置参数。

对于本发明实施例，当用户在所述页面代码模板中选择多个页面组件，并为多个页面组件配置完其对应的个性化属性配置参数，以及确定所述多个页面组件对应的位置关系后，点击页面代码模板中的确定按钮，代码生成***会自动生成所述待创建页面对应的页面配置单，所述页面配置单中会链接出所述多个页面组件对应的通用功能代码，同时所述页面配置单中还会存在多个页面组件之间的位置关系和属性配置参数，最终在所述页面配置单记录的多个页面组件对应的通用功能代码，属性配置参数和所述位置关系，确定所述待创建页面对应的目标代码，通过执行所述目标代码，即可构建待创建页面。

根据本发明提供的一种页面代码的生成方法，与目前通过人工编写各个页面结构的程序代码的方式相比，本发明通过接收待创建页面对应的代码生成指令，其中，所述代码生成指令中携带有所述待创建页面对应的标识信息；并基于所述标识信息，确定所述待创建页面所属的页面类型，并确定与所述页面类型相对应的页面代码模板；与此同时，基于所述页面代码模板，获取所述待创建页面对应的多个页面组件，其中，所述多个页面组件中的任意一个页面组件是对相同类型页面中的通用功能代码进行封装而成的；之后确定所述多个页面组件分别对应的属性配置参数，并确定所述多个页面组件之间的位置关系；最终基于所述多个页面组件及其对应的属性配置参数和所述位置关系，生成所述待创建页面对应的页面配置单，并在所述页面配置单中解析出所述待创建页面对应的目标代码，由此通过预先对相同类型页面对应的各个通用功能代码进行封装成为各个页面组件，并在页面代码模板中选择待创建页面需要的多个页面组件，同时确定多个页面组件之间的位置关系，以及多个页面组件分别对应的属性配置参数，最终基于多个页面代码模板及其对应的位置关系和属性配置参数，确定待创建页面对应的目标代码，提高了页面代码的生成效率，与此同时，能够避免由于开发人员技术水平参差不齐导致代码编写错误的情况，从而提高了页面代码的生成精度。

进一步的，为了更好的说明上述对页面代码进行生成的过程，作为对上述实施例的细化和扩展，本发明实施例提供了另一种页面代码的生成方法，如图2所示，所述方法包括：

201、接收待创建页面对应的代码生成指令，其中，所述代码生成指令中携带有所述待创建页面对应的标识信息。

具体地，打开所述代码生成***，在所述代码生成***的下拉菜单中选择待创建页面，即触发了代码生成指令，所述代码生成指令中携带有选择的待创建页面对应的图标或者字符等标识信息。

202、基于所述标识信息，确定所述待创建页面所属的页面类型，并确定与所述页面类型相对应的页面代码模板。

对于本发明实施例，为了确定与所述页面类型相对应的页面代码模板，首先需要构建所述页面代码模板，基于此，所述方法包括：封装不同类型页面对应的各组页面功能代码，得到所述不同类型页面对应的各组页面组件；将所述各组页面组件存储至所述不同类型页面对应的页面组件库中；构建所述不同类型页面对应的页面代码模板，并建立不同页面代码模板与不同页面组件库之间的映射关系。

具体地，因为相同类型的后台管理***的页面结构中都存在相同的页面结构元素，例如，都是上方查询，下面是数据表格，可以支持翻页功能，为了避免每次构建后台管理***页面都需要重复编写相同的程序代码，可以将相同的页面结构元素对应的程序代码封装成为页面组件，例如表单对应的程序代码封装成为表单组件，列表对应的程序代码封装成为列表组件，文本输入框对应的程序代码封装成为文本输入框组件，以此将不同页面类型对应的各组页面功能代码封装成为各组页面组件，并预先构建不同类型页面对应的页面组件库，之后将各组页面组件存储至其对应的页面组件库中，与此同时，再构建不同页面类型对应的页面代码模板，为了选择目标代码模板时，自动链接处该目标代码模板对应的目标页面组件库，需要建立不同页面代码模板与不同页面组件库之间的映射关系。

进一步地，在构建完页面代码模板，并建立页面代码模板与组件库之间的映射关系后，基于所述待创建页面对应的标识信息，检查所述待创建页面归属于哪种类型的页面，因为不同类型页面对应不同页面代码模板，所以基于所述待创建页面所属的页面类型，确定所述页面类型对应的页面代码模板，即确定了所述待创建页面对应的页面代码模板，例如，通过医保信息页面对应的图标标识，能够确定医保信息页面属于医疗领域页面类型，通过医疗领域页面类型对应的页面代码模板，即可确定医保信息页面对应的页面代码模板。

203、基于所述页面代码模板，获取所述待创建页面对应的多个页面组件，其中，所述多个页面组件中的任意一个页面组件是对相同类型页面中的通用功能代码进行封装而成的。

对于本发明实施例，在确定与所述待创建页面相对应的页面代码模板后，需要基于所述页面代码模板，获取所述待创建页面所需的多个页面组件，基于此，步骤203具体包括：基于不同页面代码模板和不同页面组件库之间的映射关系，确定与所述页面代码模板相对应的目标页面组件库；获取用户从所述目标页面组件库中针对所述待创建页面选择的多个页面组件。

具体地，基于不同页面代码模板和不同页面组件库之间的映射关系，确定与所述页面代码模板相对应的目标页面组件库，所述目标页面组件库中存储着该类型页面所需的各个通用的页面组件，用户在页面代码模板对应的组件标题项上点击下拉菜单标识，则在所述下拉菜单中展现出所述类型页面对应的各个页面组件，用户在所述各个页面组件中选择待创建页面所需的多个页面组件，例如，用户可以从所述页面所述页面组件库中针对所述待创建页面选择表单组件、列表组件、日期选择组件、文本输入组件、翻页组件、数字输入组件，所述选择后的多个页面组件可以以其对应的标识信息的形式排列在页面代码模板的预设位置处。

204、确定所述多个页面组件分别对应的属性配置参数。

具体地，选择完所述待创建页面对应的多个页面组件后，所述多个页面组件会按照选择顺序依次排列在页面代码模板中的预设位置处，在所述预设位置处选中任意一个页面组件，则在所述页面代码模板中的的第二预设位置处会展现出该页面组件对应的属性编辑页面，该属性编辑页面中包含该页面组件对应的各种可编辑属性，用户在所述属性编辑页面中的相应位置填写该页面组件对应的各个属性配置属性的具体数据，对于表单组件而言，其对应的属性配置参数包括表单的长度、宽度、表单中的字段和字段值等，对于文本输入组件来说，其属性配置参数可以包括数据类型、默认值、提示信息、最大长度、最小长度等。

205、确定所述多个页面组件之间的序列位置关系，其中，所述序列位置关系为多个页面组件在X轴和Y轴方向的位置关系，所述X轴和所述Y轴为基于所述页面代码模板建立的空间直角坐标系中的横轴和纵轴，所述横轴与所述纵轴均与所述页面代码模板相平行。

其中，所述序列位置关系可以为各个页面组件之间的左右方位关系，所述左右方向可以认为与X轴方向一致，和前后方位关系，所述前后方向可以认为与Y轴方向一致。

对于本发明实施例，在选择完所述待创建页面对应的多个页面组件后，所述多个页面组件会按照选择顺序依次排列在页面代码模板中的预设位置处，用户可以在预设位置处调整各个页面组件之间的位置关系，具体调整方法为：响应于针对所述多个页面组件的拖拽操作，确定所述多个页面组件之间的位置关系。

具体地，在页面代码模板中建立一个空间指标坐标系，所述空间直角坐标系中的X轴在页面代码模板中的横向，Y轴在页面代码模板中的纵向，所述X轴和所述Y轴均平行于页面代码模板，所述空间指标坐标系中的Z轴垂直于所述页面代码模板，用户通过在预设位置处按照X轴和Y轴的方向拖拽各个页面组件来确定各个页面组件之间的序列位置关系。

206、确定所述多个页面组件之间的层级位置关系，其中，所述层级位置关系为多个页面组件在Z轴方向的位置关系，所述Z轴为所述空间直角坐标系中与所述页面代码模板相垂直的轴线。

其中，所述层级位置关系可以为各个页面组件之间的上下方位关系，所述上下方向可以认为与Z轴方向一致。

对于本发明实施例，用户通过在预设位置处按照Z轴的方向拖拽各个页面组件来确定各个页面组件之间的层级位置关系。

例如，当预设位置处的页面组件A从属于页面组件B，则应该将页面组件A拖拽至页面组件B的上方，页面组件C先于页面组件D(即目标代码中C组件代码在D组件代码之前)，则应该将当预设位置处的页面组件C拖拽至页面组件D的前方或左侧。

对于本发明实施例，所述各个组件对应的位置关系即为创建页面时各种程序代码之间的位置关系，例如，当用户需要在待创建页面中包含一个表单、表单中需要设置一个数字输入框和一个复选框，同时数字输入框代码需要先于复选框代码时，用户可以首先将表单组件拖拽到预设位置处，接着将数字输入组件和复选框组件拖拽到表单组件上方并使数字输入组件处在复选框组件左侧。

207、基于所述多个页面组件及其对应的属性配置参数、所述序列位置关系和所述层级位置关系，生成所述待创建页面对应的页面配置单，并在所述页面配置单中解析出所述待创建页面对应的目标代码。

对于发明实施例，用户可以在配置多个页面组件的属性参数之前或者之后确定多个页面组件之间的位置关系，在为各个页面组件配置完属性参数，以及确定多个页面组件之间的位置关系后，点击页面代码模板中的确定按钮，即可自动生成所述待创建页面对应的页面配置单，其中，所述页面配置单中包含多个页面组件对应的封装前的通用功能代码，同时所述多个页面组件对应的属性配置参数也会自动存储到相应功能代码的对应位置处，因此可以在所述页面配置单中解析出待创建页面对应的目标代码，具体解析方法包括：在所述页面配置单的属性配置参数中解析出所述多个页面组件对应的键值对信息；在所述页面配置单的所述序列位置关系中解析出所述多个页面组件对应的通用功能代码之间的先后关系，以及在所述页面配置单的所述层级位置关系中解析出所述多个页面组件对应的通用功能代码之间的从属关系；基于所述多个页面组件对应的通用功能代码，所述通用功能代码之间的从属关系和先后关系，所述键值对信息，确定所述待创建页面对应的目标代码。

具体地，可以在所述页面配置单中的属性配置参数中解析出多个页面组件对应的键值对数据，页面配置单中多个页面组件的排列顺序能够体现多个页面组件之间的先后顺序，即多个页面组件对应的通用代码之间的先后顺序，可以理解，具有前述层级位置关系的页面组件在页面配置文件中具有从属关系，具有任何一种序列位置关系的页面组件在页面配置单中具有与该序列位置关系对应的先后关系，最终按照所述页面配置单中的从属关系和先后关系，解析出多个页面组件对应的通用功能代码，并将所述键值对信息***至所述通用功能代码的相应位置处，需要说明的是，在编辑完多个页面组件中任意一个页面组件对应的属性参数后，所述属性参数中的键值对信息也可以在此时自动存储至该任意一个页面组件对应的通用代码的相应位置处，以此能够得到所述待创建页面对应的完整目标代码，通过执行所述目标代码，即可创建所述待创建页面。

根据本发明提供的另一种页面代码的生成方法，与目前通过人工编写各个页面结构的程序代码的方式相比，本发明通过接收待创建页面对应的代码生成指令，其中，所述代码生成指令中携带有所述待创建页面对应的标识信息；并基于所述标识信息，确定所述待创建页面所属的页面类型，并确定与所述页面类型相对应的页面代码模板；与此同时，基于所述页面代码模板，获取所述待创建页面对应的多个页面组件，其中，所述多个页面组件中的任意一个页面组件是对相同类型页面中的通用功能代码进行封装而成的；之后确定所述多个页面组件分别对应的属性配置参数，并确定所述多个页面组件之间的位置关系；最终基于所述多个页面组件及其对应的属性配置参数和所述位置关系，生成所述待创建页面对应的页面配置单，并在所述页面配置单中解析出所述待创建页面对应的目标代码，由此通过预先对相同类型页面对应的各个通用功能代码进行封装成为各个页面组件，并在页面代码模板中选择待创建页面需要的多个页面组件，同时确定多个页面组件之间的位置关系，以及多个页面组件分别对应的属性配置参数，最终基于多个页面代码模板及其对应的位置关系和属性配置参数，确定待创建页面对应的目标代码，提高了页面代码的生成效率，与此同时，能够避免由于开发人员技术水平参差不齐导致代码编写错误的情况，从而提高了页面代码的生成精度。

进一步地，作为图1的具体实现，本发明实施例提供了一种页面代码的生成装置，如图3所示，所述装置包括：接收单元31、第一确定单元32、获取单元33、第二确定单元34和解析单元35。

所述接收单元31，可以用于接收待创建页面对应的代码生成指令，其中，所述代码生成指令中携带有所述待创建页面对应的标识信息。

所述第一确定单元32，可以用于基于所述标识信息，确定所述待创建页面所属的页面类型，并确定与所述页面类型相对应的页面代码模板。

所述获取单元33，可以用于基于所述页面代码模板，获取所述待创建页面对应的多个页面组件，其中，所述多个页面组件中的任意一个页面组件是对相同类型页面中的通用功能代码进行封装而成的。

所述第二确定单元34，可以用于确定所述多个页面组件分别对应的属性配置参数，并确定所述多个页面组件之间的位置关系。

所述解析单元35，可以用于基于所述多个页面组件及其对应的属性配置参数和所述位置关系，生成所述待创建页面对应的页面配置单，并在所述页面配置单中解析出所述待创建页面对应的目标代码。

在具体应用场景中，为了确定所述多个页面组件之间的位置关系，如图4所示，所述第二确定单元34，具体可以用于确定所述多个页面组件之间的序列位置关系，其中，所述序列位置关系为多个页面组件在X轴和Y轴方向的位置关系，所述X轴和所述Y轴为基于所述页面代码模板建立的空间直角坐标系中的横轴和纵轴，所述横轴与所述纵轴均与所述页面代码模板相平行；确定所述多个页面组件之间的层级位置关系，其中，所述层级位置关系为多个页面组件在Z轴方向的位置关系，所述Z轴为所述空间直角坐标系中与所述页面代码模板相垂直的轴线。

在具体应用场景中，为了在所述页面配置单中解析出所述待创建页面对应的目标代码，所述解析单元35，包括解析模块351和确定模块352。

所述解析模块351，可以用于在所述页面配置单的属性配置参数中解析出所述多个页面组件对应的键值对信息。

所述解析模块351，还可以用于在所述页面配置单的所述序列位置关系中解析出所述多个页面组件对应的通用功能代码之间的先后关系，以及在所述页面配置单的所述层级位置关系中解析出所述多个页面组件对应的通用功能代码之间的从属关系。

所述确定模块352，可以用于基于所述多个页面组件对应的通用功能代码，所述通用功能代码之间的从属关系和先后关系，所述键值对信息，确定所述待创建页面对应的目标代码。

在具体应用场景中，为了建立不同页面代码模板与不同页面组件库之间的映射关系，所述装置还包括封装单元36、存储单元37和构建单元38。

所述封装单元36，可以用于封装不同类型页面对应的各组页面功能代码，得到所述不同类型页面对应的各组页面组件。

所述存储单元37，可以用于将所述各组页面组件存储至所述不同类型页面对应的页面组件库中。

所述构建单元38，可以用于构建所述不同类型页面对应的页面代码模板，并建立不同页面代码模板与不同页面组件库之间的映射关系。

在具体应用场景中，为了获取所述待创建页面对应的多个页面组件，所述获取单元33，具体可以用于基于不同页面代码模板和不同页面组件库之间的映射关系，确定与所述页面代码模板对应的目标页面组件库；获取用户从所述目标页面组件库中针对所述待创建页面选择的多个页面组件。

在具体应用场景中，所述获取单元33，具体可以用于获取用户从所述页面组件库中针对所述待创建页面选择的表单组件、列表组件、日期选择组件、文本输入组件、翻页组件、数字输入组件。

在具体应用场景中，为了确定所述多个页面组件之间的位置关系，所述第二确定单元34，具体可以用户响应于针对所述多个页面组件的拖拽操作，确定所述多个页面组件之间的位置关系。

需要说明的是，本发明实施例提供的一种页面代码的生成装置所涉及各功能模块的其他相应描述，可以参考图1所示方法的对应描述，在此不再赘述。

基于上述如图1所示方法，相应的，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现以下步骤：接收待创建页面对应的代码生成指令，其中，所述代码生成指令中携带有所述待创建页面对应的标识信息；基于所述标识信息，确定所述待创建页面所属的页面类型，并确定与所述页面类型相对应的页面代码模板；基于所述页面代码模板，获取所述待创建页面对应的多个页面组件，其中，所述多个页面组件中的任意一个页面组件是对相同类型页面中的通用功能代码进行封装而成的；确定所述多个页面组件分别对应的属性配置参数，并确定所述多个页面组件之间的位置关系；基于所述多个页面组件及其对应的属性配置参数和所述位置关系，生成所述待创建页面对应的页面配置单，并在所述页面配置单中解析出所述待创建页面对应的目标代码。

基于上述如图1所示方法和如图3所示装置的实施例，本发明实施例还提供了一种计算机设备的实体结构图，如图5所示，该计算机设备包括：处理器41、存储器42、及存储在存储器42上并可在处理器上运行的计算机程序，其中存储器42和处理器41均设置在总线43上所述处理器41执行所述程序时实现以下步骤：接收待创建页面对应的代码生成指令，其中，所述代码生成指令中携带有所述待创建页面对应的标识信息；基于所述标识信息，确定所述待创建页面所属的页面类型，并确定与所述页面类型相对应的页面代码模板；基于所述页面代码模板，获取所述待创建页面对应的多个页面组件，其中，所述多个页面组件中的任意一个页面组件是对相同类型页面中的通用功能代码进行封装而成的；确定所述多个页面组件分别对应的属性配置参数，并确定所述多个页面组件之间的位置关系；基于所述多个页面组件及其对应的属性配置参数和所述位置关系，生成所述待创建页面对应的页面配置单，并在所述页面配置单中解析出所述待创建页面对应的目标代码。

通过本发明的技术方案，本发明通过接收待创建页面对应的代码生成指令，其中，所述代码生成指令中携带有所述待创建页面对应的标识信息；并基于所述标识信息，确定所述待创建页面所属的页面类型，并确定与所述页面类型相对应的页面代码模板；与此同时，基于所述页面代码模板，获取所述待创建页面对应的多个页面组件，其中，所述多个页面组件中的任意一个页面组件是对相同类型页面中的通用功能代码进行封装而成的；之后确定所述多个页面组件分别对应的属性配置参数，并确定所述多个页面组件之间的位置关系；最终基于所述多个页面组件及其对应的属性配置参数和所述位置关系，生成所述待创建页面对应的页面配置单，并在所述页面配置单中解析出所述待创建页面对应的目标代码，由此通过预先对相同类型页面对应的各个通用功能代码进行封装成为各个页面组件，并在页面代码模板中选择待创建页面需要的多个页面组件，同时确定多个页面组件之间的位置关系，以及多个页面组件分别对应的属性配置参数，最终基于多个页面代码模板及其对应的位置关系和属性配置参数，确定待创建页面对应的目标代码，提高了页面代码的生成效率，与此同时，能够避免由于开发人员技术水平参差不齐导致代码编写错误的情况，从而提高了页面代码的生成精度。

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

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

Claims (10)

1.一种页面代码的生成方法，其特征在于，包括：

接收待创建页面对应的代码生成指令，其中，所述代码生成指令中携带有所述待创建页面对应的标识信息；

基于所述标识信息，确定所述待创建页面所属的页面类型，并确定与所述页面类型相对应的页面代码模板；

基于所述页面代码模板，获取所述待创建页面对应的多个页面组件，其中，所述多个页面组件中的任意一个页面组件是对相同类型页面中的通用功能代码进行封装而成的；

确定所述多个页面组件分别对应的属性配置参数，并确定所述多个页面组件之间的位置关系；

基于所述多个页面组件及其对应的属性配置参数和所述位置关系，生成所述待创建页面对应的页面配置单，并在所述页面配置单中解析出所述待创建页面对应的目标代码。

2.根据权利要求1所述的方法，其特征在于，所述确定所述多个页面组件之间的位置关系，包括：

确定所述多个页面组件之间的序列位置关系，其中，所述序列位置关系为多个页面组件在X轴和Y轴方向的位置关系，所述X轴和所述Y轴为基于所述页面代码模板建立的空间直角坐标系中的横轴和纵轴，所述横轴与所述纵轴均与所述页面代码模板相平行；

确定所述多个页面组件之间的层级位置关系，其中，所述层级位置关系为多个页面组件在Z轴方向的位置关系，所述Z轴为所述空间直角坐标系中与所述页面代码模板相垂直的轴线。

3.根据权利要求2所述的方法，其特征在于，所述在所述页面配置单中解析出所述待创建页面对应的目标代码，包括：

在所述页面配置单的属性配置参数中解析出所述多个页面组件对应的键值对信息；

在所述页面配置单的所述序列位置关系中解析出所述多个页面组件对应的通用功能代码之间的先后关系，以及在所述页面配置单的所述层级位置关系中解析出所述多个页面组件对应的通用功能代码之间的从属关系；

基于所述多个页面组件对应的通用功能代码，所述通用功能代码之间的从属关系和先后关系，所述键值对信息，确定所述待创建页面对应的目标代码。

4.根据权利要求1所述的方法，其特征在于，在所述确定与所述页面类型相对应的页面代码模板之前，所述方法还包括：

封装不同类型页面对应的各组页面功能代码，得到所述不同类型页面对应的各组页面组件；

将所述各组页面组件存储至所述不同类型页面对应的页面组件库中；

构建所述不同类型页面对应的页面代码模板，并建立不同页面代码模板与不同页面组件库之间的映射关系。

5.根据权利要求1所述的方法，其特征在于，所述基于所述页面代码模板，获取所述待创建页面对应的多个页面组件，包括：

基于不同页面代码模板和不同页面组件库之间的映射关系，确定与所述页面代码模板相对应的目标页面组件库；

获取用户从所述目标页面组件库中针对所述待创建页面选择的多个页面组件。

6.根据权利要求5所述的方法，其特征在于，所述获取用户从所述目标页面组件库中针对所述待创建页面选择的多个页面组件，包括：

获取用户从所述页面组件库中针对所述待创建页面选择的表单组件、列表组件、日期选择组件、文本输入组件、翻页组件、数字输入组件。

7.根据权利要求1所述的方法，其特征在于，所述确定所述多个页面组件之间的位置关系，包括：

响应于针对所述多个页面组件的拖拽操作，确定所述多个页面组件之间的位置关系。

8.一种页面代码的生成装置，其特征在于，包括：

接收单元，用于接收待创建页面对应的代码生成指令，其中，所述代码生成指令中携带有所述待创建页面对应的标识信息；

第一确定单元，用于基于所述标识信息，确定所述待创建页面所属的页面类型，并确定与所述页面类型相对应的页面代码模板；

获取单元，用于基于所述页面代码模板，获取所述待创建页面对应的多个页面组件，其中，所述多个页面组件中的任意一个页面组件是对相同类型页面中的通用功能代码进行封装而成的；

第二确定单元，用于确定所述多个页面组件分别对应的属性配置参数，并确定所述多个页面组件之间的位置关系；

解析单元，用于基于所述多个页面组件及其对应的属性配置参数和所述位置关系，生成所述待创建页面对应的页面配置单，并在所述页面配置单中解析出所述待创建页面对应的目标代码。

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。

10.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。

Images