CN114817793A - 页面生成方法、装置、设备及存储介质 - Google Patents

Abstract

本发明公开了一种页面生成方法、装置、设备及存储介质，该页面生成方法包括以下步骤：根据页面信息在预设页面数据库中查找目标页面模板，根据目标页面模板确定页面信息对应的页面标识，根据页面标识和目标页面模板生成初始用户页面，将获取到的自定义页面数据组输入至预设自定义处理模型获得自定义节点信息，将自定义节点信息写入至初始用户页面生成目标用户页面。本发明根据页面信息在预设页面数据库中查找与之对应的目标页面模板，并根据目标页面模板确定页面标识，根据页面标识和目标页面模板生成初始用户页面，再将自定义页面数据组写入到初始用户页面生成所需的目标用户页面，本发明上述方式简化了页面开发流程，降低了开发工作量。

Description

页面生成方法、装置、设备及存储介质

技术领域

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

背景技术

目前，根据用户的需求会有各种各样的前端页面需要开发，传统的方法是前端按照UI工程师提供的设计图利用代码手动开发出来，而在手动开发过程中，前端因页面过多容易出错，导致需要修改对应的代码，并且开发出的页面一旦和设计稿对不上，还需要UI工程师人工对比前端开发的设计图与其提供的设计稿是否存在不匹配的地方，开发流程繁琐、开发工作量过大。

上述内容仅用于辅助理解本发明的技术方案，并不代表承认上述内容是现有技术。

发明内容

本发明的主要目的在于提供了一种页面生成方法、装置、设备及存储介质，旨在解决现有的页面开发技术中，开发流程繁琐、开发工作量过大的技术问题。

为实现上述目的，本发明提供了一种页面生成方法方法，所述方法包括以下步骤：

根据页面信息在预设页面数据库中查找目标页面模板；

根据所述目标页面模板确定所述页面信息对应的页面标识；

根据所述页面标识和所述目标页面模板生成初始用户页面；

将获取到的自定义页面数据组输入至预设自定义处理模型，获得自定义节点信息；

将所述自定义节点信息写入至所述初始用户页面，生成目标用户页面。

可选地，所述根据页面信息在预设页面数据库中查找目标页面模板的步骤之前，还包括：

对接收到的页面设计信息进行解析，获得页面解析结果；

读取所述页面解析结果中的页面版本信息和页面布局信息；

对所述页面版本信息、所述页面布局信息和已开发页面的页面数据进行任意组合，获得多个页面模板；

根据所述多个页面模板构建预设页面数据库。

可选地，所述根据页面信息在预设页面数据库中查找目标页面模板的步骤，包括：

根据页面信息中的页面版本信息和页面布局信息在预设页面数据库中查找对应的内容组件；

根据所述内容组件确定目标页面模板。

可选地，所述根据所述多个页面模板构建页面数据库的步骤之后，还包括：

将所述页面设计信息中包含的内容组件更新至所述预设页面数据库中。

可选地，所述根据所述页面标识和所述目标页面模板生成初始用户页面的步骤，包括：

根据所述页面标识在所述预设页面数据库中查找与所述页面标识对应的预设标识组件；

根据所述目标页面模板对所述页面标识和所述预设标识组件进行组合，获得初始页面代码；

基于所述初始页面代码生成初始用户页面。

可选地，所述将所述自定义节点信息写入至所述初始用户页面，生成目标用户页面的步骤，包括：

将所述自定义节点信息写入至所述初始用户页面对应的所述初始页面代码中，获得目标页面代码；

根据所述目标页面代码生成目标用户页面。

可选地，所述将获取到的自定义页面数据组输入至预设自定义处理模型，获得自定义节点信息的步骤，包括：

根据获取到的自定义页面数据组查找自定义动态组件；

通过所述自定义动态组件动态接收自定义属性参数；

根据所述自定义属性参数动态渲染所述自定义页面数据组，获得多个表单项；

将所述多个表单项输入至预设自定义处理模型，获得自定义节点信息。

此外，为实现上述目的，本发明还提出一种一种页面生成装置，所述页面生成装置包括：

模板查找模块，用于根据页面信息在预设页面数据库中查找目标页面模板；

标识确定模块，用于根据所述目标页面模板确定所述页面信息对应的页面标识；

页面组合模块，用于根据所述页面标识和所述目标页面模板生成初始用户页面；

信息获取模块，用于将获取到的自定义页面数据组输入至预设自定义处理模型，获得自定义节点信息；

页面生成模块，用于将所述自定义节点信息写入至所述初始用户页面，生成目标用户页面。

此外，为实现上述目的，本发明还提出一种页面生成设备，所述设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的页面生成程序，所述页面生成程序配置为实现如上文所述的页面生成方法的步骤。

此外，为实现上述目的，本发明还提出一种存储介质，所述存储介质上存储有页面生成程序，所述页面生成程序被处理器执行时实现如上文所述的页面生成方法的步骤。

本发明根据页面信息去预设页面数据库中查找与之对应的目标页面模板，并根据目标页面模板确定页面标识，根据页面标识和目标页面模板生成初始用户页面，再将自定义页面数据组写入到初始用户页面生成所需的目标用户页面，相对于现有技术按照UI工程师提供的设计图利用代码手动开发出来，本发明上述方式简化了页面开发流程，减少了开发工作量。

附图说明

图1是本发明实施例方案涉及的硬件运行环境的页面生成设备的结构示意图；

图2为本发明页面生成方法第一实施例的流程示意图；

图3为本发明页面生成方法第二实施例的流程示意图；

图4为本发明页面生成方法第三实施例的流程示意图；

图5为本发明页面生成装置第一实施例的结构框图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。

参照图1，图1为本发明实施例方案涉及的硬件运行环境的页面生成设备结构示意图。

如图1所示，该页面生成设备可以包括：处理器1001，例如中央处理器（CentralProcessing Unit，CPU），通信总线1002、用户接口1003，网络接口1004，存储器1005。其中，通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏（Display）、输入单元比如键盘（Keyboard），可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口（如无线保真（Wireless-Fidelity，Wi-Fi）接口）。存储器1005可以是高速的随机存取存储器（RandomAccess Memory，RAM），也可以是稳定的非易失性存储器（Non-Volatile Memory，NVM），例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。

本领域技术人员可以理解，图1中示出的结构并不构成对页面生成设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

如图1所示，作为一种存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及页面生成程序。

在图1所示的页面生成设备中，网络接口1004主要用于与网络服务器进行数据通信；用户接口1003主要用于与用户进行数据交互；本发明页面生成设备中的处理器1001、存储器1005可以设置在页面生成设备中，所述页面生成设备通过处理器1001调用存储器1005中存储的页面生成程序，并执行本发明实施例提供的页面生成方法。

本发明实施例提供了一种页面生成方法，参照图2，图2为本发明页面生成方法第一实施例的流程示意图。

本实施例中，所述页面生成方法包括以下步骤：

步骤S10：根据页面信息在预设页面数据库中查找目标页面模板。

需要说明的是，本实施例的执行主体可以是具有数据处理、网络通信以及程序运行功能的计算服务设备，例如手机、平板电脑、个人电脑等，还可以是能够实现相同或相似功能的其他电子设备（如上述页面生成设备）。以下以上述页面生成设备为例对本实施例和下述各实施例进行说明。

可理解的是，页面信息可以是UI工程师根据用户需求提供的网页设计文件，在该网页设计文件中至少包含有页面布局信息以及对应的页面版本信息。其中，页面布局信息可以是网页元素的布局或布设位置信息，例如页面头部A，内容区域B，页面底部C等在网页页面中的布设位置信息。实际应用中，头部A可包含a1，a2，a3等子区域，内容区域B可包含b1，b2，b3等子区域，底部C也类似，可包含若干子区域。页面版本信息可以是表征页面布局信息的版本的信息，一个版本对应一套页面布局信息，如第1.0版本对应的页面布局信息中页面头部为A，第1.1版本对应的页面布局信息中页面头部为AA等。

需要说明的是，预设页面数据库可以是预先在页面生成设备内部构建好的数据库，该数据库中包含当前UI工程师设计页面信息时的通用组件，该通用组件是构建一般性页面时均具备的组件，如上述头部A，内容区域B，底部C以及相应包含的a1，a2，a3等一系列信息对应的组件，并且上述通用组件都可配置相应的标识，一般在UI工程师提供的网页设计文件中会标记上述标识，使得页面生成设备可以识别上述标识，并通过上述标识在预设页面数据库中查询相对应的组件。

可理解的是，本实施例中目标页面模板可以包含接收到的页面信息中通用组件的页面信息，也即目标页面模板的页面布局信息和页面版本信息与页面信息中的页面布局信息和页面版本信息是相对应的。

在具体实现中，页面生成设备可在接收到UI工程师提供的页面信息后，读取页面信息中的标识信息，然后根据标识信息在预设页面数据库中查找相对应的组件，再根据组件确定目标页面模板。

进一步地，为了避免工程师开发与页面模板内容重复的代码，提高工作效率，本实施例中，页面生成设备还可在接收到UI工程师提供的页面信息后，根据页面信息中的页面版本信息和页面布局信息在预设页面数据库中查找对应的内容组件，然后根据内容组件确定目标页面模板。

需要说明的是，上述内容组件可以是UI工程师设计页面时，页面内容所对应的组件。在实际应用中，可以根据用户需求对内容组件进行更新，并通过上述方式查找目标页面模板。

步骤S20：根据所述目标页面模板确定所述页面信息对应的页面标识。

需要说明的是，页面标识可以包含页面信息中的特征标识和通用标识。其中，通用标识可以是UI工程师设计页面信息时为通用组件配置的标识，特征标识可以是除上述通用标识所属组件之外的其它组件所对应的标识。

在具体实现中，页面生成设备可以读取页面信息中页面布局信息和页面版本信息对应的标识，根据标识去目标页面模板中查找相对应的组件，查找到相关联组件的标识即为通用标识，未查找到相关联组件的标识即为特征标识。

步骤S30：根据所述页面标识和所述目标页面模板生成初始用户页面。

需要说明的是，初始用户页面可以是尚未编辑内容的空白页面，也可以是只携带有页面版本信息和页面布局信息的初始页面，本实施例以后者为例。

应理解的是，页面标识可以用来表征页面中不同页面元素或者组件的标识信息，例如上述通用标识或特征标识。

在具体实现中，页面生成设备可根据页面标识对应的内容组件按目标页面模板生成初始页面代码，基于初始页面代码生成初始用户页面。

可理解的是，初始页面代码可为生成初始用户页面所对应的代码。

进一步地，为了简化了页面开发流程程序，提高开发速度，本实施例中，页面生成设备还可根据页面标识在预设页面数据库中查找与页面标识对应的预设标识组件，根据目标页面模板对页面标识和预设标识组件进行组合，获得初始页面代码，基于初始页面代码生成初始用户页面。

需要说明的是，预设标识组件可以是表征页面中不同页面元素或者组件的标识信息对应的组件，例如上述通用组件。

应理解的是，上述组合可以是按照目标页面目标对通用标识、特征标识、通用标识对应的通用组件和特征标识对应的特征组件进行随意组合生成初始页面代码。

步骤S40：将获取到的自定义页面数据组输入至预设自定义处理模型，获得自定义节点信息。

需要说明的是，自定义页面数据组可以是根据用户需求对初始用户页面进行内容补充的数据组。自定义页面数据组需要输入至页面生成设备中预先存储的数据模块中，自定义页面数据组的数据可以是属性参数数据（如配置数据或配置信息），并且可以实时更新。

可理解的是，预设自定义处理模型可以是用于接收或者存放上述自定义页面数据组的模型，例如上述预先存储的数据模块对应的模型。自定义节点信息可以是携带数据的通讯端点对应的信息，例如存储有自定义页面数据组的自定义处理模型对应的通信端点所对应的信息。

在具体实现中，页面生成设备可将获取到的自定义页面数据组动态渲染为多个表单项，并将该表单项输入至预设自定义处理模型，以获得自定义节点信息。

步骤S50：将所述自定义节点信息写入至所述初始用户页面，生成目标用户页面。

需要说明的是，目标用户页面可以是根据需求已经编辑好数据内容的用户页面。

在具体实现中，将自定义节点信息写入至初始用户页面对应的初始页面代码中，生成目标页面代码，根据目标页面代码生成目标用户页面。

可理解的是，目标页面代码可为生成目标用户页面对应的代码。

进一步地，为了实时更新自定义页面数据组至初始页面代码中，以快速生成目标页面代码，减少UI工程师的审核时间，本实施例中，页面生成设备将携带有自定义页面数据组的自定义节点信息写入初始用户页面对应的初始页面代码中，获得目标页面代码，根据目标页面代码生成目标用户页面。

本实施例根据页面信息去预设页面数据库中查找与之对应的目标页面模板，并根据目标页面模板确定页面标识，根据页面标识和目标页面模板生成初始用户页面，再将自定义页面数据组写入到初始用户页面生成所需的目标用户页面，相对于现有技术按照UI工程师提供的设计图利用代码手动开发出来，简化了页面开发流程，减少了开发工作量。

参考图3，图3为本发明页面生成方法第二实施例的流程示意图。

基于上述第一实施例，在本实施例中，为了统一生成页面的样式，避免工作人员在开发页面的过程中，对已经开发过的页面代码再重复一便，可以在执行步骤S10前，执行以下步骤：

步骤S01：对接收到的页面设计信息进行解析，获得页面解析结果。

需要说明的是，页面设计信息可以是工作人员预先输入至页面生成设备，并存储在页面生成设备中相应存储模块的数据信息，例如上文所述的包含当前UI工程师设计页面信息时的通用组件，并且可以是根据需求对页面数据信息据实时更新。

在具体实现中，页面生成设备可对接收到的页面设计信息进行解析，获得页面设计信息中的通用组件、内容组件、页面版本信息和页面布局信息等与页面信息相关联的内容，并生成该内容对应数据作为解析结果。

步骤S02：读取所述页面解析结果中的页面版本信息和页面布局信息。

需要说明的是，页面版本信息和页面布局信息在构建页面的过程中是最基础的两个部分，每个页面的均会有一套页面版本信息和对应的页面布局信息，因此，页面生成设备为了做到样式统的一需要读取解析结果中的页面版本信息和页面布局信息这两个部分。

步骤S03：对所述页面版本信息、所述页面布局信息和已开发页面的页面数据进行任意组合，获得多个页面模板。

需要说明的是，已开发页面的页面数据可以是工作人员已经开发过的页面对应的存储在系统上的代码数据。

在具体实现中，页面生成设备可将每组页面数据分别与页面版本信息和页面布局信息进行组合，每组不同的数据参与组合均可获得不同的页面模板，通过多组数据进行随意组合，获得多个页面模板。

步骤S04：根据所述多个页面模板构建预设页面数据库。

在具体实现中，页面生成设备可将多个页面模板传输到固定的存储位置，并把在该存储位置的多个页面模板作为预设页面数据库。

进一步地，为了使每个页面模板均有相对应的内容组件，本实施例中，页面生成设备可将页面设计信息中包含的内容组件更新至预设页面数据库中。

需要说明的是，上述内容组件与上文提及的内容组件一致，可以是UI工程师设计页面时，页面内容所对应的组件。

参考图4，图4为本发明页面生成方法第三实施例的流程示意图。

基于上述各实施例，在本实施例中，为了使自定义页面数据组方便快捷的更新至初始页面代码中以形成目标用户页面，所述步骤S40包括：

步骤S401：根据获取到的自定义页面数据组查找自定义动态组件。

需要说明的是，自定义动态组件可为具备动态接收参数，并根据参数动态渲染数据的能力的组件。并且，自定义动态组件可以是工作人员在页面生成设备外部预先开发好，再存入页面生成设备中组件，也可以是对页面生成设备中的固有组件进行更改后具备上述能力的组件。

在具体实现中，页面生成设备可在接收到自定义页面数据组后，触发自定义动态组件查找指令，根据该查找命令查找上述自定义动态组件。

应理解的是，上述查找指令可以是预先通过测试数据组和上述自定义动态组件进行按上述方式测试好的二进制指令，并把该查找指令写入页面生成设备对应的存储单元中。

步骤S402：通过所述自定义动态组件动态接收自定义属性参数。

需要说明的是，自定义属性参数可以是参与更新组件中数据的参数，例如配置信息以及与配置信息对应的配置数据。该自定义属性参数可以是工作人员预先设置在UI工程师提供的页面信息中的标识参数。

在具体实现中，通过自定义动态组件识别UI工程师提供的页面信息中的标识参数，并获取该标识参数作为自定义属性参数。

步骤S403：根据所述自定义属性参数动态渲染所述自定义页面数据组，获得多个表单项。

需要说明的是，表单项可以是包含自定义属性参数和自定义页面数据组的表单项目。

在具体实现中，页面生成设备可将自定义属性参数更新至自定义动态组件中，作为自定义动态组件的接收参数，再根据接收参数动态渲染自定义页面数据组，获得多个表单项。

步骤S404：将所述多个表单项输入至预设自定义处理模型，获得自定义节点信息。

需要说明的是，自定义节点信息可以是携带多个表单项的自定义处理模型的通信端点对应的信息。

此外，本发明实施例还提出一种存储介质，所述存储介质上存储有页面生成程序，所述页面生成程序被处理器执行时实现如上文所述的页面生成方法的步骤。

参照图5，图5为本发明页面生成装置第一实施例的结构框图。

如图5所示，本发明实施例提出的页面生成装置包括：

模板查找模块501：用于根据页面信息在预设页面数据库中查找目标页面模板。

标识确定模块502：用于根据所述目标页面模板确定所述页面信息对应的页面标识。

页面组合模块503：用于根据所述页面标识和所述目标页面模板生成初始用户页面。

信息获取模块504：用于将获取到的自定义页面数据组输入至预设自定义处理模型，获得自定义节点信息。

页面生成模块505：用于将所述自定义节点信息写入至所述初始用户页面，生成目标用户页面。

本实施例的页面生成装置根据页面信息去预设页面数据库中查找与之对应的目标页面模板，并根据目标页面模板确定页面标识，根据页面标识和目标页面模板生成初始用户页面，再将自定义页面数据组写入到初始用户页面生成所需的目标用户页面，相对于现有技术按照UI工程师提供的设计图利用代码手动开发出来，简化了页面开发流程，减少了开发工作量。

本发明页面生成装置的其他实施例或具体实现方式可参照上述各方法实施例，此处不再赘述。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质（如只读存储器/随机存取存储器、磁碟、光盘）中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本发明各个实施例所述的方法。

以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种页面生成方法，其特征在于，所述方法包括：

根据页面信息在预设页面数据库中查找目标页面模板；

根据所述目标页面模板确定所述页面信息对应的页面标识；

根据所述页面标识和所述目标页面模板生成初始用户页面；

将获取到的自定义页面数据组输入至预设自定义处理模型，获得自定义节点信息；

将所述自定义节点信息写入至所述初始用户页面，生成目标用户页面。

2.如权利要求1所述的页面生成方法，其特征在于，所述根据页面信息在预设页面数据库中查找目标页面模板的步骤之前，还包括：

对接收到的页面设计信息进行解析，获得页面解析结果；

读取所述页面解析结果中的页面版本信息和页面布局信息；

对所述页面版本信息、所述页面布局信息和已开发页面的页面数据进行任意组合，获得多个页面模板；

根据所述多个页面模板构建预设页面数据库。

3.如权利要求2所述的页面生成方法，其特征在于，所述根据页面信息在预设页面数据库中查找目标页面模板的步骤，包括：

根据页面信息中的页面版本信息和页面布局信息在预设页面数据库中查找对应的内容组件；

根据所述内容组件确定目标页面模板。

4.如权利要求2所述的页面生成方法，其特征在于，所述根据所述多个页面模板构建页面数据库的步骤之后，还包括：

将所述页面设计信息中包含的内容组件更新至所述预设页面数据库中。

5.如权利要求1所述的页面生成方法，其特征在于，所述根据所述页面标识和所述目标页面模板生成初始用户页面的步骤，包括：

根据所述页面标识在所述预设页面数据库中查找与所述页面标识对应的预设标识组件；

根据所述目标页面模板对所述页面标识和所述预设标识组件进行组合，获得初始页面代码；

基于所述初始页面代码生成初始用户页面。

6.如权利要求5所述的页面生成方法，其特征在于，所述将所述自定义节点信息写入至所述初始用户页面，生成目标用户页面的步骤，包括：

将所述自定义节点信息写入至所述初始用户页面对应的所述初始页面代码中，获得目标页面代码；

根据所述目标页面代码生成目标用户页面。

7.如权利要求1至6任一项所述的页面生成方法，其特征在于，所述将获取到的自定义页面数据组输入至预设自定义处理模型，获得自定义节点信息的步骤，包括：

根据获取到的自定义页面数据组查找自定义动态组件；

通过所述自定义动态组件动态接收自定义属性参数；

根据所述自定义属性参数动态渲染所述自定义页面数据组，获得多个表单项；

将所述多个表单项输入至预设自定义处理模型，获得自定义节点信息。

8.一种页面生成装置，其特征在于，所述页面生成装置包括：

模板查找模块，用于根据页面信息在预设页面数据库中查找目标页面模板；

标识确定模块，用于根据所述目标页面模板确定所述页面信息对应的页面标识；

页面组合模块，用于根据所述页面标识和所述目标页面模板生成初始用户页面；

信息获取模块，用于将获取到的自定义页面数据组输入至预设自定义处理模型，获得自定义节点信息；

页面生成模块，用于将所述自定义节点信息写入至所述初始用户页面，生成目标用户页面。

9.一种页面生成设备，其特征在于，所述设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的页面生成程序，所述页面生成程序配置为实现如权利要求1至7中任一项所述的页面生成方法的步骤。

10.一种存储介质，其特征在于，所述存储介质上存储有页面生成程序，所述页面生成程序被处理器执行时实现如权利要求1至7任一项所述的页面生成方法的步骤。

Images