基于模型文件和可视化界面的应用程序构建方法、装置、设备及存储介质与流程

本发明涉及低代码应用开发及集成领域，尤其涉及一种基于模型文件和可视化界面的应用程序构建方法、装置、设备及存储介质。

背景技术：

1、react是由facebook开发的一款javascript库，主要用于构建用户界面。react具有高效、灵活和可重用的特点，使得它成为了web应用程序开发中最受欢迎的技术之一。

2、传统的应用开发通常需要大量的编码工作，开发人员需要具备一定的技术水平和经验。同时，应用程序的开发和维护也需要大量的时间和资源，这对企业的运营和发展也会带来一定的负担。低代码平台可以帮助用户快速构建应用程序，而无需编写大量代码。平台通常会提供可视化的界面，使开发者可以通过简单拖放操作来创建用户界面、定义业务逻辑和集成第三方服务等。

3、当前市场上的低代码平台虽然可以快速生成页面或应用，但大多部署流程繁琐或是缺乏部署的功能。到目前为止，多数低代码平台对于拉取出的页面缺少权限管理设置，对于非专业开发人员来说给页面配置权限具有相当大的难度。

技术实现思路

1、发明目的：提出一种基于模型文件和可视化界面的应用程序构建方法、装置、设备及存储介质，以解决现有技术存在的上述问题。

2、第一方面，提出一种基于模型文件和可视化界面的应用程序构建方法，步骤如下：

3、s1、设计物料组装、页面渲染、模型文件生成、模型文件使用方面的技术协议；

4、s2、基于所述技术协议，构建可视化页面，将多个组件包和相关配置整合进所述可视化页面，并执行页面渲染，生成为规则引擎；

5、s3、将所述规则引擎部署至应用搭建平台，利用所述应用搭建平台完成应用程序的搭建。

6、在第一方面进一步的实施例中，所述技术协议为树状结构的json文件，所述json文件包括头节点和子节点；

7、所述头节点包括全局变量及上下文信息，供所述子节点使用；所述子节点包括每个组件和模块自身的相关信息，用于自身的渲染。

8、在第一方面进一步的实施例中，所述可视化页面上的所有组件和数据经过js、css的运算和crud操作后，转换成符合协议树的json格式的模型文件，供再次编辑和渲染使用。

9、在第一方面进一步的实施例中，所述执行页面渲染，包括：读取模型文件，将所述模型文件转化为dom树结构来完成页面的渲染。

10、在第一方面进一步的实施例中，所述将所述模型文件转化为dom树结构来完成页面的渲染，包括：

11、将可视化页面上的所有组件解析为一个树状结构，最顶层的节点是页面的画布，最底层的叶子节点是最小粒度的原子组件；

12、所述原子组件嵌入到其他组件中共同构成一个组件，在编辑时通过拖拽节点的方式改变整个结构树的层级结构。

13、在第一方面进一步的实施例中，所述将所述规则引擎部署至第三方系统，包括：

14、原子能力采用node.js框架生成，通过收集用户传入的基础信息和参数信息，分析能力类型，将能力进行封装，输入返回结果，最后向外暴露原子能力api接口。

15、在第一方面进一步的实施例中，对于页面数据的获取，react组件库的组件绑定事件和api接口，通过点击组件查询组件属性信息，在组件右侧修改绑定的事件，将事件触发的接口修改为需要调用的原子能力，最后处理原子能力返回的结果。

16、在第一方面进一步的实施例中，所述利用所述应用搭建平台完成应用程序的搭建，包括：

17、应用搭建平台实时生成json格式的大纲文件保存在前端，应用搭建平台中提供了预定的render模块来读取消费此大纲文件，并将整个页面渲染展示出来。

18、在第一方面进一步的实施例中，还包括：采用node.js编写网关和调用api原子能力；使用express处理http请求和响应、访问数据库、实现身份验证和授权。

19、在第一方面进一步的实施例中，所述原子能力分为sql、script、http三种，对应不同类型的原子能力，用户输入sql语句、脚本代码和http请求信息作为能力封装的基础信息，调用时node.js网关会根据不同原子能力类型执行不同的封装；

20、sql类型node.js创建数据库连接，使用用户输入的sql访问数据库，将结果返回；

21、script类型node.js调用自身的脚本处理能力处理脚本将结果返回；

22、http类型node.js调用express框架的api访问能力，访问接口并返回结果；

23、node.js将这些能力层层封装，最终形成原子能力接口供用户使用。

24、在第一方面进一步的实施例中，每个用户在初次使用所述应用搭建平台时，都会分配数据库资源，将私有化数据保存在私有数据库里，包含用户权限信息和应用数据信息；

25、当用户想要私有化部署时可以将创建的应用下载下来，包括数据库sql数据、用户创建的应用以及应用的运行时环境，即可进行私有化部署。

26、本发明的第二个方面，提出一种应用程序构建装置，该装置包括：

27、技术协议设计模块，用于设计物料组装、页面渲染、模型文件生成、模型文件使用方面的技术协议；

28、渲染模块，用于基于所述技术协议，构建可视化页面，将多个组件包和相关配置整合进所述可视化页面，并执行页面渲染，生成为规则引擎；

29、部署模块，用于将所述规则引擎部署至应用搭建平台，利用所述应用搭建平台完成应用程序的搭建。

30、本发明的第三个方面，提出一种电子设备，所述设备包括：处理器以及存储有计算机程序指令的存储器；所述处理器执行所述计算机程序指令时实现如第一方面所述的应用程序构建方法。

31、本发明的第四个方面，提出一种计算机可读存储介质，所述存储介质中存储有至少一个可执行指令，所述可执行指令在电子设备上运行时，使得电子设备执行如第一方面所述的应用程序构建方法。

32、和现有技术相比，本发明具备如下有益效果：

33、本发明采用模型文件驱动的方式，大大简化应用接入三方系统的流程和操作，实现应用能力的快速部署，用户可以灵活便捷地将项目接入三方系统或实现独立部署。

34、不同于其他低代码平台组件的高度定制化，本发明提供了基于react编写的自定义组件脚手架，可以将定制组件的能力下放给用户，给予用户自定义组件的能力，是开发人员能够根据需求进行扩展开发，并发布到平台形成模板，显著提升应用能力在设计上的可扩展性。

35、本发明内置权限管理模板页面，将权限设置标准化和业务化，根据不同业务场景，通过具体的策略规则配置来对数据和操作的权限进行精细化管理，降低了业务逻辑方面的开发门槛。

36、此外，本发明使用轻量级node.js框架构建原子能力模板，实现方式更加简单，在事件驱动和异步编程方面优于其他框架，运行效率高，用户通过react组件库拉取小型自建应用后通过原子能力进行数据交互无疑是最佳选择。