CN115729534A - 低代码页面的创建方法、展示方法、装置、设备及介质 - Google Patents

Abstract

本发明提供一种低代码页面的创建方法、展示方法、装置、设备及介质，所述创建方法包括：响应于第一操作指令，选择与第一操作指令对应的低代码页面中的目标页面；响应于第二操作指令，确定与目标页面相匹配的结构组件；响应于第三操作指令，选取与结构组件对应的至少一个智能表单配置页面进行保存，得到保存后的页面；响应于第四操作指令，在平台应用管理系统的菜单配置项中新增菜单，并将保存后的页面作为新增菜单的智能表单的输入项，建立保存后页面与菜单配置项中新增菜单的智能表单之间的关联关系；将关联关系转换成低代码页面的源码文件。采用本发明的技术方案，降低了复杂页面在低代码平台的配置成本和复杂度，提升了低代码平台的配置效率。

Description

低代码页面的创建方法、展示方法、装置、设备及介质

技术领域

本发明涉及计算机技术领域，尤其涉及一种低代码页面的创建方法、创建方法、装置、电子设备及计算机可读存储介质。

背景技术

随着计算机业务的发展，一些项目的核心页面变得越来越复杂，其功能也越来越丰富，需要的代码也会越来越多，面对一个庞大的复杂页面，大量的代码挤在一起，众多复杂的逻辑相互交织，开发和维护都变得愈发困难。

相关技术中，低代码平台对于大多数简单的业务场景能够应对自如，而对于复杂的业务场景，按照业务需求需要过一系列繁琐的配置才能得到，增减配置成本，降低了配置效率。

所以，对于不同业务的复杂页面，如何做到简单高效，是目前有待解决的技术问题。

发明内容

本发明提供一种低代码页面的创建方法、展示方法、装置、电子设备及计算机可读存储介质，以至少解决相关技术中通过一系列繁琐步骤来配置复杂页面，导致配置成本增加，配置效率降低的技术问题。本发明的技术方案如下：

根据本发明实施例的第一方面，提供一种低代码页面的创建方法，包括；

响应于第一操作指令，选择与所述第一操作指令对应的低代码页面中的目标页面；

响应于第二操作指令，确定与所述目标页面相匹配的结构组件；

响应于第三操作指令，选取与所述结构组件对应的至少一个智能表单配置页面进行保存，得到保存后的页面；

响应于第四操作指令，在平台应用管理系统的菜单配置项中新增菜单，并将保存后的所述页面作为所述新增菜单的智能表单的输入项，建立保存后所述页面与菜单配置项中新增菜单的智能表单之间的关联关系；

将所述关联关系转换成所述低代码页面的源码文件。

可选的，所述响应于第二操作指令，确定与所述目标页面相匹配的结构组件包括：

响应于第二操作指令，选取与所述第二操作指令对应的所述目标页面的业务类别；

查找数据库中与所述业务类别相匹配的结构组件，得到与所述目标页面相匹配的结构组件。

可选的，所述响应于第三操作指令，选取与所述结构组件对应的至少一个智能表单配置页面进行保存，得到保存后的页面，包括：

响应于查找操作指令，按照预先建立的关联关系从数据库中查找与所述结构组件相匹配的至少一个智能表单配置页面，所述智能表单配置页面包括：已配置的智能表单页面或自定义页面；

响应于保存操作指令，对选取的与所述结构组件对应的至少一个智能表单配置页面进行保存，得到保存后的页面。

可选的，在确定与所述目标页面相匹配的结构组件之前，所述方法还包括：

预先建立结构组件与至少一个智能表单配置页面的关联关系。

可选的，所述预先建立结构组件与至少一个智能表单配置页面的关联关系，包括：

获取各种业务的复杂页面；

将每种业务的复杂页面拆分为多个智能表单配置页面；

按照业务类别提取所述每种复杂页面中的结构组件；

建立所述每种复杂页面中的结构组件与至少一个智能表单配置页面的关联关系。

可选的，所述将所述关联关系转换成所述低代码页面的源码文件，包括：

通过平台应用管理系统中集成的前端脚手架将所述关联关系转换成所述低代码页面的智能表单的组件名称和智能表单的导入路径的源码文件。

根据本发明实施例的第二方面，提供一种低代码页面数据的展示方法，包括：

响应于平台应用管理系统中菜单配置项的操作指令，将所述操作指令对应的低代码页面中菜单配置项的智能表单进行展示；其中，所述平台应用管理系统安装有低代码页面的源码文件，所述源码文件包括：建立保存的与选取结构组件对应的至少一个智能表单配置页面的页面，与所述平台应用管理系统中菜单配置项中新增菜单的智能表单之间的关联关系，以及将所述关联关系转换成低代码页面中的智能表单的组件名称和智能表单的导入路径。

在检测到针对展示的所述智能表单的点击操作时，展示通过所述导入路径获取到的所述智能表单的组件名称；

获取所述智能表单的组件名称对应的数据；

在所述低代码页面中展示与所述智能表单的组件名称对应数据。

根据本发明实施例的第三方面，提供一种低代码页面的创建装置，包括：

选择模块，用于响应于第一操作指令，选择与所述第一操作指令对应的低代码页面中的目标页面；

确定模块，用于响应于第二操作指令，确定与所述目标页面相匹配的结构组件；

选取模块，用于响应于第三操作指令，选取与所述结构组件对应的至少一个智能表单配置页面进行保存，得到保存后的页面；

第一建立模块，用于响应于第四操作指令，在平台应用管理系统的菜单配置项中新增菜单，并将保存后的所述页面作为所述新增菜单对应的智能表单的输入项，建立保存后所述页面与所述菜单配置项中新增菜单的智能表单之间的关联关系；

转换模块，用于将所述关联关系转换成所述低代码页面的源码文件。

可选的，所述确定模块包括：

类别选取模块，用于响应于第二操作指令，选取与所述第二操作指令对应的所述目标页面的业务类别；

第一查找模块，用于查找数据库中与所述业务类别相匹配的结构组件，得到与所述目标页面相匹配的结构组件。

可选的，所述选取模块包括：

第二查找模块，用于响应于查找操作指令，按照预先建立的关联关系从数据库中查找与所述结构组件相匹配的至少一个智能表单配置页面，所述智配置页面包括：已配置的智能表单页面或自定义页面。

存储模块，用于响应于保存操作指令，对所述查找模块查找到与所述结构组件对应的至少一个智能表单配置页面进行保存，得到保存后的页面。

可选的，所述装置还包括：

第二建立模块，用于在所述确定模块确定与所述目标页面相匹配的结构组件之前，预先建立结构组件与至少一个智能表单配置页面的关联关系。

可选的，所述第二建立模块包括：

获取模块，用于获取各种业务的复杂页面；

拆分模块，用于将每种业务的复杂页面拆分为多个智能表单配置页面；

提取模块，用于按照业务类别提取所述每种复杂页面中的结构组件；

第一关联关系建立模块，用于建立所述每种复杂页面中的结构组件与至少一个智能表单配置页面的关联关系。

可选的，所述转换模块，具体用于通过平台应用管理系统中集成的前端脚手架将所述关联关系转换成所述低代码页面的智能表单的组件名称和智能表单的导入路径的源码文件。

根据本发明实施例的第四方面，提供一种低代码页面数据的展示装置，包括：

第一展示模块，用于响应于平台应用管理系统中菜单配置项的操作指令，将所述操作指令对应的低代码页面中菜单配置项的智能表单进行展示；其中，所述平台应用管理系统安装有低代码页面的源码文件，所述源码文件包括：建立保存的与选取结构组件对应的至少一个智能表单配置页面的页面，与所述平台应用管理系统中菜单配置项中新增菜单的智能表单之间的关联关系，以及将所述关联关系转换成低代码页面中的智能表单的组件名称和智能表单的导入路径；

第二展示模块，用于在检测到针对展示的所述智能表单的点击操作时，展示通过所述导入路径获取到的所述智能表单的组件名称；

获取模块，用于获取与所述智能表单的组件名称对应的数据；

第三展示模块，用于在所述低代码页面中展示与所述智能表单的组件名称对应的数据。

根据本发明实施例的第五方面，提供一种电子设备，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如上所述的低代码页面的创建方法或如上所述的低代码页面的展示方法。

根据本发明实施例的第六方面，提供一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如上所述的低代码页面的创建方法或如上所述的低代码页面的展示方法。

根据本发明实施例的第七方面，提供一种计算机程序产品，包括计算机程序/指令，所述计算机程序/指令被处理器执行时实现如上所述的低代码页面的创建方法或如上所述的低代码页面的展示方法。

本发明的实施例提供的技术方案至少带来以下有益效果：

本发明实施例中，响应于第一操作指令，选择与所述第一操作指令对应的低代码页面中的目标页面；响应于第二操作指令，确定与所述目标页面相匹配的结构组件；响应于第三操作指令，选取与所述结构组件对应的至少一个智能表单配置页面进行保存，得到保存后的页面；响应于第四操作指令，在平台应用管理系统的菜单配置项中新增菜单，并将保存后的所述页面作为所述新增菜单的智能表单的输入项，建立保存后所述页面与菜单配置项中新增菜单的智能表单之间的关联关系；将所述关联关系转换成所述低代码页面的源码文件。也就是说，采用本发明实施例，响应于对应的操作指令，通过确定与低代码页面中的目标页面相匹配的结构组件，以及选取与所述结构组件对应的至少一个智能表单配置页面；建立保存后得到的页面与菜单配置项中的智能表单之间的关联关系，不但降低了复杂页面在低代码平台的配置成本和复杂度，而且还提升了低代码平台的配置效率。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本发明。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理，并不构成对本发明的不当限定。为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的一种低代码页面的创建方法的流程图。

图2是本发明实施例提供一种导航列表分类的示意图。

图3是本发明实施例提供的一种智能表单配置页面的示意图。

图4是本发明实施例提供的一种保存选取的智能表单配置页面后得到的页面示意图。

图5是本发明实施例提供的一种新增菜单的智能表单与选取的智能表单配置页面的关联关系的示意图。

图6是本发明实施例提供的一种低代码页面数据的展示方法的流程图。

图7是本发明实施例提供的一种低代码页面的创建装置的框图。

图8是本发明实施例提供的一种低代码页面的展示装置的框图。

图9是本发明实施例提供的一种电子设备的框图。

图10是本发明实施例提供的一种用于低代码页面的创建或展示的装置的框图。

具体实施方式

为了使本领域普通人员更好地理解本发明的技术方案，下面将结合附图，对本发明实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。

图1是本发明实施例提供的一种低代码页面的创建方法的流程图，如图1所示，该低代码页面的创建方法包括以下步骤：

步骤101：响应于第一操作指令，选择与所述操作指令对应的低代码页面中的目标页面。

步骤102：响应于第二操作指令，确定与所述目标页面相匹配的结构组件。

步骤103：响应于第三操作指令，选取与所述结构组件对应的至少一个智能表单配置页面进行保存，得到保存后的页面。

步骤104：响应于第四操作指令，在平台应用管理系统的菜单配置项中新增菜单，并将保存后的所述页面作为所述新增菜单的智能表单的输入项，建立保存后所述页面与所述菜单配置项中新增菜单的智能表单之间的关联关系。

步骤105：将所述关联关系转换成所述低代码页面的源码文件。

本发明所述的低代码页面的方法可以应用于终端、服务器等，在此不作限制，其终端实施设备可以是智能手机，笔记本电脑、平板电脑、个人电脑等电子设备，在此不作限制。

下面结合图1，对本发明实施例提供的一种低代码页面的创建方法的具体实施步骤进行详细说明。

在步骤101中，响应于第一操作指令，选择与所述第一操作指令对应的低代码页面中的目标页面。

该步骤中，在接收用户对低代码页面中的目标页面发起的第一操作指令时，即响应于用户输入的第一操作指令，选择与所述第一操作指令对应的低代码页面中的目标页面，其中，该目标页面就是一个页面描述的json，包括目标页面的名称，可以是独立的待配置的页面，也可以是待配置的智能表单等。即按照用户输入的指令操作选取哪一类业务的目标页面(即智能表单)。其中，第一操作指令，可以是用户输入的命令，也可以是用户输入的操作代码指令等，本实施例不做限制。

在步骤102中，响应于第二操作指令，确定与所述目标页面相匹配的结构组件。

该步骤中，响应于用户输入的第二操作指令，选取与所述第二操作指令对应的所述目标页面的业务类别；然后，查找数据库中与所述业务类别相匹配的结构组件，得到与所述目标页面相匹配的结构组件。也就是说，该实施例中，响应于用户输入的第二操作指令，在低代码页面的设计页中先选择目标页面之后，先确定目标页面中的业务类别，然后根据该业务类别从数据库中选择与该业务类别相匹配的结构组件。其中，第二操作指令，可以是用户输入的命令，也可以是用户输入的操作代码指令等，本实施例不做限制。

该步骤中的结构组件，是预先将复杂页面结构按照分类来提取的结构组件，并将提取的结构组件存储到数据库中。本实施例中，对于复杂页面，可以按照业务分类以结构组件(Vue组件，或模块组件)的形式来提取，如图2所示，为本发明实施例提供的一种导航列表分类的示意图，包括但不局限于如图2中左侧智能表单管理下的导航列表中的分类，如图2所示，按照业务分类将复杂页面划分为多个结构组件，该分类后的结构组件可以包括：编辑表单，列表表单，仪表盘和其他等项。其中，编辑表单又可以包括：仅编辑、仅显示，树编辑、组合编辑(树导航)、组合编辑(链接导航)、组合编辑(标签页导航)和向导模式(该图2已选择向导模式为例)等项；列表表单可以包括：仅列表、树列表、流程列表、导入模板，导出模板，组合表格(上下组合)，组合表格(左右组合)等项；仪表盘可以包括：仪表盘布局，图表组件，数据组件，组合图表，组合查询等项，其他可以包括：报表组件、混合表单等项。但在实际应用过程中，并不限于此。

需要说明的是，每个结构组件的对应描述格式，都是统一模型，包括：编码，名称，业务模型，业务实现，业务类型以及服务名称输入框等，然后还可以包括取消键和保存键等。当然，还可以包括其他的参数，本实施例不做限制。比如，用户点击该页面中导航列表分类的树导航和列表组合，该页面对应坐标展示的都是如图2所述的描述格式的内容，即包括编码，名称，业务模型，业务实现，业务类型以及服务名称输入框、括取消键和保存键等。

该步骤中，按照用户的输入的第二操作指令，如图2所示，从该页面的左侧选取的该目标页面的业务类型(比如选择其他)，比如，选择其他项，从而确定与所述目标页面相匹配的结构组件。

在步骤103中，响应于第三操作指令，选取与所述结构组件对应的至少一个智能表单配置页面进行保存，得到保存后的页面。

该步骤中，响应于用户输入的操作指令，按照预先建立的关联关系从数据库中查找到与所述结构组件相匹配的至少一个智能表单配置页面，并在检测到用户点击保存按键时，保存与该结构组件相匹配的至少一个智能表单配置页面，得到保存后的页面。所述智能表单配置页面包括：智能表单页面或自定义页面。其中，该智能表单页面或自定义页面是预先按照结构组件进行配置好的。该实施例中，预先建立的关联关系，是预先建立结构组件与智能表单配置页面(包括智能表单页面或自定义页面)之间的关联关系，需要说明的是，对于数据库中存储的每个结构组件，预先配置对应的至少一个智能表单配置页面。其中，第三操作指令，可以是用户输入的命令，比如查找命令等，存储命令等，当然，也可以是用户输入的操作代码指令等，本实施例不做限制。该实施例中，先按照用户的输入的第二操作指令，从该页面的左侧的结构组件中，选取与该目标页面的业务类型相对应的结构组件(比如选择向导模式等)，而响应于操作指令，在检测到右侧展示的描述格式中的业务类型项输入目标页面的名称(比如输入演示系统的子系统的名称)后，选取与所述结构组件对应的至少一个智能表单配置页面，以及在检测到用户输入的保存操作指令时，进行页面保存，跳转到保存后的页面，其中，选取的智能表单配置页面如图3所示，而保存后得到页面的示意图如图4所示。图3是本发明实施例提供一种智能表单配置页面的示意图；图4是本发明实施例提供的一种保存选取的智能表单配置页面后得到的页面示意图。

如图3所示，本发明实施例，智能表单配置页面是预先在设计页配置的。首先，按照智能表单配置页面将每种业务的复杂页面拆分成多个基础单元，每个基础单元就是一个智能表单配置页面，并将不同业务的复杂页面拆分后得到的所有智能表单配置页面，都预先存在数据库中。

需要说明的是，本实施例中，对于智能表单配置页面，可以以独立页面单独展示，也可以与对应的结构组件进行配套展示，比如，用户通过终端在平台应用管理系统上展示低代码页面，并点击该低代码页面上的按键，在该低代码页面上就可以单独展示智能表单配置页面。

如图3所示，该智能表单配置页面的页面内容可以包括分组标题，每个分组标题又可以包括：点击设置通用属性框，隐藏字段，添加隐藏字段，以及添加分组等属性。其中，该隐藏字段又可以包括客户编号及对应的默认值的下拉菜单等；该添加隐藏字段操作键又可以包括：分组标题，证件类型和证件号码，以及添加行等属性。比如，在配置时，需要用户在点击设置分组属性框中输入分组标题，以及在证件类型和证件号码框中选取或输入对应的号码等操作。

如图4所示，保存后的页面中，本实施例在智能表单输入框中以显示客户权限流程列表为例，相应的，业务类型输入框中显示：演示系统，在表单类型输入框中显示：仅显示；同时，该页面中展示了：主模型-客户权限信息和对应的搜索框，以及关联模型-客户权限信息表及对应的搜索框。其中，该主模型-客户权限信息包括：属性，类型，长度，中文等参数信息；其对应的关联模型-客户权限信息也包括：属性，类型，长度，中文等参数信息，而通过比较该客户权限信息和客户权限信息表中的参数信息，查找出二者相匹配的参数信息进行显示，即在该图4中下面显示二者相配的信息，显示的相匹配的信息可以包括：二者的属性，类型，长度，还包括操作项，比如删除等，各项的具体内容如图4所示，在此不再赘述。之后，还可以根据用户点击该页面上的保存键进行保存操作。当然，也可以根据点击的关闭键进行关闭操作。

该实施例中，响应于第一操作指令，在低代码页面中选择目标页面之后，响应于第二操作指令，选择与该目标页面相匹配的结构组件，之后，响应于第三操作指令，从数据库中选取与该结构组件相配的至少一个智能表单配置页面进行关联保存。在复杂页面中，一个结构组件可以关联一个或多个智能表单配置页面，其中，该智能表单配置页面包括：基础表单页面或自定义页面。

在步骤104中，响应于第四操作指令，在平台应用管理系统的菜单配置项中新增菜单，并将保存后的所述页面作为所述新增菜单的智能表单的输入项，建立保存后所述页面与所述菜单配置项中新增菜单的智能表单之间的关联关系。

该步骤中，首先，响应于用户输入的第四操作指令，在平台应用管理系统的菜单配置项中新增菜单，并将保存后的页面作为新增菜单的智能表单的输入项，建立二者之间的关联关系。具体的，可以通过向导模式，将保存后的页面作为所述新增菜单对应的智能表单的输入项，建立所述智能表单与保存后所述页面之间的关联关系。具体如图5所示，图5是本发明实施例提供的一种新增菜单的智能表单与选取的智能表单配置页面的关联关系的示意图。其中，第四操作指令，可以是用户输入的命令，也可以是用户输入的操作代码指令等，本实施例不做限制。

如图5所示，该实施例中，就是在平台应用管理系统的菜单配置项中新增菜单(比如演示系统)，然后，建立新增菜单的智能表单对应的页面路由与选取的至少一个智能表单配置页面之间的关联关系。

如图5所示，菜单选项可以包括系统管理，流程中心，门户管理，权限管理，演示系统等。本实施例中，菜单的智能表单对应的页面路由以：门户管理-配置管理-菜单配置-演示系统为例，其对应显示的相关参数为：父编码，父名称，应用名称(本实施例以演示系统为例)，智能表单(本实施以选择向导模式测定为例)，菜单编码(以demo为例)，菜单名称(以向导模式测定菜单为例)，菜单级别(以管理为例)，菜单图标(以el-icon-video-camera为例)，加减序号(以80为例)，是否可见，是否有效，公共模块等属性信息，之后可以在检测到用户输入的点击保存时进行保存。当然，在该页面中，并不限于上述内容，还可以包括其他内容，图5中以AXXXX，BXXXX，CXXXX，DXXXX，EXXXX，以及……等表示，本实施例不做限制。

在步骤105中，将所述关联关系转换成所述低代码页面的源码文件。

该步骤中，可以通过平台应用管理系统中集成的前端脚手架将所述关联关系转换成智能表单组件名称和智能表单的导入路径的源码文件。

也就是说，该关联关系就是在生成源码时会被转换成vue-router的配置，path属性指向菜单路径，component属性指向源码工程中的智能表单的物理文件。

本实施例中的生成源码，系统中会预先将业务中常见复杂页面进行封装，封装包含两部分内容：一部分是页面固定部分，如页面的结构、样式、通用功能等；另外一部分是该页面应用到具体场景中特性的内容，如向导模式中的步骤名、icon、当前步骤的页面等。

其封装的形式可以将复杂页面的全部源码包裹在Vue源码下template里面pre标签中，特性内容以vue双向绑定的字符串占位。在生成源码时，将当前页面的具体配置以Vue的prop属性传入封装程序中，根据prop内容将占位字符串替换为当前页面的具体内容。如向导模式下的智能表单在内容区域会有一个组件使用字符串，在script标签中会有一个导入页面的字符串，在出码时这两个字符串分别会被替换为配置中智能表单的组件名称和智能表单的导入路径等。

本发明实施例中，响应于第一操作指令，选择与所述第一操作指令对应的低代码页面中的目标页面；响应于第二操作指令，确定与所述目标页面相匹配的结构组件；响应于第三操作指令，选取与所述结构组件对应的至少一个智能表单配置页面进行保存，得到保存后的页面；响应于第四操作指令，在平台应用管理系统的菜单配置项中新增菜单，并将所述保存后的页面作为所述新增菜单的智能表单的输入项，建立所述智能表单与至少一个智能表单配置页面之间的关联关系；将所述关联关系转换成所述低代码页面的源码文件。也就是说，采用本发明实施例，响应于对应的操作指令，通过确定与低代码页面中的目标页面相匹配的结构组件，以及选取与所述结构组件对应的至少一个智能表单配置页面进行保存；建立保存后得到的页面与菜单配置项中新增菜单的智能表单之间的关联关系，不但降低了复杂页面在低代码平台的配置成本和复杂度，而且，还提升了低代码平台的配置效率。

可选的，在另一实施例中，该实施例在上述实施例的基础上，在确定与所述目标页面相匹配的结构组件之前，所述方法还可以包括：建立结构组件与至少一个智能表单配置页面的关联关系。

具体的，先获取各种业务的复杂页面；将所述各种复杂页面中的每种复杂页面拆分为多个智能表单配置页面；之后，按照业务类别提取所述每种复杂页面中的结构组件；其中，结构组件以Vue组件为例来提取。当然，并不限于此。最后，建立所述每种复杂页面中的结构组件与至少一个智能表单配置页面的关联关系。

本发明实施例中，通过将不同业务的复杂页面拆分为多个智能表单配置页面，并按照业务类别提取所述每种复杂页面中的结构组件，减少系统复杂度。

还请参阅图6，为本发明实施例提供的一种低代码页面数据的展示方法的流程图，所述方法包括：

步骤601：响应于平台应用管理系统中菜单配置项的操作指令，将所述操作指令对应的低代码页面中菜单配置项的智能表单进行展示；其中，所述平台应用管理系统安装有低代码页面的源码文件，所述源码文件包括：建立保存的与选取结构组件对应的至少一个智能表单配置页面的页面，与所述平台应用管理系统中菜单配置项中新增菜单的智能表单之间的关联关系，以及将所述关联关系转换成低代码页面中的智能表单的组件名称和智能表单的导入路径。

该步骤对应的实现过程，详见上述对应实施例，在此不再赘述。

步骤602：在检测到针对展示的所述智能表单的点击操作时，展示通过所述导入路径获取到的所述智能表单的组件名称；

其中，该关联关系的建立过程详见上述实施例，在此不再赘述。

步骤603：获取所述智能表单的组件名称对应的数据；

该步骤中，按照智能表单的组件名称查找数据库，得到与所述智能表单的组件名称对应的数据。具体的查找过程已是熟知技术，在此不再赘述。

步骤604：在所述低代码页面中展示与所述智能表单的组件名称对应数据。

本发明实施例中，响应于平台应用管理系统中菜单配置项的操作指令，将所述操作指令对应的低代码页面中菜单配置项的智能表单进行展示，所述平台应用管理系统安装有低代码页面的源码文件；在检测到针对展示的所述智能表单的点击操作时，展示通过智能表的导入路径，获取到的所述智能表单的组件名称；获取所述智能表单的组件名称对应的数据；在所述低代码页面中展示与所述智能表单的组件名称对应数据。也即是说，本发明实施例中，在检测到针对展示的所述智能表单的点击操作时，可以通过智能表单的导入路径来获取到所述智能表单的组件名称；进而获取与该组件名称对应的数据，并在所述低代码页面中展示与所述智能表单的组件名称对应数据，降低了复杂页面在低代码平台的配置成本和复杂度，提升了低代码平台的配置效率。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本实施公开并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本发明所必须的。

图7是本发明实施例提供的一种低代码页面的创建装置框图。该装置包括：选择模块701，确定模块702，选取模块703，第一建立模块704和转换模块705。其中，

该选择模块701，用于响应于第一操作指令，选择与所述第一操作指令对应的低代码页面中的目标页面；

该确定模块702，用于响应于第二操作指令，确定与所述目标页面相匹配的结构组件；

该选取模块703，用于响应于第三操作指令，选取与所述结构组件对应的至少一个智能表单配置页面进行保存，得到保存后的页面；

该第一建立模块704，用于响应于第四操作指令，在平台应用管理系统的菜单配置项中新增菜单，并将保存后的所述页面作为所述新增菜单对应的智能表单的输入项，建立保存后所述页面与所述菜单配置项中新增菜单的智能表单之间的关联关系；

该转换模块705，用于将所述关联关系转换成所述低代码页面的源码文件。

可选的，在另一实施例中，该实施例在上述实施例的基础上，所述确定模块包括：类别选取模块和第一查找模块，其中，

该类别选取模块，用于响应于第二操作指令，选取与所述第二操作指令对应的所述目标页面的业务类别；

该第一查找模块，用于查找数据库中与所述业务类别相匹配的结构组件，得到与所述目标页面相匹配的结构组件。

可选的，在另一实施例中，该实施例在上述实施例的基础上，所述选取模块包括：第二查找模块和存储模块，其中，

该第二查找模块，用于响应于查找操作指令，按照预先建立的关联关系从数据库中查找与所述结构组件相匹配的至少一个智能表单配置页面，所述智配置页面包括：已配置的智能表单页面或自定义页面；

该存储模块，用于响应于保存操作指令，对所述查找模块查找到与所述结构组件对应的至少一个智能表单配置页面进行保存，得到保存后的页面。

可选的，在另一实施例中，该实施例在上述实施例的基础上，所述装置还包括：第二建立模块，用于在所述确定模块确定与所述目标页面相匹配的结构组件之前，预先建立结构组件与至少一个智能表单配置页面的关联关系。

可选的，在另一实施例中，该实施例在上述实施例的基础上，所述第二建立模块包括：获取模块，拆分模块，提取模块和第一关联关系建立模块，其中，

该获取模块，用于获取各种业务的复杂页面；

该拆分模块，用于将每种业务的复杂页面拆分为智能表单页面或者自定义页面；

该提取模块，用于按照业务类别提取所述每种复杂页面中的结构组件；

该第一关联关系建立模块，用于建立所述每种复杂页面中的结构组件与至少一个智能表单配置页面的关联关系。

可选的，在另一实施例中，该实施例在上述实施例的基础上，所述转换模块，具体用于通过平台应用管理系统中集成的前端脚手架将所述关联关系转换成所述低代码页面的智能表单的组件名称和智能表单的导入路径的源码文件。

可选的，还请参阅图8，为本发明实施例还提供一种低代码页面数据的展示装置的结构框图，所述装置包括：第一展示模块801，第二展示模块802，获取模块803和第三展示模块804，其中，

该第一展示模块801，用于响应于平台应用管理系统中菜单配置项的操作指令，将所述操作指令对应的低代码页面中菜单配置项的智能表单进行展示；其中，所述平台应用管理系统安装有低代码页面的源码文件，所述源码文件包括：建立保存的与选取结构组件对应的至少一个智能表单配置页面的页面，与所述平台应用管理系统中菜单配置项中新增菜单的智能表单之间的关联关系，以及将所述关联关系转换成低代码页面中的智能表单的组件名称和智能表单的导入路径；

该第二展示模块802，用于在检测到针对展示的所述智能表单的点击操作时，展示通过所述导入路径获取到的所述智能表单的组件名称；

该获取模块803，用于获取与所述智能表单的组件名称对应的数据；

该第三展示模块804，用于在所述低代码页面中展示与所述智能表单的组件名称对应的数据。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

可选的，本发明实施例还提供一种电子设备，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如上所述的低代码页面的创建方法或如上所述的低代码页面的展示方法。

可选的，本发明实施例还提供一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如上所述的低代码页面的创建方法或如上所述的低代码页面的展示方法。可选地，计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

可选的，本发明实施例还提供一种计算机程序产品，包括计算机程序/指令，所述计算机程序/指令被处理器执行时实现如上所述的低代码页面的创建方法或如上所述的低代码页面的展示方法。

图9是本发明实施例提供的一种电子设备900的框图。例如，电子设备900可以为移动终端也可以为服务器，本发明实施例中以电子设备为移动终端为例进行说明。例如,电子设备90可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图9，电子设备900可以包括以下一个或多个组件：处理组件902，存储器904，电力组件906，多媒体组件908，音频组件910，输入/输出(I/O)的接口912，传感器组件914，以及通信组件916。

处理组件902通常控制电子设备900的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件902可以包括一个或多个处理器920来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件902可以包括一个或多个模块，便于处理组件902和其他组件之间的交互。例如，处理组件902可以包括多媒体模块，以方便多媒体组件908和处理组件902之间的交互。

存储器904被配置为存储各种类型的数据以支持在设备900的操作。这些数据的示例包括用于在电子设备900上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器904可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件906为电子设备900的各种组件提供电力。电源组件906可以包括电源管理系统，一个或多个电源，及其他与为电子设备900生成、管理和分配电力相关联的组件。

多媒体组件908包括在所述电子设备900和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件908包括一个前置摄像头和/或后置摄像头。当设备900处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件910被配置为输出和/或输入音频信号。例如，音频组件910包括一个麦克风(MIC)，当电子设备900处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器904或经由通信组件916发送。在一些实施例中，音频组件910还包括一个扬声器，用于输出音频信号。

I/O接口912为处理组件902和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件914包括一个或多个传感器，用于为电子设备900提供各个方面的状态评估。例如，传感器组件914可以检测到设备900的打开/关闭状态，组件的相对定位，例如所述组件为电子设备900的显示器和小键盘，传感器组件914还可以检测电子设备900或电子设备900一个组件的位置改变，用户与电子设备900接触的存在或不存在，电子设备900方位或加速/减速和电子设备900的温度变化。传感器组件914可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件914还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件914还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件916被配置为便于电子设备900和其他设备之间有线或无线方式的通信。电子设备900可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或5G)，或它们的组合。在一个示例性实施例中，通信组件916经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件916还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在实施例中，电子设备900可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述所示的低代码页面的创建或低代码页面的展示方法。

在实施例中，还提供了一种计算机可读存储介质，例如包括指令的存储器904，上述指令可由电子设备900的处理器920执行以完成上述所示的低代码页面的创建或低代码页面的展示方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

在实施例中，还提供了一种计算机程序产品，当计算机程序产品中的指令由电子设备900的处理器920执行时，使得电子设备900执行上述所示的低代码页面的创建或低代码页面的展示方法。

图10是本发明实施例提供的一种用于低代码页面的创建或低代码页面的展示的装置1000的框图。例如，装置1000可以被提供为一服务器。参照图10，装置1000包括处理组件1022，其进一步包括一个或多个处理器，以及由存储器1032所代表的存储器资源，用于存储可由处理组件1022的执行的指令，例如应用程序。存储器1032中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件1022被配置为执行指令，以执行上述方法。

装置1000还可以包括一个电源组件1026被配置为执行装置1000的电源管理，一个有线或无线网络接口1050被配置为将装置1000连接到网络，和一个输入输出(I/O)接口1058。装置1000可以操作基于存储在存储器1032的操作系统，例如Windows ServerTM，MacOS XTM，UnixTM,LinuxTM，FreeBSDTM或类似。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本发明未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求指出。

应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。

Claims (11)

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

响应于第一操作指令，选择与所述第一操作指令对应的低代码页面中的目标页面；

响应于第二操作指令，确定与所述目标页面相匹配的结构组件；

响应于第三操作指令，选取与所述结构组件对应的至少一个智能表单配置页面进行保存，得到保存后的页面；

响应于第四操作指令，在平台应用管理系统的菜单配置项中新增菜单，并将保存后的所述页面作为所述新增菜单的智能表单的输入项，建立保存后所述页面与所述菜单配置项中新增菜单的智能表单之间的关联关系；

将所述关联关系转换成所述低代码页面的源码文件。

2.根据权利要求1所述的低代码页面的创建方法，其特征在于，所述响应于第二操作指令，确定与所述目标页面相匹配的结构组件包括：

响应于第二操作指令，选取与所述第二操作指令对应的所述目标页面的业务类别；

查找数据库中与所述业务类别相匹配的结构组件，得到与所述目标页面相匹配的结构组件。

3.根据权利要求1所述的低代码页面的创建方法，其特征在于，所述响应于第三操作指令，选取与所述结构组件对应的至少一个智能表单配置页面进行保存，得到保存后的页面，包括：

响应于查找操作指令，按照预先建立的关联关系从数据库中查找与所述结构组件相匹配的至少一个智能表单配置页面，所述智能表单配置页面包括：已配置的智能表单页面或自定义页面；

响应于保存操作指令，对选取的与所述结构组件对应的至少一个智能表单配置页面进行保存，得到保存后的页面。

4.根据权利要求1至3任一项所述的低代码页面的创建方法，其特征在于，在确定与所述目标页面相匹配的结构组件之前，所述方法还包括：

预先建立结构组件与至少一个智能表单配置页面的关联关系。

5.根据权利要求4所述的低代码页面的创建方法，其特征在于，所述预先建立结构组件与至少一个智能表单配置页面的关联关系，包括：

获取各种业务的复杂页面；

将每种业务的复杂页面拆分为多个智能表单配置页面；

按照业务类别提取所述每种复杂页面中的结构组件；

建立所述每种复杂页面中的结构组件与至少一个智能表单配置页面的关联关系。

6.根据权利要求1至3任一项所述的低代码页面的创建方法，其特征在于，所述将所述关联关系转换成所述低代码页面的源码文件，包括：

通过平台应用管理系统中集成的前端脚手架将所述关联关系转换成所述低代码页面的智能表单的组件名称和智能表单的导入路径的源码文件。

7.一种低代码页面数据的展示方法，其特征在于，包括：

响应于平台应用管理系统中菜单配置项的操作指令，将所述操作指令对应的低代码页面中菜单配置项的智能表单进行展示；其中，所述平台应用管理系统安装有低代码页面的源码文件，所述源码文件包括：建立保存的与选取结构组件对应的至少一个智能表单配置页面的页面，与所述平台应用管理系统中菜单配置项中新增菜单的智能表单之间的关联关系，以及将所述关联关系转换成低代码页面中的智能表单的组件名称和智能表单的导入路径；

在检测到针对展示的所述智能表单的点击操作时，展示通过所述导入路径获取到的所述智能表单的组件名称；

获取所述智能表单的组件名称对应的数据；

在所述低代码页面中展示与所述智能表单的组件名称对应数据。

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

选择模块，用于响应于第一操作指令，选择与所述第一操作指令对应的低代码页面中的目标页面；

确定模块，用于响应于第二操作指令，确定与所述目标页面相匹配的结构组件；

选取模块，用于响应于第三操作指令，选取与所述结构组件对应的至少一个智能表单配置页面进行保存，得到保存后的页面；

第一建立模块，用于响应于第四操作指令，在平台应用管理系统的菜单配置项中新增菜单，并将保存后的所述页面作为所述新增菜单对应的智能表单的输入项，建立保存后所述页面与所述菜单配置项中新增菜单的智能表单之间的关联关系；

转换模块，用于将所述关联关系转换成所述低代码页面的源码文件。

9.一种低代码页面数据的展示装置，其特征在于，包括：

第一展示模块，用于响应于平台应用管理系统中菜单配置项的操作指令，将所述操作指令对应的低代码页面中菜单配置项的智能表单进行展示；其中，所述平台应用管理系统安装有低代码页面的源码文件，所述源码文件包括：建立保存的与选取结构组件对应的至少一个智能表单配置页面的页面，与所述平台应用管理系统中菜单配置项中新增菜单的智能表单之间的关联关系，以及将所述关联关系转换成低代码页面中的智能表单的组件名称和智能表单的导入路径；

第二展示模块，用于在检测到针对展示的所述智能表单的点击操作时，展示通过所述导入路径获取到的所述智能表单的组件名称；

获取模块，用于获取与所述智能表单的组件名称对应的数据；

第三展示模块，用于在所述低代码页面中展示与所述智能表单的组件名称对应的数据。

10.一种电子设备，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至7中任一项所述的低代码页面的创建方法或如权利要求8所述的低代码页面的展示方法。

11.一种计算机可读存储介质，其特征在于，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至7中任一项所述的低代码页面的创建方法或如权利要求8所述的低代码页面的展示方法。

Images