CN115964038A

CN115964038A - 一种基于双模型驱动的低代码开发方法

Info

Publication number: CN115964038A
Application number: CN202211730655.5A
Authority: CN
Inventors: 郭辉; 裴高翔; 董明; 沈铖涛
Original assignee: Zhejiang Kingnet Chengdu Westone Information Industry Inc
Current assignee: Zhejiang Kingnet Chengdu Westone Information Industry Inc
Priority date: 2022-12-30
Filing date: 2022-12-30
Publication date: 2023-04-14

Abstract

本发明公开了一种基于双模型驱动的低代码开发方法，涉及低代码系统技术领域，包括以下步骤：预先配置国产化基础环境，标定具体技术路线；初始化项目开发环境，并标定当前项目的低代码技术模型；确定业务需求，并基于低代码技术模型通过自定义表单配置业务需要的表单页面；进行模块发布，自动生成运行当前模块所需要的组件；进行在系统管理中，添加业务平台对应的用户以及分配对应权限，使业务按照实际需求进行流转。本发明通过低代码技术可视化模型与代码生成模型结合的方式，能够通过该方式满足绝大多数情况下的业务处理场景，让不同行业的业务人员利用可视化模型不编写代码也能够搭建出基础应用，减轻工作量。

Description

一种基于双模型驱动的低代码开发方法

技术领域

本发明涉及低代码系统技术领域，具体来说，涉及一种基于双模型驱动的低代码开发方法。

背景技术

随着信息技术的飞速发展，IT软件的整体竞争压力急剧上升。因为用户的要求越来越高，交付周期越来越短，软件售价越来越低廉，人力物理成本的不断上升，最终导致IT行业生存愈发显得困难。

大数据云计算的兴起，促进着互联网络的深化发展，各大企业借助信息化建设的浪潮，纷纷建立起自己的企业管理软件系统。随着市场和经济结构的不断发展变化，各领域中新的业务模式层出不穷，所以对企业应用的开发能力就有了更多要求，以满足灵活多变的市场。在这种情况下，传统软件在开发过程中，需要程序员掌握多门技术，关注各个数据流转的细节点。严重缺乏整体需求的把控和调研时间，导致频繁返工，低效的开发。相较之下选择低代码开发方案显然更加合适。

目前市面上的低代码系统都是基于国外的IT底层架构和标准来实现的，核心技术掌握在国外IT商业公司，同时主流的低代码系统对于同一个页面组件，通常无法做到很好的组件化封装，导致重复轮子越造越多，使用流程非常繁琐。开源的流程引擎，并不能满足用户千奇百怪的业务需求，导致与项目进度严重脱节。

针对相关技术中的问题，目前尚未提出有效的解决方案。

发明内容

针对相关技术中的问题，本发明提出一种基于双模型驱动的低代码开发方法，以克服现有相关技术所存在的上述技术问题。

本发明的技术方案是这样实现的：

一种基于双模型驱动的低代码开发方法，包括以下步骤：

步骤S1，预先配置国产化基础环境，标定具体技术路线；

步骤S2，初始化项目开发环境，并标定当前项目的低代码技术模型；

步骤S3、确定业务需求，并基于低代码技术模型通过自定义表单配置业务需要的表单页面；

步骤S4、进行模块发布，自动生成运行当前模块所需要的组件；

步骤S5、进行在系统管理中，添加业务平台对应的用户以及分配对应权限，使业务按照实际需求进行流转。

其中，所述低代码技术模型，包括：可视化模型，且所述可视化模型，包括配置表单设计器Form-producer和流程设计器Activiti-producer。

其中，所述表单设计器Form-producer，包括以下步骤：

步骤S201，进行标定验证逻辑，对原有ElementUI/Antdv的表单校验逻辑进行封装，并对使用者提供风格一致的校验配置和常见的校验类型封装，并通过编写自定义校验函数实现校验；

步骤S202，进行标定数据获取逻辑，表单数据获取对AJAX进行可视化封装，其中，包括通过填写既定的表单无代码完成或通过修改指定的预处理函数实现；

步骤S203，进行标定事件关联逻辑，对原有ElementUI/Antdv的事件进行统一的捕获，并对使用者暴露风格一致的事件候选项，并选取对应的事件，编写动作实现低代码的事件关联；

步骤S204，进行标定表单渲染逻辑，采用JSON数据字符串作为表单和数据的对接格式，并将对应的表单组件重新渲染至页面上。

其中，配置所述流程设计器Activiti-producer，包括以下步骤：

预先存储以BPMN为后缀的XML文件，其中XML文件里面存储了节点、环节、网关和连接线信息；

通过解析BPMN文件来进行流程页面的重新渲染，并在流程流转的过程中，通过解析XML文件来获取流程下一步信息；

再根据XML文件中的连接线情况，更新数据表，进行流程流转。

其中，所述表单设计器Form-producer和所述流程设计器Activiti-producer，分别包括：流程组件库、表单组件库、页面管理和数据管理，其中；

所述流程组件库和所述表单组件库，分别用于保存已设计的流程和表单；

所述页面管理，用于分别使流程可以获取到表单的所有信息，从而可以控制表单元素的显示编辑与否，也可以获取实际表单所填的值来进行动态的流程处理；

所述数据管理，用于通过读取自定义表单和流程中的内容，来确认哪些字段可以显示在列表页中，哪些字段可以作为列表页的搜索项。

其中，所述数据管理，包括以下步骤：

预先使用流程可视化组件的BPMN文件以及表单可视化组件的JSON文件进行Hash提取；

随后使用Hash匹配算法强关联匹配，建立一对一的关联规则之后输出BPMN文件与JSON文件的唯一HashID，完成流程组件以及表单组件的数据共享绑定。

其中，所述低代码技术模型，还包括：代码生成模型，且配置代码生成模型，包括以下步骤：

代码生成器通过解析由表单引擎构建得到的DDL结构，反射到Java内置的表结构模型；

将表结构模型的数据注入到velocity模板引擎定义的各个模板文件中。

其中，所述模板文件，包括：

控制器模板，用于实现复杂查询、新增、编辑、物理删除和逻辑删除；

服务层模板，用于实现事务管理能力和常见异常的处理方式；

持久层模板，用于实现基于各个数据库方言的SQL实现，在查询语句中，将自动根据页面引擎的配置，自动设置需要查询的字段，在条件查询中，将自动根据表结构推断可查询的维度；

POJO对象模板，用于实现自动根据表结构模型，推断Validate校验注解的配置；

前端列表页面模板，用于实现自动根据页面引擎，配置合适的列表布局和查询条件的封装；

前端编辑页面模板，用于实现自动根据表单引擎的json配置，基于反向工程输出编辑页表单布局代码。

其中，所述代码生成模型，包括：可视化应用选择和代码生成配置。

本发明的有益效果：

1.本发明低代码开发方法及系统基于国产CPU实现，实现了国产领域中间件、数据库、操作系统、芯片架构的全栈适配，满足从底层架构开始自主可控的要求。

2.本发明低代码开发方法及系统基于验证逻辑、数据获取逻辑、事件关联逻辑、表单渲染逻辑实现表单设计器Form-producer，利用该表单设计器可以拖拽设计出带数据联动效果的表单，支持子表单嵌套模式，并通过JSON数据格式来进行表单渲染与数据间的双向绑定。

3.本发明低代码开发方法及系统基于流程设计器Activiti-producer通过解析BPMN文件来进行流程页面的重新渲染，以及获取流程下一步的信息与连接线情况来达到流程流转的目的，并通过XML数据格式来进行流程渲染与流程流转间的双向绑定。

4.本发明低代码开发方法及系统的低代码技术可视化模型实现方式，利用页面管理将表单设计器与流程设计器进行数据关联，并通过Hash匹配算法强关联匹配表单组件与流程组件，建立一对一的关联规则之后输出JSON文件与BPMN文件的唯一HashID，完成流程组件以及表单组件的数据共享绑定。

5.本发明低代码开发方法及系统其低代码技术代码生成模型实现方式，由表单引擎构建得到的DDL结构，反射到Java内置的表结构模型，然后将表结构模型的数据注入到velocity模板引擎定义的控制器、服务层、持久层、POJO对象、前端列表页面、前端编辑页面模板文件中。

6.本发明低代码开发方法及系统其低代码技术可视化模型与代码生成模型结合的方式，能够通过该方式满足绝大多数情况下的业务处理场景，让不同行业的业务人员利用可视化模型不编写代码也能够搭建出基础应用，IT开发人员利用代码生成模型生成80％以上的基准代码，大大减轻工作量。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是根据本发明实施例的一种基于双模型驱动的低代码开发方法的流程示意图；

图2是根据本发明实施例的一种基于双模型驱动的低代码开发方法的JSON标准示意图；

图3是根据本发明实施例的一种基于双模型驱动的低代码开发方法的流程设计器的实现逻辑图；

图4是根据本发明实施例的一种基于双模型驱动的低代码开发方法的表单设计器与流程设计器绑定逻辑图；

图5是根据本发明实施例的一种基于双模型驱动的低代码开发方法的代码生成模型示意图；

图6是根据本发明实施例的一种基于双模型驱动的低代码开发方法的代码生成模型时序示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员所获得的所有其他实施例，都属于本发明保护的范围。

根据本发明的实施例，提供了一种基于双模型驱动的低代码开发方法。

如图1所示，根据本发明实施例的基于双模型驱动的低代码开发方法，包括以下步骤：

步骤S1，预先配置国产化基础环境，标定具体技术路线，例如：ARM、MIPS64、X86等；

步骤S2，初始化项目开发环境，并标定当前项目的低代码技术模型，其中，项目开发环境，包括：maven、nodeJs、数据库、redis等；

本技术方案，低代码技术模型，包括：可视化模型和代码生成模型，其中；

所述可视化模型，用于简单业务逻辑以可视化模型驱动主导的模式进行应用低代码搭建；

所述代码生成模型，用于复杂业务逻辑以代码生成模型驱动的模式进行应用低代码开发；

步骤S3、确定业务需求，并基于低代码技术模型通过自定义表单配置出业务需要的表单页面；

步骤S301、若当前业务需求包含流程，则根据业务需求使用自定义流程配置具体流程；

步骤S302、将自定义表单与自定义流程进行绑定，并指定数据表名；

本技术方案，若在使用过程中业务场景发生了变化，重复步骤S3和步骤S4进行重新配置生成，快速对新需求进行开发。

另外，对于上述可视化模型来说，可视化模型通过表单及流程的可视化拖拽操作实现具体业务需求。

其中，关于表单可视化拖拽的实现，本发明通过表单设计器Form-producer，其内置组件包含了丰富的API接口，常见的表单验证、数据获取以及各种表单事件都可以通过无代码操作实现，同时支持ElementUi以及Ant Design的样式风格，可以让用户以无代码拖拽操作快速的完成表单页面的创建，并支持复杂页面的布局。

具体的，表单设计器Form-producer，包括以下步骤：

步骤S201，进行标定验证逻辑，包括以下步骤：

预先对原有ElementUI/Antdv的表单校验逻辑进行封装，并对使用者提供风格一致的校验配置和常见的校验类型封装；

使用者可以通过勾选、选择配置常见的校验，并可以通过编写自定义校验函数(JS代码片段)实现较为复杂的校验。

步骤S202，进行标定数据获取逻辑，包括以下步骤：

表单数据获取对传统AJAX进行可视化封装，对简单请求可以通过填写既定的表单无代码完成，对于较为复杂、动态的请求可以通过修改指定的预处理函数(JS代码片段)实现。

步骤S203，进行标定事件关联逻辑，包括以下步骤：

对原有ElementUI/Antdv的事件进行统一的捕获，并对使用者暴露风格一致的事件候选项，使用者可以可视化的选取对应的事件，编写动作(JS代码片段)实现低代码的事件关联。

步骤S204，进行标定表单渲染逻辑，包括以下步骤：

如图2所示，表单渲染为了达到数据渲染同步并且可逆的需求，采用JSON数据字符串作为表单和数据的对接格式，JSON中包含了表单的各种信息，包括类型、名称以及其他附加属性，然后将其保存进数据库中，展示的时候，是从数据库中将JSON读取出来，通过解析JSON的方法，将对应的表单组件重新渲染至页面上。

其中，如图3所示，关于流程可视化拖拽的实现，本发明通过流程设计器Activiti-producer进行可视化的拖拽页面，将节点、用户任务、网关、多实例、子流程、候选人(组)等流程环节组件整合，同时支持流程自定义、流程版本控制以及各种自定义的扩展属性，让整个流程模块更加自由化和可定制化，满足市面上绝大多数的流程需求。流程设计器Activiti-producer实现逻辑是存储一个以BPMN为后缀的XML文件。文件里面存储了节点、环节、网关以及连接线等各类信息。二次展现时也是通过解析BPMN文件来进行流程页面的重新渲染。在流程流转的过程中，也是通过解析XML，来获取流程下一步的信息，再根据XML中的连接线情况，去更新数据表，来达到流程流转的目的。

另外，如图4所示，借助于上述方案，表单设计器Form-producer和流程设计器Activiti-producer，包括：流程组件库、表单组件库、页面管理和数据管理。

其中，流程组件库和表单组件库，分别用于保存已设计的流程和表单；

其中，页面管理，用于分别使流程可以获取到表单的所有信息，从而可以控制表单元素的显示编辑与否，也可以获取实际表单所填的值来进行动态的流程处理。

其中，数据管理，用于通过读取自定义表单和流程中的内容，来确认哪些字段可以显示在列表页中，哪些字段可以作为列表页的搜索项。

具体的，对于上述数据管理来说，包括以下步骤：

随后使用Hash匹配算法强关联匹配，建立一对一的关联规则之后输出BPMN文件与JSON文件的唯一HashID，完成流程组件以及表单组件的数据共享绑定；

其中，Hash匹配算法的实现原理主要是采用两种哈希函数将文件字符串映射成一个HashID，假如两组不同哈希映射后得到的HashID相同则判断为建立关联规则成功。可采用基础哈希函数，表示为：

K＝(C₀*Base⁰+C₁*Base¹+C₂*Base²+...)(modP)；

其中，Base和P一般选择为素数。

另外，如图5所示，对于上述代码生成模型来说，通过代码生成器通过解析由表单引擎构建得到的DDL结构，反射到Java内置的表结构模型，然后将表结构模型的数据注入到velocity模板引擎定义的各个模板文件中。其中，模板文件库内涵盖了业务开发人员在实际生产中将会涉及到的所有方方面面，完整的复现了从前端到后端，再到数据库的完整业务流程。具体的，包括：

控制器模板，实现了复杂查询，新增，编辑，物理删除，逻辑删除等Restful API；

服务层模板，实现了基本的事务管理能力，常见异常的处理方式；

持久层模板，实现了基于各个数据库方言的SQL实现，在查询语句中，将自动根据页面引擎的配置，自动设置需要查询的字段，在条件查询中，将自动根据表结构推断可查询的维度；

POJO对象模板，实现了自动根据表结构模型，推断Validate校验注解的配置；

前端列表页面模板，实现了自动根据页面引擎，配置合适的列表布局和查询条件的封装；

前端编辑页面模板，实现了自动根据表单引擎的json配置，基于反向工程输出编辑页表单布局代码。

此外，如图6所示，代码生成模型，包括：可视化应用选择和代码生成配置，包括以下步骤：

用户选择可视化应用后，由低代码后端系统访问代码生成数据库进行关联匹配，校验成功之后由后端系统进行入库存储；

在代码生成配置环节，后段系统将用户输入的配置需求转换成XML，并对原先入库的代码生成数据库数据进行关联查询，结果利用代码生成模版生成用户需要的基准代码。

借助于上述技术方案，通过以代码生成模型驱动的低代码技术用来解决可视化模型驱动模式无法满足或者暂时没有提供相应功能的业务应用。代码生成模型驱动依托于可视化模型，利用后者搭建出来的业务应用，结合实际设计情况并通过vm语言模板设定好的标准代码模板，将业务应用的实现代码转换为基准代码。面对复杂业务需求场景时，低代码开发人员可将基准代码导入工程后继续进行高度灵活的自由式开发，帮助开发人员大量减轻重复性劳作。

此外，具体在一个示例中，利用本发明的低代码开发方法开发一个标准化的业务需求模块，以下是一个具体的需求实例实现流程：

实现请假模块，表单内容包括：申请人、申请部门、请假时间范围、请假总天数以及审批结果。表单方面：申请人以及申请部门需要根据当前登录账号的信息自动填充且不可修改。请假总天数根据请假时间范围自动算出且不可修改。流程方面：请假总天数小于五天的时候，只可选择组长进行请假审批。请假总天数大于五天的时候，只可选择分管领导进行请假审批。且在申请环节，审批结果不可见且无法编辑。在审批环节，审批结果可见可编辑。流程结束后，所有表单项都无法编辑。且展示审批结果的所需要的组件以及样式，自定义表单本身并没有提供。具体的，实现步骤如下：

步骤E1、新建页面管理。在新建页面管理的同时，会自动新建一个空白的自定义表单以及自定义流程。这两个对象会自动绑定；

步骤E2、进入自定义表单编辑器，拖拽所需要的表单元素。完成整体页面布局。对于编辑器中暂不支持的审核结果组件，采取预留一个自定义区域的方式来布局；

步骤E3、对特定的表单元素进行设置，例如不可修改、自动赋值以及计算天数等操作。都可以通过自定义表单默认提供的API来实现；

步骤E4、进入自定义流程编辑器，根据业务需求画出详细流程图，包括环节名称、环节处理人等。通过流程图提供的互斥网关，在互斥网关中设置流转条件，即可实现流程分支需求；

步骤E5、在自定义流程编辑器中的环节上，设置该环节的表单项是否需要编辑与显示，即可实现不同环节的情况下，改变同一个表单元素的编辑与显示状态的变化；

步骤E6、配置完自定义表单以及自定义流程之后，点击发布页面管理。此时这个页面管理就会处于一个发布的状态，表示其代表的模块可以被正常使用；

步骤E7、进入代码生成模块，选择对应的页面管理记录。生成具体的前后端代码；

步骤E8、针对一开始的审核结果组件，业务人员根据实际的业务需求。自行开发一个符合需求的组件，再通过自定义组件中的自定义区域(本质是vue的插槽slot)，通过修改生成的前端代码，将其注入进原始设计的自定义表单中，从而完成整个表单的需求；

步骤E9、进入菜单管理，按照要求配置菜单；

步骤E10、在系统管理中，添加业务平台对应的用户以及分配对应权限。使业务可以按照实际需求进行流转；

步骤E11、结束。

综上所述，借助于本发明的上述技术方案，可实现如下功能：

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

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

Claims

1.一种基于双模型驱动的低代码开发方法，其特征在于，包括以下步骤：

预先配置国产化基础环境，标定具体技术路线；

初始化项目开发环境，并标定当前项目的低代码技术模型；

确定业务需求，并基于低代码技术模型通过自定义表单配置业务需要的表单页面；

进行模块发布，自动生成运行当前模块所需要的组件；

进行在系统管理中，添加业务平台对应的用户以及分配对应权限，使业务按照实际需求进行流转。

2.根据权利要求1所述的基于双模型驱动的低代码开发方法，其特征在于，所述低代码技术模型，包括：可视化模型，且所述可视化模型，包括配置表单设计器Form-producer和流程设计器Activiti-producer。

3.根据权利要求2所述的基于双模型驱动的低代码开发方法，其特征在于，所述表单设计器Form-producer，包括以下步骤：

进行标定验证逻辑，对原有ElementUI/Antdv的表单校验逻辑进行封装，并对使用者提供风格一致的校验配置和常见的校验类型封装，并通过编写自定义校验函数实现校验；

进行标定数据获取逻辑，表单数据获取对AJAX进行可视化封装，其中，包括通过填写既定的表单无代码完成或通过修改指定的预处理函数实现；

进行标定事件关联逻辑，对原有ElementUI/Antdv的事件进行统一的捕获，并对使用者暴露风格一致的事件候选项，并选取对应的事件，编写动作实现低代码的事件关联；

进行标定表单渲染逻辑，采用JSON数据字符串作为表单和数据的对接格式，并将对应的表单组件重新渲染至页面上。

4.根据权利要求2所述的基于双模型驱动的低代码开发方法，其特征在于，配置所述流程设计器Activiti-producer，包括以下步骤：

5.根据权利要求3或4所述的基于双模型驱动的低代码开发方法，其特征在于，所述表单设计器Form-producer和所述流程设计器Activiti-producer，分别包括：流程组件库、表单组件库、页面管理和数据管理，其中；

6.根据权利要求5所述的基于双模型驱动的低代码开发方法，其特征在于，所述数据管理，包括以下步骤：

7.根据权利要求1所述的基于双模型驱动的低代码开发方法，其特征在于，所述低代码技术模型，还包括：代码生成模型，且配置代码生成模型，包括以下步骤：

8.根据权利要求7所述的基于双模型驱动的低代码开发方法，其特征在于，所述模板文件，包括：

9.根据权利要求7所述的基于双模型驱动的低代码开发方法，其特征在于，所述代码生成模型，包括：可视化应用选择和代码生成配置。