CN117111934A - 低代码平台的页面生成方法、装置、设备及存储介质 - Google Patents
低代码平台的页面生成方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN117111934A CN117111934A CN202310815759.4A CN202310815759A CN117111934A CN 117111934 A CN117111934 A CN 117111934A CN 202310815759 A CN202310815759 A CN 202310815759A CN 117111934 A CN117111934 A CN 117111934A
- Authority
- CN
- China
- Prior art keywords
- low
- micro
- code
- code platform
- page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 65
- 238000003860 storage Methods 0.000 title claims description 16
- 239000000463 material Substances 0.000 claims abstract description 367
- 238000012795 verification Methods 0.000 claims description 37
- 238000004590 computer program Methods 0.000 claims description 16
- 238000002347 injection Methods 0.000 claims description 16
- 239000007924 injection Substances 0.000 claims description 16
- 230000001351 cycling effect Effects 0.000 claims description 8
- 238000011161 development Methods 0.000 abstract description 24
- 230000006870 function Effects 0.000 description 8
- 230000008569 process Effects 0.000 description 8
- 230000008901 benefit Effects 0.000 description 5
- 238000010586 diagram Methods 0.000 description 5
- 238000004806 packaging method and process Methods 0.000 description 3
- 230000000712 assembly Effects 0.000 description 2
- 238000000429 assembly Methods 0.000 description 2
- 238000010276 construction Methods 0.000 description 2
- 239000003814 drug Substances 0.000 description 2
- 230000008676 import Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 239000000243 solution Substances 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 238000003339 best practice Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 239000002131 composite material Substances 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000009826 distribution Methods 0.000 description 1
- 229940079593 drug Drugs 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000007689 inspection Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 239000002994 raw material Substances 0.000 description 1
- 238000004064 recycling Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000009466 transformation Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/36—Software reuse
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer And Data Communications (AREA)
Abstract
本发明涉及低代码开发及数字医疗技术领域,揭露一种低代码平台的页面生成方法,包括:在微前端框架中根据微部件特性对符合低代码接入条件的微部件进行配置,得到低代码平台,获取搭建页面的原始物料,利用预先定义的物料描述协议将原始物料导入至低代码平台中注册的物料库,通过循环物料库来调用每个物料上的预览方法,在低代码平台中的物料区内生成可用物料,根据可用物料生成低代码平台的页面,将低代码平台的页面作为微部件提供至微应用。本发明通过将微部件作为低代码平台的物料,能够在微前端中集成低代码平台的页面,提升应用程序中页面的开发效率。
Description
技术领域
本发明涉及低代码开发及数字医疗技术领域,尤其是涉及到低代码平台的页面生成方法、装置、设备及存储介质。
背景技术
伴随着企业数字化转型和云计算的发展,低代码平台越来越多的应用于互联网行业,例如,问诊/购药等相关医疗互联网平台。通过医疗互联网平台将患者的个性化需加入至低代码开发平台,使用低代码平台面向医务人员、具备较低的开发门槛和便捷的数据打通方式,无需编码或通过少量代码就可以快速生成应用程序的开发平台。
相关技术中,低代码平台可应用于多种应用开发场景中,例如,小程序开发场景、前端开发场景以及企业级应用开发场景等,通过低代码平台可实现页面生成。
微前端是目前比较流程的前端解耦模式,是一种前端架构模式,能够将一个大型的前端应用程序分解为多个小的独立部分,每个部分都有自己的技术栈、开发流程等,它们可以协同工作。而低代码生成页面的过程中是几乎不需要编码来构建应用程序和流程,两者没有关联。但由于低代码尚未遵循微前端的接入规则,也尚未出现接收微部件的能力,使得微前端中难以集成低代码平台的页面,影响应用程序中页面的开发效率。
发明内容
有鉴于此,本发明提供了一种低代码平台的页面生成方法、装置及设备,主要目的在于解决现有技术中微前端中难以集成低代码平台的页面,影响应用程序中页面的开发效率的问题。
依据本发明一个方面,提供了一种低代码平台的页面生成方法,包括:
在微前端框架中根据微部件特性对符合低代码接入条件的微部件进行配置,得到低代码平台;
获取搭建页面的原始物料,利用预先定义的物料描述协议将所述原始物料导入至低代码平台中注册的物料库;
通过循环所述物料库来调用每个物料上的预览方法,在低代码平台中的物料区内生成可用物料;
根据所述可用物料生成低代码平台的页面,将所述低代码平台的页面作为微部件提供至微应用。
进一步地,所述在微前端框架中根据微部件特性对符合低代码接入条件的微部件进行配置,得到低代码平台,包括:
在微前端框架中根据所述微部件特性将微部件划分为符合低代码接入条件的微部件和符合业务接入条件的微部件;
使用微前端向低代码提供脚手架工具,利用所述脚手架工具对所述符合低代码接入条件的微部件进行配置,得到低代码平台。
进一步地,所述使用微前端向低代码提供脚手架工具,利用所述脚手架工具对所述符合低代码接入条件的微部件进行配置,得到低代码平台,包括:
使用微前端向低代码提供脚手架工具,根据所述脚手架工具生成基本结构代码;
利用所述基本结构代码对所述符合代码接入条件的微部件进行微调,得到低代码平台。
进一步地,在所述获取搭建页面的原始物料,利用预先定义的物料描述协议将所述原始物料导入至低代码平台中注册的物料库之前,所述方法还包括:
预先定义低代码平台的物料描述协议,所述物料描述协议包括低代码平台中的物料格式信息以及页面展示信息;
相应的,所述获取搭建页面的原始物料,利用预先定义的物料描述协议将所述原始物料导入至低代码平台中注册的物料库,包括:
使用经过第一次规范校验的远程物料、低代码平台提供的远程物料以及低代码平台自带物料搭建页面的原始物料;
利用预先定义的物料描述协议对所述原始物料进行第二次规范校验,将第二次规范校验通过的原始物料进行默认项配置后到入至低代码平台中注册物料库。
进一步地,在所述使用经过第一次规范校验的远程物料、低代码平台提供的远程物料以及低代码平台自带物料搭建页面的原始物料之前,所述方法还包括:
利用预先定义的物料描述协议分别对符合业务接入条件的微部件以及外部注入部件进行第一次规范校验,获取经过第一次规范校验的远程物料。
进一步地,在所述利用预先定义的物料描述协议对所述原始物料进行第二次规范校验,将第二次规范校验通过的原始物料进行默认项配置后到入至低代码平台中注册物料库之后,所述方法还包括:
将低代码平台中注册的物料库放置至数组,在所述数组中定义第一数据类型和第二数据类型;
使用所述第一数据类型在低代码平台中关联查询所述物料库中的物料,使用所述第二数据类型在低代码平台中展示查询到的物料。
进一步地,在所述根据所述可用物料生成低代码平台的页面,将所述低代码平台的页面作为微部件提供至微应用之后,所述方法还包括:
在所述微应用中提取适用于低代码平台的远程物料,将所述适用于低代码平台的远程物料作为外部注入部件合并至原始物料中,利用预先定义的物料描述协议对合并后的原始物料进行第二次规范校验。
依据本发明另一个方面,提供了一种低代码平台的页面生成装置,包括:
配置单元,用于在微前端框架中根据微部件特性对符合低代码接入条件的微部件进行配置,得到低代码平台;
导入单元,用于获取搭建页面的原始物料,利用预先定义的物料描述协议将所述原始物料导入至低代码平台中注册的物料库;
调用单元,用于通过循环所述物料库来调用每个物料上的预览方法,在低代码平台中的物料区内生成可用物料;
生成单元,用于根据所述可用物料生成低代码平台的页面,将所述低代码平台的页面作为微部件提供至微应用。
进一步地,所述配置单元包括:
划分模块,用于在微前端框架中根据所述微部件特性将微部件划分为符合低代码接入条件的微部件和符合业务接入条件的微部件;
配置模块,用于使用微前端向低代码提供脚手架工具,利用所述脚手架工具对所述符合低代码接入条件的微部件进行配置,得到低代码平台。
进一步地,所述配置模块,具体用于使用微前端向低代码提供脚手架工具,根据所述脚手架工具生成基本结构代码;利用所述基本结构代码对所述符合代码接入条件的微部件进行微调,得到低代码平台;
进一步地,所述装置还包括:
定义单元,用于在所述获取搭建页面的原始物料,利用预先定义的物料描述协议将所述原始物料导入至低代码平台中注册的物料库之前,预先定义低代码平台的物料描述协议,所述物料描述协议包括低代码平台中的物料格式信息以及页面展示信息;
相应的,所述导入单元,具体用于使用经过第一次规范校验的远程物料、低代码平台提供的远程物料以及低代码平台自带物料搭建页面的原始物料;利用预先定义的物料描述协议对所述原始物料进行第二次规范校验,将第二次规范校验通过的原始物料进行默认项配置后到入至低代码平台中注册物料库。
进一步地,所述导入单元,具体还用于在所述使用经过第一次规范校验的远程物料、低代码平台提供的远程物料以及低代码平台自带物料搭建页面的原始物料之前,利用预先定义的物料描述协议分别对符合业务接入条件的微部件以及外部注入部件进行第一次规范校验,获取经过第一次规范校验的远程物料。
进一步地,所述导入单元,具体还用于在所述利用预先定义的物料描述协议对所述原始物料进行第二次规范校验,将第二次规范校验通过的原始物料进行默认项配置后到入至低代码平台中注册物料库之后,将低代码平台中注册的物料库放置至数组,在所述数组中定义第一数据类型和第二数据类型;使用所述第一数据类型在低代码平台中关联查询所述物料库中的物料,使用所述第二数据类型在低代码平台中展示查询到的物料。
进一步地,所述装置还包括:
合并单元,用于在所述根据所述可用物料生成低代码平台的页面,将所述低代码平台的页面作为微部件提供至微应用之后,在所述微应用中提取适用于低代码平台的远程物料,将所述适用于低代码平台的远程物料作为外部注入部件合并至原始物料中,利用预先定义的物料描述协议对合并后的原始物料进行第二次规范校验。
依据本发明又一个方面,提供了一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现低代码平台的页面生成方法的步骤。
依据本发明再一个方面,提供了一种计算机存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现低代码平台的页面生成方法的步骤。
借由上述技术方案,本发明提供一种低代码平台的页面生成方法、装置、设备及存储介质,通过在微前端框架中根据微部件特性对符合低代码接入条件的微部件进行配置,得到低代码平台,获取搭建页面的原始物料,利用预先定义的物料描述协议将原始物料导入至低代码平台中注册的物料库,通过循环物料库来调用每个物料上的预览方法,在低代码平台中的物料区内生成可用物料,根据可用物料生成低代码平台的页面,将低代码平台的页面作为微部件提供至微应用。与现有技术中低代码生成页面的方式相比,本申请通过将微前端中符合低代码接入条件的微部件作为低代码物料进行循环使用,从而在微前端中集成低代码平台的页面,以使得低代码与微部件共同服务于微应用,从而代码的减少重复开发,提升应用程序中页面的开发效率。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1是本发明一实施例中低代码平台的页面生成方法的一应用环境示意图;
图2是本发明一实施例中低代码平台的页面生成方法的一流程示意图;
图3是图2中步骤S10的一具体实施方式流程示意图;
图4是图2中步骤S20的一具体实施方式流程示意图;
图5是本发明另一实施例中问诊流程追踪示意图;
图6是本发明另一实施例中低代码平台的页面生成方法的一流程示意图;
图7是本发明一实施例中低代码平台的页面生成装置的一结构示意图;
图8是本发明一实施例中计算机设备的一结构示意图;
图9是本发明一实施例中计算机设备的另一结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
本发明实施例提供的低代码平台的页面生成方法,可应用在如图1的应用环境中,其中,客户端通过网络与服务端进行通信。客户端可以提供微前端框架,服务端可以在微前端框架中根据微部件特性对符合低代码接入条件的微部件进行配置,得到低代码平台,获取搭建页面的原始物料,利用预先定义的物料描述协议将原始物料导入至低代码平台中注册的物料库,通过循环物料库来调用每个物料上的预览方法,在低代码平台中的物料区内生成可用物料,根据可用物料生成低代码平台的页面,将低代码平台的页面作为微部件提供至微应用。在本发明中,通过将微前端中符合低代码接入条件的微部件作为低代码物料进行循环使用,从而在微前端中集成低代码平台的页面,以使得低代码与微部件共同服务于微应用,从而代码的减少重复开发,提升应用程序中页面的开发效率。其中,客户端可以但不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。服务端可以用独立的服务器或者是多个服务器组成的服务器集群来实现。下面通过具体的实施例对本发明进行详细的描述。
请参阅图2所示,图2为本发明实施例提供的低代码平台的页面生成方法的一个流程示意图,包括如下步骤:
S10、在微前端框架中根据微部件特性对符合低代码接入条件的微部件进行配置,得到低代码平台。
其中,微前端框架类似于微服务架构,能够将web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用,各个前端应用还可以独立运行、独立开放、独立部署。在微前端框架中可以接入各种子应用,从各种子应用中抽离出来的组件可作为微前端框架的微部件库,微部件库中的每个微部件相当于一个可独立的、可复用的、可嵌套的前端组件,它可以被单独部署、运行和维护,具体可以表现为一个简单的按钮、一个列表、一个表单等。
需要理解的是,由于符合低代码接入条件的微部件通常具有局限性,无法作为微前端的微部件来供其他微应用进行使用,这里可通过微前端框架中提供的脚手架工具对符合低代码接入条件的微部件进行开发和扩展,以使配置后的微部件可导出低代码平台进行使用。具体地,如图3所示,步骤S10中,也即在微前端框架中根据微部件特性对符合低代码接入条件的微部件进行配置,得到低代码平台,包括如下步骤:
S11、在微前端框架中根据所述微部件特性将微部件划分为符合低代码接入条件的微部件和符合业务接入条件的微部件。
S12、使用微前端向低代码提供脚手架工具,利用所述脚手架工具对所述符合低代码接入条件的微部件进行配置,得到低代码平台。
考虑到微部件与业务的关联特性,微前端框架的微部件库中有些微部件与业务关联较低,适合作为低代码物料,例如,按钮组件、table组件、tag标签等基础组件,即可作为微部件服务于微应用,也可作为低代码服务于微应用,而有些微部件与业务关联较大,例如,复合表单组件、打点组件等高级组件,不适合作为低代码物料,这里根据微部件特性将与业务关联较低的组件划分为符合低代码接入条件的微部件,将与业务关联较高的组件划分为符合业务接入条件的微部件。
可以理解的是,微部件是低代码平台的重要组成部分,通过脚手架工具对符合接入低代码条件的微部件进行配置,可实现低代码平台的个性化定制。具体可以使用微前端向低代码提供脚手架工具,根据脚手架工具生成基本结构代码,利用基本结构代码对符合代码接入条件的微部件进行微调,得到低代码平台。
在一种可实现场景中,上述利用基本结构代码对符合代码接入条件的微部件进行微调的方式包括但不局限于以下几种:可使用基本结构代码对微部件进行属性配置,例如,大小、颜色、样式、事件等,还可以使用基本结构代码在微部件的数据绑定面板中设置数据源和数据绑定方式,确保微部件能够正确地显示和更新数据,还可以使用基本结构代码在完成微部件的配置和编写后,将其导出为代码模块名,以便在其他应用程序中重复使用。
在本实施例中低代码平台作为微部件可应用至医疗互联网平台中的任一服务项目,例如,购药服务、问诊服务、信息共享服务、检查报告查询等服务。通过低代码平台与医疗互联网平台的结合,实现了医疗资源的共享和医疗范围的扩大,通过低代码技术的运用与结合,医疗互联网平台提高了医疗机构的效率,方便居民就医。像现在医院的预约挂号、电子病历、医保等都是低代码与医疗领域结合的产物。
S20、获取搭建页面的原始物料,利用预先定义的物料描述协议将所述原始物料导入至低代码平台中注册的物料库。
其中,物料是页面搭建的原料,按照粒度可分为组件、区块和模板,组件是页面搭建最小的可复用单元,其只对外暴露配置项,用户无需感知其内部实现;区块是一小段符合低代码协议的schema,其内部会包含一个或多个组件,用户向设计器中拖入一个区块后可以随意修改其内容;模板和区块类似,也是一段符合低代码协议的schema,不过其根节点的componentName需固定为Page,它常常用于初始化一个页面。
可以理解的是,低代码平台中的物料需要进行一定的配置和处理,才能让用户在低代码平台使用起来。这个过程中,需要一份一份配置文件,也就是资产包。在资产包文件中,针对每个物料预先定义低代码平台的物料描述协议,通过物料描述协议可将原始物料到入至低代码平台中注册的物料库。这里物料描述协议包括低代码平台中的物料格式信息以及页面展示信息,其中,低代码平台中的物料格式信息可以包括物料名称、物料类型、物料唯一标识、物料可编辑样式以及物料可编辑属性等,低代码平台中的页面展示信息可以包括低代码编辑页面模式下的调用展示、低代码正式运行页面下的调用展示以及物料区展示等。
可以理解的是,为了保证低代码平台能够配置出更多的页面效果,需要保证低代码平台中物料库的充足,相应地,如图4所示,步骤S20中,也即获取搭建页面的原始物料,利用预先定义的物料描述协议将所述原始物料导入至低代码平台中注册的物料库,包括如下步骤:
S21、使用经过第一次规范校验的远程物料、低代码平台提供的远程物料以及低代码平台自带物料搭建页面的原始物料。
S22、利用预先定义的物料描述协议对所述原始物料进行第二次规范校验,将第二次规范校验通过的原始物料进行默认项配置后到入至低代码平台中注册物料库。
在低代码平台的开发场景中,低代码平台会提供丰富的基础控件,例如,图表和按钮控件等配置组件,这些可配置组件即为低代码平台自带物料;另一方面,低代码平台应用和组件是分离的,需要用户在选择某个组件的时候加载远程组件代码,这里的远程组件代码即为低代码平台提供的远程物料。而在实际项目应用中,低代码平台提供的远程物料和低代码平台自带物料还不够充足,还可以加入外部注入部件和符合业务接入条件的微部件,利用预先定义的物料描述协议分别对符合业务接入条件的微部件以及外部注入部件进行第一次规范校验,获取经过第一次规范校验的远程物料,进而使用经过第一次规范校验的远程物料、低代码平台提供的远程物料以及低代码平台自带物料搭建页面的原始物料。
应说明的是,对于物料描述协议中未传入的参数,可使用默认值对原始物料进行默认配置,这里配置项可以包括物料唯一标识、物料可编辑样式以及我物料可编辑属性等。
进一步地,为了保证物料库中物料符合实际生产条件,这里可以在利用预先定义的物料描述协议对原始物料进行第二次规范校验,将第二次规范校验通过的原始物料进行默认项配置后到入至低代码平台中注册物料库之后,将低代码平台中注册的物料库放置至数组,在数组中定义第一数据类型和第二数据类型,使用第一数据类型在低代码平台中关联查询物料库中的物料,使用第二数据类型在低代码平台中展示查询到的物料。这里第一数据类型可以为键值的数据类型,通过键值数据类型可快速定位到物料库中的物料的key,第二数据类型可以是map,通过map数据类型可对查询到的物料进行展示。
S30、通过循环所述物料库来调用每个物料上的预览方法,在低代码平台中的物料区内生成可用物料。
具体在低代码平台物料区内生成可用物料的过程中,可以通过循环所述物料库来调用每个物料上的预览方法,在低代码平台上创建一个新的物料,并设置物料的基本属性,例如,名称、描述、版本号等,然后根据物料所需的功能和特性,使用低代码平台提供的组件、模板和工具等生成代码,或者直接上传已有的代码库,然后在物料的配置页面中,设置组件和代码的相关属性,例如,数据源、事件、样式等,进一步对物料的功能和性能进行测试,确保物料能够正常运行并满足用户需求,将测试通过的物料作为可用物料加入至物料库的物料区内,以供其他用户使用。
应说明的是,在生成可用物料过程中,物料应具有较高的可重复性和可扩展性,能够适应不同的业务场景和需求,物料应遵循低代码平台的设计规范和最佳实践,以保证具有良好的用户体验和性能表现,物料应经过充分的测试和验证,确保其质量和可靠性,物料还应具有良好的文档和示例,方便用户了解和使用。
S40、根据所述可用物料生成低代码平台的页面,将所述低代码平台的页面作为微部件提供至微应用。
具体地,可以根据业务需求,在可用物料中选择需要使用的物料类型,例如,输入框、下拉框、日期选择器等,然后根据具体情况,对所选物料进行属性配置,包括物料名称、默认值、占位符、可编辑性等,然后将所选物料按照业务需求在编辑区内进行组合排版,通过低代码渲染引擎中预先定义的低代码页面描述协议对页面进行渲染,生成低代码平台中的页面,进一步根据业务需求,通过动态数据引擎对低代码平台中的页面进行逻辑配置,包括数据绑定、事件触发等。为了确保页面功能和逻辑的正确性,还可以通过依赖关系操作交互引擎对页面进行预览和调试,以实现页面中组件之间的联动展示。
可以理解的是,为了使得低代码页面可服务于微前端,还可以将低代码平台的页面发布到微应用中,进一步在微应用中提取适用于低代码平台的远程物料,将适用于低代码平台的远程物料作为外部注入部件合并至原始物料中,利用预先定义的物料描述协议对合并后的原始物料进行第二次规范校验,进而实现微前端中微部件服务于低代码物料库,无需重复开发微应用中的相关功能,减少重复开发。
在实际应用场景中,外部注入部件通常具有不同的组件格式,并不符合低代码平台中物料库的格式要求,需要对外部注入之间进行包装,具体对外部注入部件进行第一次规范校验或者第二次规范校验的过程,如图5所示,图5中外部组件即为外部注入组件,主要包括组件库/微部件,进一步将外部注入组件作为实现基础组件,一个流向是导出非物料库使用,另一个流向是使用物料描述协议对实现基础组件进行包装为符合物料库规范的物料后导出。
在本实施例中,低代码平台的页面生成过程相当于微前端与低代码之间的交互过程,在交互过程中,微前端向低代码提供基础设施如脚手架等,生成低代码平台,微前端向低代码平台提供微部件作为低代码的物料库,相应的,低代码反向作为微部件服务于微前端中的微应用,低代码会继承微前端的平台治理,当其他微前端框架或页面接入低代码时通过配置打包工具的联邦模块即可在低代码平台中集成微前端。具体低代码平台的页面生成过程可以如图6所示,利用微前端基础设置的脚手架生成项目,然后对脚手架进行配置,以获取远程微部件以及导出相应微部件的低代码平台,获取低代码平台输出远程物料和低代码平台自带物料,并使用物料库协对微部件以及外部js库进行规范校验后与低代码平台输出的远程物料相结合作为低代码平台的微部件,然后将低代码平台的微部件与低代码平台自带物料汇总后作为搭建页面的原始物料,使用物料库协议对原始物料进行校验,并对符合物料库规范的物料配置默认项后输入至在低代码平台中注册物料库,根据物料库在物料区生成可用物料后,生成低代码平台的页面,将低代码平台的页面作用于微应用后,通过微应用反向循环向低代码平台提供远程物料,重复执行对上述远程物料进行规范校验的过程,也就是说,低代码可作为微部件服务于微应用,同时微应用也可根据业务需求向低代码平台提供远程物料,以使得低代码可方便的嵌入至微应用上,实现物料的循环利用,减少重复开发。
本实施例提供了一种低代码平台的页面生成方法,通过在微前端框架中根据微部件特性对符合低代码接入条件的微部件进行配置,得到低代码平台,获取搭建页面的原始物料,利用预先定义的物料描述协议将原始物料导入至低代码平台中注册的物料库,通过循环物料库来调用每个物料上的预览方法,在低代码平台中的物料区内生成可用物料,根据可用物料生成低代码平台的页面,将低代码平台的页面作为微部件提供至微应用。与现有技术中低代码生成页面的方式相比,本申请通过将微前端中符合低代码接入条件的微部件作为低代码物料进行循环使用,从而在微前端中集成低代码平台的页面,以使得低代码与微部件共同服务于微应用,从而代码的减少重复开发,提升应用程序中页面的开发效率。
在一实施例中,提供一种低代码平台的页面生成装置,该低代码平台的页面生成装置与上述实施例中低代码平台的页面生成方法一一对应。如图7所示,该低代码平台的页面生成装置包括:配置单元101、导入单元102、调用单元103、生成单元104。各功能模块详细说明如下:
配置单元101,用于在微前端框架中根据微部件特性对符合低代码接入条件的微部件进行配置,得到低代码平台;
导入单元102,用于获取搭建页面的原始物料,利用预先定义的物料描述协议将所述原始物料导入至低代码平台中注册的物料库;
调用单元103,用于通过循环所述物料库来调用每个物料上的预览方法,在低代码平台中的物料区内生成可用物料;
生成单元104,用于根据所述可用物料生成低代码平台的页面,将所述低代码平台的页面作为微部件提供至微应用。
在一实施例中,所述配置单元包括:
划分模块,用于在微前端框架中根据所述微部件特性将微部件划分为符合低代码接入条件的微部件和符合业务接入条件的微部件;
配置模块,用于使用微前端向低代码提供脚手架工具,利用所述脚手架工具对所述符合低代码接入条件的微部件进行配置,得到低代码平台。
在一实施例中,所述配置模块,具体用于使用微前端向低代码提供脚手架工具,根据所述脚手架工具生成基本结构代码;利用所述基本结构代码对所述符合代码接入条件的微部件进行微调,得到低代码平台;
在一实施例中,所述装置还包括:
定义单元,用于在所述获取搭建页面的原始物料,利用预先定义的物料描述协议将所述原始物料导入至低代码平台中注册的物料库之前,预先定义低代码平台的物料描述协议,所述物料描述协议包括低代码平台中的物料格式信息以及页面展示信息;
相应的,所述导入单元,具体用于使用经过第一次规范校验的远程物料、低代码平台提供的远程物料以及低代码平台自带物料搭建页面的原始物料;利用预先定义的物料描述协议对所述原始物料进行第二次规范校验,将第二次规范校验通过的原始物料进行默认项配置后到入至低代码平台中注册物料库。
在一实施例中,所述导入单元,具体还用于在所述使用经过第一次规范校验的远程物料、低代码平台提供的远程物料以及低代码平台自带物料搭建页面的原始物料之前,利用预先定义的物料描述协议分别对符合业务接入条件的微部件以及外部注入部件进行第一次规范校验,获取经过第一次规范校验的远程物料。
在一实施例中,所述导入单元,具体还用于在所述利用预先定义的物料描述协议对所述原始物料进行第二次规范校验,将第二次规范校验通过的原始物料进行默认项配置后到入至低代码平台中注册物料库之后,将低代码平台中注册的物料库放置至数组,在所述数组中定义第一数据类型和第二数据类型;使用所述第一数据类型在低代码平台中关联查询所述物料库中的物料,使用所述第二数据类型在低代码平台中展示查询到的物料。
在一实施例中,所述装置还包括:
合并单元,用于在所述根据所述可用物料生成低代码平台的页面,将所述低代码平台的页面作为微部件提供至微应用之后,在所述微应用中提取适用于低代码平台的远程物料,将所述适用于低代码平台的远程物料作为外部注入部件合并至原始物料中,利用预先定义的物料描述协议对合并后的原始物料进行第二次规范校验。
本实施例提供了一种低代码平台的页面生成装置,通过在微前端框架中根据微部件特性对符合低代码接入条件的微部件进行配置,得到低代码平台,获取搭建页面的原始物料,利用预先定义的物料描述协议将原始物料导入至低代码平台中注册的物料库,通过循环物料库来调用每个物料上的预览方法,在低代码平台中的物料区内生成可用物料,根据可用物料生成低代码平台的页面,将低代码平台的页面作为微部件提供至微应用。与现有技术中低代码生成页面的方式相比,本申请通过将微前端中符合低代码接入条件的微部件作为低代码物料进行循环使用,从而在微前端中集成低代码平台的页面,以使得低代码与微部件共同服务于微应用,从而代码的减少重复开发,提升应用程序中页面的开发效率。
关于低代码平台的页面生成装置的具体限定可以参见上文中对于低代码平台的页面生成方法的限定,在此不再赘述。上述低代码平台的页面生成装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是服务端,其内部结构图可以如图8所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性和/或易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的客户端通过网络连接通信。该计算机程序被处理器执行时以实现一种低代码平台的页面生成方法服务端侧的功能或步骤。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是客户端,其内部结构图可以如图9所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部服务器通过网络连接通信。该计算机程序被处理器执行时以实现一种低代码平台的页面生成方法客户端侧的功能或步骤
在一个实施例中,提供了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行计算机程序时实现以下步骤:
在微前端框架中根据微部件特性对符合低代码接入条件的微部件进行配置,得到低代码平台;
获取搭建页面的原始物料,利用预先定义的物料描述协议将所述原始物料导入至低代码平台中注册的物料库;
通过循环所述物料库来调用每个物料上的预览方法,在低代码平台中的物料区内生成可用物料;
根据所述可用物料生成低代码平台的页面,将所述低代码平台的页面作为微部件提供至微应用。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:
在微前端框架中根据微部件特性对符合低代码接入条件的微部件进行配置,得到低代码平台;
获取搭建页面的原始物料,利用预先定义的物料描述协议将所述原始物料导入至低代码平台中注册的物料库;
通过循环所述物料库来调用每个物料上的预览方法,在低代码平台中的物料区内生成可用物料;
根据所述可用物料生成低代码平台的页面,将所述低代码平台的页面作为微部件提供至微应用。
需要说明的是,上述关于计算机可读存储介质或计算机设备所能实现的功能或步骤,可对应参阅前述方法实施例中,服务端侧以及客户端侧的相关描述,为避免重复,这里不再一一描述。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将所述装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。
以上所述实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围,均应包含在本发明的保护范围之内。
Claims (10)
1.一种低代码平台的页面生成方法,其特征在于,所述方法包括:
在微前端框架中根据微部件特性对符合低代码接入条件的微部件进行配置,得到低代码平台;
获取搭建页面的原始物料,利用预先定义的物料描述协议将所述原始物料导入至低代码平台中注册的物料库;
通过循环所述物料库来调用每个物料上的预览方法,在低代码平台中的物料区内生成可用物料;
根据所述可用物料生成低代码平台的页面,将所述低代码平台的页面作为微部件提供至微应用。
2.根据权利要求1所述的方法,其特征在于,所述在微前端框架中根据微部件特性对符合低代码接入条件的微部件进行配置,得到低代码平台,包括:
在微前端框架中根据所述微部件特性将微部件划分为符合低代码接入条件的微部件和符合业务接入条件的微部件;
使用微前端向低代码提供脚手架工具,利用所述脚手架工具对所述符合低代码接入条件的微部件进行配置,得到低代码平台。
3.根据权利要求2所述的方法,其特征在于,所述使用微前端向低代码提供脚手架工具,利用所述脚手架工具对所述符合低代码接入条件的微部件进行配置,得到低代码平台,包括:
使用微前端向低代码提供脚手架工具,根据所述脚手架工具生成基本结构代码;
利用所述基本结构代码对所述符合代码接入条件的微部件进行微调,得到低代码平台。
4.根据权利要求1所述的方法,其特征在于,在所述获取搭建页面的原始物料,利用预先定义的物料描述协议将所述原始物料导入至低代码平台中注册的物料库之前,所述方法还包括:
预先定义低代码平台的物料描述协议,所述物料描述协议包括低代码平台中的物料格式信息以及页面展示信息;
相应的,所述获取搭建页面的原始物料,利用预先定义的物料描述协议将所述原始物料导入至低代码平台中注册的物料库,包括:
使用经过第一次规范校验的远程物料、低代码平台提供的远程物料以及低代码平台自带物料搭建页面的原始物料;
利用预先定义的物料描述协议对所述原始物料进行第二次规范校验,将第二次规范校验通过的原始物料进行默认项配置后到入至低代码平台中注册物料库。
5.根据权利要求4所述的方法,其特征在于,在所述使用经过第一次规范校验的远程物料、低代码平台提供的远程物料以及低代码平台自带物料搭建页面的原始物料之前,所述方法还包括:
利用预先定义的物料描述协议分别对符合业务接入条件的微部件以及外部注入部件进行第一次规范校验,获取经过第一次规范校验的远程物料。
6.根据权利要求4所述的方法,其特征在于,在所述利用预先定义的物料描述协议对所述原始物料进行第二次规范校验,将第二次规范校验通过的原始物料进行默认项配置后到入至低代码平台中注册物料库之后,所述方法还包括:
将低代码平台中注册的物料库放置至数组,在所述数组中定义第一数据类型和第二数据类型;
使用所述第一数据类型在低代码平台中关联查询所述物料库中的物料,使用所述第二数据类型在低代码平台中展示查询到的物料。
7.根据权利要求1-6中任一项所述的方法,其特征在于,在所述根据所述可用物料生成低代码平台的页面,将所述低代码平台的页面作为微部件提供至微应用之后,所述方法还包括:
在所述微应用中提取适用于低代码平台的远程物料,将所述适用于低代码平台的远程物料作为外部注入部件合并至原始物料中,利用预先定义的物料描述协议对合并后的原始物料进行第二次规范校验。
8.一种低代码平台的页面生成装置,其特征在于,所述装置包括:
配置单元,用于在微前端框架中根据微部件特性对符合低代码接入条件的微部件进行配置,得到低代码平台;
导入单元,用于获取搭建页面的原始物料,利用预先定义的物料描述协议将所述原始物料导入至低代码平台中注册的物料库;
调用单元,用于通过循环所述物料库来调用每个物料上的预览方法,在低代码平台中的物料区内生成可用物料;
生成单元,用于根据所述可用物料生成低代码平台的页面,将所述低代码平台的页面作为微部件提供至微应用。
9.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。
10.一种计算机存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310815759.4A CN117111934A (zh) | 2023-07-04 | 2023-07-04 | 低代码平台的页面生成方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310815759.4A CN117111934A (zh) | 2023-07-04 | 2023-07-04 | 低代码平台的页面生成方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117111934A true CN117111934A (zh) | 2023-11-24 |
Family
ID=88797396
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310815759.4A Pending CN117111934A (zh) | 2023-07-04 | 2023-07-04 | 低代码平台的页面生成方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117111934A (zh) |
-
2023
- 2023-07-04 CN CN202310815759.4A patent/CN117111934A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111061475B (zh) | 软件代码生成方法、装置、计算机设备和存储介质 | |
CN111310427A (zh) | 业务数据配置处理方法、装置、计算机设备和存储介质 | |
US20180150530A1 (en) | Method, Apparatus, Computing Device and Storage Medium for Analyzing and Processing Data | |
CN111079047A (zh) | 一种面向web的页面构建系统 | |
CN111126019A (zh) | 基于模式定制的报表生成方法、装置和电子设备 | |
US20210124752A1 (en) | System for Data Collection, Aggregation, Storage, Verification and Analytics with User Interface | |
CN113283228A (zh) | 文档生成方法、装置、电子设备及存储介质 | |
CN110888634B (zh) | 游戏落地页生成方法、装置、计算机设备和存储介质 | |
CN112732763A (zh) | 数据的聚合方法、装置、电子设备及介质 | |
Trias | Building CMS-based Web applications using a model-driven approach | |
CN109344306B (zh) | 一种领域多标准元数据定制化在线汇交与服务方法及系统 | |
CN111061733A (zh) | 数据处理方法、装置、电子设备和计算机可读存储介质 | |
CN110647350A (zh) | 接口文档生成方法、装置、计算机设备和存储介质 | |
Ponsard et al. | Combining Models, Diagrams and Tables for Efficient Requirements Engineering: Lessons Learned from the Industry. | |
CN116738954A (zh) | 报表导出方法、报表模板的配置方法、装置、计算机设备 | |
CN117111934A (zh) | 低代码平台的页面生成方法、装置、设备及存储介质 | |
CN116383787A (zh) | 页面创建方法、装置、计算机设备及存储介质 | |
CN113900755B (zh) | 告警页面处理方法、装置、计算机设备及可读存储介质 | |
CN112149391B (zh) | 信息处理方法、信息处理装置、终端设备及存储介质 | |
CA3063175A1 (en) | Data storage method and apparatus | |
CN115481615A (zh) | 文档生成方法、装置和电子设备和非易失性存储介质 | |
CN113822025A (zh) | 办公文件自动生成方法、装置、设备及存储介质 | |
CN113254455A (zh) | 数据库的动态配置方法、装置、计算机设备及存储介质 | |
CN114239525A (zh) | 合同模板编辑方法、装置、计算机设备和存储介质 | |
CN108228688B (zh) | 一种基于xbrl的模板生成方法、系统及服务器 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |