【技术实现步骤摘要】
本专利技术涉及低代码应用开发及集成领域，尤其涉及一种基于模型文件和可视化界面的应用程序构建方法、装置、设备及存储介质。
技术介绍
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组件库拉取小型自建应用后通过原子能力本文档来自技高网...
【技术保护点】
1.一种基于模型文件和可视化界面的应用程序构建方法，其特征在于，包括：
2.根据权利要求1所述的应用程序构建方法，其特征在于：所述技术协议为树状结构的JSON文件，所述JSON文件包括头节点和子节点；
3.根据权利要求1所述的应用程序构建方法，其特征在于：所述可视化页面上的所有组件和数据经过JS、CSS的运算和CRUD操作后，转换成符合协议树的JSON格式的模型文件，供再次编辑和渲染使用。
4.根据权利要求1所述的应用程序构建方法，其特征在于：所述执行页面渲染，包括：读取模型文件，将所述模型文件转化为DOM树结构来完成页面的渲染。
5.根据权利要求4所述的应用程序构建方法，其特征在于：所述将所述模型文件转化为DOM树结构来完成页面的渲染，包括：
6.根据权利要求1所述的应用程序构建方法，其特征在于：所述将所述规则引擎部署至第三方系统，包括：
7.根据权利要求6所述的应用程序构建方法，其特征在于：对于页面数据的获取，React组件库的组件绑定事件和API接口，通过点击组件查询组件属性信息，在组件右侧修改绑定的事
8.根据权利要求1所述的应用程序构建方法，其特征在于：所述利用所述应用搭建平台完成应用程序的搭建，包括：
9.根据权利要求6所述的应用程序构建方法，其特征在于，还包括：采用Node.js编写网关和调用API原子能力；使用Express处理HTTP请求和响应、访问数据库、实现身份验证和授权。
10.根据权利要求9所述的应用程序构建方法，其特征在于：所述原子能力分为SQL、SCRIPT、HTTP三种，对应不同类型的原子能力，用户输入SQL语句、脚本代码和HTTP请求信息作为能力封装的基础信息，调用时Node.js网关会根据不同原子能力类型执行不同的封装；
11.根据权利要求1所述的应用程序构建方法，其特征在于：每个用户在初次使用所述应用搭建平台时，都会分配数据库资源，将私有化数据保存在私有数据库里，包含用户权限信息和应用数据信息；
12.一种应用程序构建装置，其特征在于，包括：
13.一种电子设备，其特征在于，所述设备包括：处理器以及存储有计算机程序指令的存储器；所述处理器执行所述计算机程序指令时实现如权利要求1至11中任一项所述的应用程序构建方法。
14.一种计算机可读存储介质，其特征在于，所述存储介质中存储有至少一个可执行指令，所述可执行指令在电子设备上运行时，使得电子设备执行如权利要求1至11中任一项所述的应用程序构建方法。
...【技术特征摘要】
1.一种基于模型文件和可视化界面的应用程序构建方法，其特征在于，包括：
2.根据权利要求1所述的应用程序构建方法，其特征在于：所述技术协议为树状结构的json文件，所述json文件包括头节点和子节点；
3.根据权利要求1所述的应用程序构建方法，其特征在于：所述可视化页面上的所有组件和数据经过js、css的运算和crud操作后，转换成符合协议树的json格式的模型文件，供再次编辑和渲染使用。
4.根据权利要求1所述的应用程序构建方法，其特征在于：所述执行页面渲染，包括：读取模型文件，将所述模型文件转化为dom树结构来完成页面的渲染。
5.根据权利要求4所述的应用程序构建方法，其特征在于：所述将所述模型文件转化为dom树结构来完成页面的渲染，包括：
6.根据权利要求1所述的应用程序构建方法，其特征在于：所述将所述规则引擎部署至第三方系统，包括：
7.根据权利要求6所述的应用程序构建方法，其特征在于：对于页面数据的获取，react组件库的组件绑定事件和api接口，通过点击组件查询组件属性信息，在组件右侧修改绑定的事件，将事件触发的接口修改为需要调用的原子能力，最后处理原子能力返回的结果。
8.根据权利要求1所述的应用程序构建方法，其特征在于：所述利用所述应...
【专利技术属性】
技术研发人员：王永康，程亚杰，邢亮，周明恺，杜崇，裴静，
申请(专利权)人：中电信数智科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。