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

Abstract

本申请提供一种页面生成方法、装置、设备及介质，涉及计算机技术领域。该方法包括：基于可视化前端编辑器，根据目标业务场景确定包括目标业务场景对应的初始通用业务处理代码的初始业务模板；根据目标业务场景，创建初始业务模板对应的初始业务表单；获取目标业务模型，并建立初始业务模板、目标业务模型以及初始业务表单之间的关联关系，得到目标业务页面，实现了可以基于多个预配置的业务模板确定目标业务场景的初始业务模板，并据此建立目标业务场景对应的初始通用业务处理代码、初始表单配置项以及数据模型之间的关联关系，进而基于该初始业务模板生成目标业务页面时，由于无需从零配置，可以有效提高目标业务页面的生成效率。

Description

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

技术领域

本申请涉及计算机技术领域，特别涉及一种页面生成方法、装置、设备及介质。

背景技术

低代码开发平台(LCDP)是无需编码(0代码)或通过少量代码就可以快速生成应用程序的开发平台。通过可视化进行应用程序开发的方法，使具有不同经验水平的开发人员可以通过图形化的用户界面，使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。

现有技术中，基于低代码开发平台进行前端页面的设计时，都需要从空白设计界面以拖拽的形式从零配置。

可以看出，现有基于低代码平台生成前端页面的方式存在生成效率低的问题。

发明内容

本申请的目的在于，针对上述现有技术中的不足，提供一种页面生成方法、装置、设备及介质，可以提高业务页面的生成效率。

为实现上述目的，本申请实施例采用的技术方案如下：

第一方面，本发明提供一种页面生成方法，应用于预设平台，所述预设平台包括：可视化前端编辑器，所述方法包括：

基于所述可视化前端编辑器，根据目标业务场景从多个预配置的业务模板中确定包括所述目标业务场景对应的初始通用业务处理代码的初始业务模板；

根据所述目标业务场景，创建所述初始业务模板对应的初始业务表单，所述初始业务表单，用于描述所述目标业务场景对应的初始表单配置项；

获取用于描述所述目标业务场景的数据模型的目标业务模型，并建立所述初始业务模板、目标业务模型以及初始业务表单之间的关联关系，得到目标业务页面。

在可选的实施方式中，所述建立所述初始业务模板、目标业务模型以及初始业务表单之间的关联关系，得到目标业务页面，包括：

响应于对所述初始业务表单中表单配置项的更新操作，获取目标业务表单，所述目标业务表单，用于描述所述目标业务场景对应的目标表单配置项；

基于所述初始业务模板、目标业务模型以及所述目标业务表单，建立所述目标业务场景对应的初始通用业务处理代码、所述目标表单配置项以及所述数据模型之间的关联关系，得到目标业务页面。

在可选的实施方式中，所述建立所述初始业务模板、目标业务模型以及初始业务表单之间的关联关系，得到目标业务页面包括：

响应于对所述初始业务模板中模板内容的调整操作，获取包括所述目标业务场景对应的目标通用业务处理代码的目标业务模板；

基于所述目标业务模板、目标业务模型以及初始业务表单，建立所述目标业务场景对应的目标通用业务处理代码、所述初始表单配置项以及所述数据模型之间的关联关系，得到所述目标业务页面。

在可选的实施方式中，所述初始业务表单被配置为包括至少一个业务字段，所述根据所述目标业务场景，创建所述初始业务模板对应的初始业务表单，包括：

获取所述目标业务场景对应的权限配置信息；

根据所述目标业务场景对应的权限配置信息，设置各所述业务字段的权限信息，得到所述初始业务模板对应的初始业务表单。

在可选的实施方式中，所述获取所述目标业务场景对应的权限配置信息，包括：

获取所述目标业务场景中的目标业务角色；

基于预设权限映射表，获取各所述目标业务角色对应的目标角色权限配置信息，所述预设权限映射表包括：至少一个预设业务角色对应的角色权限信息。

在可选的实施方式中，多个所述预配置的业务模板包括下述至少一种：树编辑业务模板、树导航业务模板、页面导航业务模板、标签页导航业务模板、向导导航业务模板。

在可选的实施方式中，所述方法还包括：

获取所述目标业务页面对应的业务页面配置信息；

响应于对所述业务页面配置信息的打包操作，对所述业务页面配置信息进行打包操作，并将打包后的目标配置信息压缩包存储至预设位置。

第二方面，本发明提供一种页面生成装置，应用于预设平台，所述预设平台包括：可视化前端编辑器，所述页面生成装置包括：

确定模块，用于基于所述可视化前端编辑器，根据目标业务场景从多个预配置的业务模板中确定包括所述目标业务场景对应的初始通用业务处理代码的初始业务模板；

创建模块，用于根据所述目标业务场景，创建所述初始业务模板对应的初始业务表单，所述初始业务表单，用于描述所述目标业务场景对应的初始表单配置项；

获取模块，用于获取用于描述所述目标业务场景的数据模型的目标业务模型，并建立所述初始业务模板、目标业务模型以及初始业务表单之间的关联关系，得到目标业务页面。

在可选的实施方式中，所述获取模块，具体用于响应于对所述初始业务表单中表单配置项的更新操作，获取目标业务表单，所述目标业务表单，用于描述所述目标业务场景对应的目标表单配置项；

基于所述初始业务模板、目标业务模型以及所述目标业务表单，建立所述目标业务场景对应的初始通用业务处理代码、所述目标表单配置项以及所述数据模型之间的关联关系，得到目标业务页面。

在可选的实施方式中，所述获取模块，具体用于响应于对所述初始业务模板中模板内容的调整操作，获取包括所述目标业务场景对应的目标通用业务处理代码的目标业务模板；

基于所述目标业务模板、目标业务模型以及初始业务表单，建立所述目标业务场景对应的目标通用业务处理代码、所述初始表单配置项以及所述数据模型之间的关联关系，得到所述目标业务页面。

在可选的实施方式中，所述初始业务表单被配置为包括至少一个业务字段，所述创建模块，具体用于获取所述目标业务场景对应的权限配置信息；

根据所述目标业务场景对应的权限配置信息，设置各所述业务字段的权限信息，得到所述初始业务模板对应的初始业务表单。

在可选的实施方式中，所述创建模块，具体用于获取所述目标业务场景中的目标业务角色；

基于预设权限映射表，获取各所述目标业务角色对应的目标角色权限配置信息，所述预设权限映射表包括：至少一个预设业务角色对应的角色权限信息。

在可选的实施方式中，多个所述预配置的业务模板包括下述至少一种：树编辑业务模板、树导航业务模板、页面导航业务模板、标签页导航业务模板、向导导航业务模板。

在可选的实施方式中，所述页面生成装置还包括：响应模块，用于获取所述目标业务页面对应的业务页面配置信息；

响应于对所述业务页面配置信息的打包操作，对所述业务页面配置信息进行打包操作，并将打包后的目标配置信息压缩包存储至预设位置。

第三方面，本发明提供一种电子设备，包括：处理器、存储介质和总线，所述存储介质存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述处理器与所述存储介质之间通过总线通信，所述处理器执行所述机器可读指令，以执行如前述实施方式任一所述页面生成方法的步骤。

第四方面，本发明提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行如前述实施方式任一所述页面生成方法的步骤。

本申请的有益效果是：

本申请实施例提供的页面生成方法、装置、设备及介质中，基于可视化前端编辑器，根据目标业务场景从多个预配置的业务模板中确定包括目标业务场景对应的初始通用业务处理代码的初始业务模板；根据目标业务场景，创建初始业务模板对应的初始业务表单；获取目标业务场景的目标业务模型，并建立初始业务模板、目标业务模型以及初始业务表单之间的关联关系，得到目标业务页面，应用本申请实施例，可以基于多个预配置的业务模板确定目标业务场景的初始业务模板，并据此建立目标业务场景对应的初始通用业务处理代码、初始表单配置项以及数据模型之间的关联关系，实现了基于该初始业务模板生成目标业务页面时，可以提高目标业务页面的生成效率，相较于现有技术来说，由于无需从零配置，因此，可以有效提高目标业务页面的生成效率。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本申请实施例提供的一种页面生成方法的流程示意图；

图2为本申请实施例提供的另一种页面生成方法的流程示意图；

图3为本申请实施例提供的又一种页面生成方法的流程示意图；

图4为本申请实施例提供的另一种页面生成方法的流程示意图；

图5为本申请实施例提供的又一种页面生成方法的流程示意图；

图6为本申请实施例提供的另一种页面生成方法的流程示意图；

图7为本申请实施例提供的一种页面生成装置的功能模块示意图；

图8为本申请实施例提供的一种电子设备结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。

因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

图1为本申请实施例提供的一种页面生成方法的流程示意图，该方法的执行主体可以是计算机、服务器等具备前端页面生成功能的电子设备，其中，该方法应用于服务器时，通过该服务器获取的目标业务页面可以通过前端显示装置进行显示。在一些实施例中，该方法可以具体应用于游戏页面、购物页面、外卖页面等场景中前端页面的生成中，在此不作限定。如图1所示，该方法可以包括：

S101、基于可视化前端编辑器，根据目标业务场景从多个预配置的业务模板中确定包括目标业务场景对应的初始通用业务处理代码的初始业务模板。

其中，可视化前端编辑器可以被配置为包括多种业务场景对应的业务模板，目标业务场景可以是该多种业务场景中的任一业务场景，每种业务场景可以对应一种业务模板，每种业务模板中可以包括该业务场景的初始通用业务处理代码，该初始通用业务处理代码可以指示该业务模块的初始业务处理逻辑。

可选地，通过对前端页面的导航方式进行分类，可以将前端页面对应的业务场景分为：标签页导航场景、向导导航场景、页面导航场景、树导航场景等，在此不作限定。其中，标签页导航场景也即包括多个标签页的导航场景，向导导航场景也即包括多个指示步骤的导航场景；页面导航场景也即包括多个页面内容快捷访问方式的导航场景；树导航场景也即包括树状视图的导航场景。

在一些实施例中，各业务模板中还可以包括：边框、图标、按钮、步骤条、文字链接等用于展示内容的组件，在此不作限定，具体设置方式根据业务场景的不同可以有所不同。举例说明，比如，向导导航场景对应的业务模板中可以包括步骤条组件，可以理解的是，那么此时该业务模板指示的初始通用业务处理代码中可包括该步骤条组件的业务处理逻辑。可以理解的是，需要说明的是，本申请在此并不限定各业务模板中各组件的布局方式，根据实际的应用场景可以灵活设置。

基于上述说明，基于低代码平台，则可以根据目标业务场景的类别从多个预配置的业务模板中确定对应的业务模板作为初始业务模板。

S102、根据目标业务场景，创建初始业务模板对应的初始业务表单。

其中，初始业务表单，用于描述目标业务场景对应的初始表单配置项，该初始表单配置项可以包括至少一个业务字段和组件，其中，初始表单配置项中所包括的组件可根据实际的业务场景进行自适应设置，也即可以进行个性化设置。在一些实施例中，可视化前端编辑器中可以包括页面设计器工具，具体在创建时，可以根据目标业务场景，在页面设计器中在线创建初始业务模板对应的初始业务表单。在一些实施例中，页面设计器可以包括：画布区和工具区，其中，该工具区可以包括组件库，该组件库可以包括输入框、选择器、单选框、开关、多选框等多种类型的组件，在此不作限定，其中，所创建的组件主要用以收集、校验、提交数据等；实际操作过程中，可以在组件库中选择目标组件拖拽至画布区，实现对初始业务表单的创建。当然，需要说明的是，初始业务模板中的组件也可通过该页面设计器实现，在此不作限定。

需要说明的是，对于不同的目标业务场景，可以创建不同形式的初始业务表单。

S103、获取用于描述目标业务场景的数据模型的目标业务模型，并建立初始业务模板、目标业务模型以及初始业务表单之间的关联关系，得到目标业务页面。

可选地，目标业务场景的目标业务模型可以通过前端页面对应的后端平台获取，也即该后端平台中可以预存有目标业务场景对应的目标业务模型。在一些实施例中，具体获取时，可以通过页面设计器，在页面设计器中选择选择该目标业务场景对应的目标业务模型，其中，目标业务模型中也即目标业务场景的数据模型，通过该数据模型可以定义目标业务场景中数据的存储结构。

基于上述说明，在依次获取到目标业务场景的初始业务模板、目标业务模型以及初始业务表单之后，可以通过低代码平台中的页面设计器建立三者之间的关联关系，也即通过该关联操作可以建立目标业务场景对应的初始通用业务处理代码、初始表单配置项以及数据模型之间的映射关系，换句话说，通过该关联操作，可以为该初始业务模板建立对应的页面逻辑，从而得到目标业务页面。可以理解的是，对于不同的目标业务场景来说，所得到的目标业务页面中内容也将有所不同。

举例说明，比如，目标业务场景为向导导航场景，基于上述说明，则可以通过可视化前端编辑器从多个预配置的业务模板中确定包括该向导导航场景对应的初始通用业务处理代码的初始业务模板、创建该初始业务模板对应的初始业务表单；此外，还可以通过页面设置器，获取用于描述该向导导航场景的数据模型的目标业务模型，并据此建立该初始业务模板、该初始业务表单以及该目标业务模型之间的关联关系，进而基于该关联关系可以对该向导导航场景所对应的目标业务页面进行页面内容的布局，且各页面内容可以被配置为对应相应的页面逻辑，相较于现有技术来说，无需从零配置，可以有效提高目标业务页面的生成效率。

综上，本申请实施例提供一种页面生成方法，该方法可以应用于预设平台，该预设平台包括：可视化前端编辑器，该方法包括：基于可视化前端编辑器，根据目标业务场景从多个预配置的业务模板中确定初始业务模板；根据目标业务场景，创建初始业务模板对应的初始业务表单，初始业务表单，用于描述目标业务场景对应的初始表单配置项；获取用于描述目标业务场景的数据模型的目标业务模型，并建立初始业务模板、目标业务模型以及初始业务表单之间的关联关系，得到目标业务页面，应用本申请实施例，可以基于多个预配置的业务模板确定目标业务场景的初始业务模板，并据此建立目标业务场景对应的初始通用业务处理代码、初始表单配置项以及数据模型之间的关联关系，实现了基于该初始业务模板生成目标业务页面时，可以提高目标业务页面的生成效率，相较于现有技术来说，由于无需从零配置，因此，可以有效提高目标业务页面的生成效率。此外，由于本申请实施例可以基于预设平台中的可视化前端编辑器实现，因此，可以极大减少了页面冗余代码，便于维护和升级。

图2为本申请实施例提供的另一种页面生成方法的流程示意图。可选地，如图2所示，上述建立初始业务模板、目标业务模型以及初始业务表单之间的关联关系，得到目标业务页面，包括：

S201、响应于对初始业务表单中表单配置项的更新操作，获取目标业务表单。

其中，目标业务表单，用于描述目标业务场景对应的目标表单配置项。在一些实施例中，根据目标业务的运行情况，可能存在需要对上述初始业务表单进行更新的情况，可选地，在该情况下，可以通过低代码平台中的页面设计器对该初始业务表单作进一步地更新，其中，该更新方式可以包括：增加新的表单配置项、删除已有的表单配置项、对已有的表单配置项进行部分修改等，根据实际的应用场景，可以采用不同的更新方式；通过该更新操作，可以获取得到目标业务表单。值得说明的是，具体更新方式可根据实际的应用场景确定。

S202、基于初始业务模板、目标业务模型以及目标业务表单，建立目标业务场景对应的初始通用业务处理代码、目标表单配置项以及数据模型之间的关联关系，得到目标业务页面。

需要说明的是，对初始业务表单中表单配置项的更新操作可以在任意阶段进行，在此不作限定。

可选地，若在建立上述关联关系之前对初始业务表单中的表单配置项进行了更新操作，那么可以基于目标业务表单，建立初始业务模板、目标业务模型以及目标业务表单之间的关联关系，也即基于目标业务场景对应的初始通用业务处理代码、目标表单配置项以及数据模型之间的关联关系，从而得到目标业务页面。

举例说明，比如，某应用场景下对应的初始业务表单中表单配置项包括：3个输入框、1个单选框以及2个多选框，在一些实施例中，比如，由于业务数据发生变化，需要对该初始业务表单中的表单配置项进行更新，具体更新方式为，需要将其中的一多选框替换为输入框，可选地，那么可以进一步通过页面设计器将该初始业务表单中的一多选框替换为输入框，通过该替换操作得到目标业务表单；基于该目标业务表单，则可以参见前述的相关内容，建立初始业务模板、目标业务模型以及目标业务表单之间的关联关系，并基于该关联关系生成目标业务页面。需要说明的是，该初始业务表单中表单配置项所包括的内容并不以上述举例为限，此外，对该初始业务表单的更新方式也不以上述举例为限。应用本申请实施例，实现了在初始业务表单发生更新时，可以及时将该更新内容同步至目标业务页面中，可以提高本申请方法的适用性。

图3为本申请实施例提供的又一种页面生成方法的流程示意图。可选地，如图3所示，上述建立初始业务模板、目标业务模型以及初始业务表单之间的关联关系，得到目标业务页面包括：

S301、响应于对初始业务模板中模板内容的调整操作，获取包括目标业务场景对应的目标通用业务处理代码的目标业务模板。

可选地，对初始业务模板中模板内容的调整操作包括但不限于对该初始业务模板中组件布局、组件尺寸、组件类型的调整，在此不作限定。根据不同的应用场景，可以选取不同的调整方式。其中，对组件布局的调整可以影响目标业务页面中组件的展示位置，对组件尺寸的调整可以影响目标业务页面中组件的展示大小，对组件类型的调整可以影响目标业务页面中组件的展示方式。

基于上述说明，响应于该调整操作，可以根据该调整操作，对初始业务模板中的模板内容进行调整，得到调整后的目标业务模板。值的说明的是，若对初始业务模板中模板内容进行了调整，则有必要对该通用业务处理代码进行同步调整。

S302、基于目标业务模板、目标业务模型以及初始业务表单，建立目标业务场景对应的目标通用业务处理代码、初始表单配置项以及数据模型之间的关联关系，得到目标业务页面。

可选地，若在建立上述关联关系之前对初始业务模板中模板内容进行了更新操作，那么可以基于目标业务模板，建立目标业务模板、目标业务模型以及初始业务表单之间的关联关系，也即基于目标业务场景对应的目标通用业务处理代码、初始表单配置项以及数据模型之间的关联关系，得到目标业务页面。

举例说明，比如，某初始业务模板中模板内容包括图标组件，在一些实施例中，由于具体应用场景发生变化，需要对该图标组件的尺寸调整操作以将该图标组件在目标业务页面的显示尺寸由A1调整为A2，其中，A2尺寸大于A1尺寸，那么在该场景下，为了满足用户的实际需求，可选地，可以通过可视化前端编辑器中的模板编辑工具对该初始业务模板中的图标组件进行调整，以将该图标组件的显示尺寸调整为A2，并获取调整后的目标业务模板；进而基于该目标业务模板，可以重新建立目标业务场景对应的目标通用业务处理代码、初始表单配置项以及数据模型之间的关联关系，并据此得到目标业务页面。需要说明的是，关于该关联关系的说明可参见前述的相关内容，在此不再赘述；此外，初始业务模板中所包括的模板内容并不以上述举例为限、对该模板内容的更新方式也不以上述举例为限，根据实际的应用场景可以有所不同。

应用本申请实施例，实现了在目标业务模板发生更新时，可以及时将该更新内容同步至目标业务页面中，可以提高本申请方法的适用性。需要说明的是，某些场景下，也可以对初始业务表单中的业务数据、初始业务模板中的模板内容进行同时更新，可以理解的是，在该场景下，则可以据此建立目标业务模板、目标业务模型以及目标业务表单之间的关联关系，得到目标业务页面。

图4为本申请实施例提供的另一种页面生成方法的流程示意图。上述初始业务表单被配置为包括至少一个业务字段，需要说明的是，在不同的实际应用场景下，初始业务表单中可以包括不同的业务字段，各业务字段可以表征具体的业务内容。比如，在商品订货场景中对应的初始业务表单中的业务字段可以包括：订货商品名称、各订货商品数量、预期送达时间、预期送达位置等，在此不作限定，根据不同的应用场景可以包括不同的业务字段。

可选地，如图4所示，上述根据目标业务场景，创建初始业务模板对应的初始业务表单，包括：

S401、获取目标业务场景对应的权限配置信息。

S402、根据目标业务场景对应的权限配置信息，设置各业务字段的权限信息，得到初始业务模板对应的初始业务表单。

在一些实施例中，目标业务场景对应的权限配置信息，可以根据预设权限映射规则确定，又或者，可以由用户自定义设置，在此不作限定。其中，所获取的目标业务场景对应的权限配置信息中，可以包括初始业务表单中各业务字段的权限信息，那么据此则可以设置各业务字段的权限信息，从而得到初始业务模板对应的初始业务表单。

基于上述举例进一步说明，商品订货场景中，对于商品厂家来说，其可以具备查看订货商品名称、各订货商品数量、预期送达时间以及预期送达位置共4个业务字段对应的业务数据的权限，而对于物料运输方来说，其可以具备查看预期送达时间和预期送达位置共2个业务字段对应的业务数据的权限，而不具备查看其它业务字段对应的业务数据的权限。

其中，各业务字段的权限信息可以表征该业务字段对应的业务数据是否允许被查看和/或被编辑，初始业务表单中各业务字段的权限信息可以相同或不同，在此不作限定。

图5为本申请实施例提供的又一种页面生成方法的流程示意图。可选地，如图5所示，获取目标业务场景对应的权限配置信息，包括：

S501、获取目标业务场景中的目标业务角色。

其中，目标业务场景中的目标业务角色可以包括一种或多种，在此不作限定。

以目标业务场景具体为销售业务场景为例进行说明，可选地，可以将销售场景中的销售人员划分为：初级销售经理、销售经理、高级销售经理、资深销售经理等多个目标业务角色。

S502、基于预设权限映射表，获取各目标业务角色对应的目标角色权限配置信息。

其中，预设权限映射表包括：至少一个预设业务角色对应的角色权限信息。可以理解的是，在获取到目标业务场景中的目标业务角色之后，可以通过预设权限映射表查询获取各目标业务角色对应的目标角色权限配置信息。

可选地，不同的业务场景可以对应不同的预设权限映射表，比如，销售业务场景可以对应第一权限映射表，管理类业务场景可以对应第二权限映射表。在一些实施例中，若目标业务场景具体为管理类业务场景，可以将管理场景中的管理人员划分为：员工、班长/主管、车间主任、经理/部长、总监、副总经理、总经理、副总裁、总裁、董事长等多个目标业务角色，其中，第二权限映射表中不同的业务角色可以被配置为对应不同的角色权限信息。

应用本申请实施例，可以为初始业务表单中的各业务字段设置权限信息，可以提高本申请方法的适用性，避免由于数据泄漏而引起的安全问题。

可选地，多个预配置的业务模板包括下述至少一种：树编辑业务模板、树导航业务模板、页面导航业务模板、标签页导航业务模板、向导导航业务模板。

其中，树导航业务模板适用于需要部署树状视图的树导航场景，比如，某购物网站中的商品分类列表；树编辑业务模板适用于需要部署树状视图，且用户可对该树状视图中的节点进行编辑操作的树编辑场景，其中，该编辑操作可以是对该节点的删除、重命名、又或者是建立子节点的操作，在此不作限定，根据实际的应用场景可以对应不同操作方式，比如，某业务系统的业务编辑界面。

页面导航业务模板适用于需要快捷访问页面中各页面内容的页面导航场景，其中，该页面内容可以包括但不限于：栏目菜单设置、辅助菜单、在线帮助，比如，某业务的官网页面；标签页导航业务模板适用于需要访问多个标签页的标签页场景，当然，本申请在此并不限定标签页导航业务模板中多个标签页的部署方式，可选地，该多个标签页可以是水平部署、垂直部署、又或者，部署在当前页面的顶部、底部等，再或者，该多个标签也可以以可滚动方式部署，在此不作限定。

向导导航业务模板适用于需要引导用户通过多步操作完成目标任务的向导导航场景，比如，该向导导航场景的具体业务场景可以是网上购物交易付款导航场景。

图6为本申请实施例提供的另一种页面生成方法的流程示意图。可选地，如图6所示，上述方法还包括：

S601、获取目标业务页面对应的业务页面配置信息。

S602、响应于对业务页面配置信息的打包操作，对业务页面配置信息进行打包操作，并将打包后的目标配置信息压缩包存储至预设位置。

基于上述说明，可选地，在得到目标业务页面之后，可以通过低代码平台导出该目标业务页面对应的业务页面配置信息，可选地，该目标业务页面对应的业务页面配置信息可以以代码文件进行存储，比如，可以以vue代码格式进行存储。当然，需要说明的是，本申请在此并不限定业务页面配置信息的表现形式，根据实际的应用场景可以有所不同。

在一些实施例中，在获取到目标业务页面对应的业务页面配置信息，为了便于对该业务页面配置信息进行再次利用，比如，进行二次开发，可选地，可以对该业务页面配置信息进行打包操作，得到打包后的目标配置信息压缩包并存储至预设位置。可选地，该预设位置可以是本地磁盘中的预设位置，又或者，可以是云端，再或者，可以是预设服务器，在此不作限定。

基于上述说明，后续若想获取该业务页面配置信息，则可以通过该预设位置下载得到。应用本申请实施例，可以便于后续对业务页面配置信息作进一步的扩展，可以提高本申请方法的适用性。

图7为本申请实施例提供的一种页面生成装置的功能模块示意图，该装置可以应用于预设平台，该预设平台可以包括：可视化前端编辑器，该装置基本原理及产生的技术效果与前述对应的方法实施例相同，为简要描述，本实施例中未提及部分，可参考方法实施例中的相应内容。如图7所示，该页面生成装置100包括：

确定模块110，用于基于可视化前端编辑器，根据目标业务场景从多个预配置的业务模板中确定包括所述目标业务场景对应的初始通用业务处理代码的初始业务模板；

创建模块120，用于根据所述目标业务场景，创建所述初始业务模板对应的初始业务表单，所述初始业务表单，用于描述所述目标业务场景对应的初始表单配置项；

获取模块130，用于获取用于描述所述目标业务场景的数据模型的目标业务模型，并建立所述初始业务模板、目标业务模型以及初始业务表单之间的关联关系，得到目标业务页面。

在可选的实施方式中，所述获取模块130，具体用于响应于对所述初始业务表单中表单配置项的更新操作，获取目标业务表单，所述目标业务表单，用于描述所述目标业务场景对应的目标表单配置项；

基于所述初始业务模板、目标业务模型以及所述目标业务表单，建立所述目标业务场景对应的初始通用业务处理代码、所述目标表单配置项以及所述数据模型之间的关联关系，得到目标业务页面。

在可选的实施方式中，所述获取模块130，具体用于响应于对所述初始业务模板中模板内容的调整操作，获取包括所述目标业务场景对应的目标通用业务处理代码的目标业务模板；

基于所述目标业务模板、目标业务模型以及初始业务表单，建立所述目标业务场景对应的目标通用业务处理代码、所述初始表单配置项以及所述数据模型，得到所述目标业务页面。

在可选的实施方式中，所述初始业务表单被配置为包括至少一个业务字段，所述创建模块120，具体用于获取所述目标业务场景对应的权限配置信息；

根据所述目标业务场景对应的权限配置信息，设置各所述业务字段的权限信息，得到所述初始业务模板对应的初始业务表单。

在可选的实施方式中，所述创建模块120，具体用于获取所述目标业务场景中的目标业务角色；

基于预设权限映射表，获取各所述目标业务角色对应的目标角色权限配置信息，所述预设权限映射表包括：至少一个预设业务角色对应的角色权限信息。

在可选的实施方式中，多个所述预配置的业务模板包括下述至少一种：树编辑业务模板、树导航业务模板、页面导航业务模板、标签页导航业务模板、向导导航业务模板。

在可选的实施方式中，所述页面生成装置还包括：响应模块，用于获取所述目标业务页面对应的业务页面配置信息；

响应于对所述业务页面配置信息的打包操作，对所述业务页面配置信息进行打包操作，并将打包后的目标配置信息压缩包存储至预设位置。

上述装置用于执行前述实施例提供的方法，其实现原理和技术效果类似，在此不再赘述。

以上这些模块可以是被配置成实施以上方法的一个或多个集成电路，例如：一个或多个特定集成电路(Application Specific Integrated Circuit，简称ASIC)，或，一个或多个微处理器，或，一个或者多个现场可编程门阵列(Field Programmable Gate Array，简称FPGA)等。再如，当以上某个模块通过处理元件调度程序代码的形式实现时，该处理元件可以是通用处理器，例如中央处理器(Central Processing Unit，简称CPU)或其它可以调用程序代码的处理器。再如，这些模块可以集成在一起，以片上系统(system-on-a-chip，简称SOC)的形式实现。

图8为本申请实施例提供的一种电子设备结构示意图，该电子设备可以集成于上述页面生成装置中。如图8所示，该电子设备可以包括：处理器210、存储介质220和总线230，存储介质220存储有处理器210可执行的机器可读指令，当电子设备运行时，处理器210与存储介质220之间通过总线230通信，处理器210执行机器可读指令，以执行上述方法实施例的步骤。具体实现方式和技术效果类似，这里不再赘述。

可选地，本申请还提供一种存储介质，存储介质上存储有计算机程序，计算机程序被处理器运行时执行上述方法实施例的步骤。具体实现方式和技术效果类似，这里不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。

上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(英文：processor)执行本申请各个实施例方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(英文：Read-Only Memory，简称：ROM)、随机存取存储器(英文：Random Access Memory，简称：RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。以上仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (10)

1.一种页面生成方法，其特征在于，应用于预设平台，所述预设平台包括：可视化前端编辑器，所述方法包括：

基于所述可视化前端编辑器，根据目标业务场景从多个预配置的业务模板中确定包括所述目标业务场景对应的初始通用业务处理代码的初始业务模板；

根据所述目标业务场景，创建所述初始业务模板对应的初始业务表单，所述初始业务表单，用于描述所述目标业务场景对应的初始表单配置项；

获取用于描述所述目标业务场景的数据模型的目标业务模型，并建立所述初始业务模板、目标业务模型以及初始业务表单之间的关联关系，得到目标业务页面。

2.根据权利要求1所述的方法，其特征在于，所述建立所述初始业务模板、目标业务模型以及初始业务表单之间的关联关系，得到目标业务页面，包括：

响应于对所述初始业务表单中表单配置项的更新操作，获取目标业务表单，所述目标业务表单，用于描述所述目标业务场景对应的目标表单配置项；

基于所述初始业务模板、目标业务模型以及所述目标业务表单，建立所述目标业务场景对应的初始通用业务处理代码、所述目标表单配置项以及所述数据模型之间的关联关系，得到目标业务页面。

3.根据权利要求1所述的方法，其特征在于，所述建立所述初始业务模板、目标业务模型以及初始业务表单之间的关联关系，得到目标业务页面包括：

响应于对所述初始业务模板中模板内容的调整操作，获取包括所述目标业务场景对应的目标通用业务处理代码的目标业务模板；

基于所述目标业务模板、目标业务模型以及初始业务表单，建立所述目标业务场景对应的目标通用业务处理代码、所述初始表单配置项以及所述数据模型之间的关联关系，得到所述目标业务页面。

4.根据权利要求1所述的方法，其特征在于，所述初始业务表单被配置为包括至少一个业务字段，所述根据所述目标业务场景，创建所述初始业务模板对应的初始业务表单，包括：

获取所述目标业务场景对应的权限配置信息；

根据所述目标业务场景对应的权限配置信息，设置各所述业务字段的权限信息，得到所述初始业务模板对应的初始业务表单。

5.根据权利要求4所述的方法，其特征在于，所述获取所述目标业务场景对应的权限配置信息，包括：

获取所述目标业务场景中的目标业务角色；

基于预设权限映射表，获取各所述目标业务角色对应的目标角色权限配置信息，所述预设权限映射表包括：至少一个预设业务角色对应的角色权限信息。

6.根据权利要求1所述的方法，其特征在于，多个所述预配置的业务模板包括下述至少一种：树编辑业务模板、树导航业务模板、页面导航业务模板、标签页导航业务模板、向导导航业务模板。

7.根据权利要求1-6任一项所述的方法，其特征在于，所述方法还包括：

获取所述目标业务页面对应的业务页面配置信息；

响应于对所述业务页面配置信息的打包操作，对所述业务页面配置信息进行打包操作，并将打包后的目标配置信息压缩包存储至预设位置。

8.一种页面生成装置，其特征在于，应用于预设平台，所述预设平台包括：可视化前端编辑器，所述页面生成装置包括：

确定模块，用于基于所述可视化前端编辑器，根据目标业务场景从多个预配置的业务模板中确定包括所述目标业务场景对应的初始通用业务处理代码的初始业务模板；

创建模块，用于根据所述目标业务场景，创建所述初始业务模板对应的初始业务表单，所述初始业务表单，用于描述所述目标业务场景对应的初始表单配置项；

获取模块，用于获取用于描述所述目标业务场景的数据模型的目标业务模型，并建立所述初始业务模板、目标业务模型以及初始业务表单之间的关联关系，得到目标业务页面。

9.一种电子设备，其特征在于，包括：处理器、存储介质和总线，所述存储介质存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述处理器与所述存储介质之间通过总线通信，所述处理器执行所述机器可读指令，以执行如权利要求1-7任一所述页面生成方法的步骤。

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

Images