UI模型驱动的前端无代码开发框架、方法、介质及设备与流程

本发明涉及计算机，尤其涉及一种ui模型驱动的前端无代码开发框架、方法、介质及设备。

背景技术：

1、软件开发传统上都需要程序员利用计算机软件编程语言，进行程序代码的编写，通过解析或编译语言的编译器(或解析器)软件，翻译为目标计算机的运行机器码，计算机程序才能完成其功能。

2、因此，计算机编程是一种专业技能要求很高的能力，而且编程效率比较低。

3、但对一些领域应用，软件的应用场景比较明确，系统架构比较固定的需求，通过一些新的软件编程技术，无需编写程序代码，自动进行计算机程序设计一直是业界的努力方向。

4、通过自然语言进行编程，而不是专业的计算机软件编程语言进行编程，通过人工智能对语言的理解进行自动编程是学术界发展的方向之一，但进展不顺利。

5、因而，需要一种可以降低专业技能要求、提高编程效率的方案。

技术实现思路

1、鉴于以上技术问题，本发明提供了一种ui模型驱动的前端无代码开发框架、方法、介质及设备。

2、本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。

3、根据本发明的一方面，提出了一种ui模型驱动的前端无代码开发框架，所述框架包括：设计器，用于通过web程序实现将一个或多个预置组件拖拉到设计画布上时建立对应的ui模型，通过描述语言在所述ui模型被建立时产生对应的描述文件；预置代码库，其具有所述预置组件和所述预置组件被操作响应的程序代码；解析引擎，用于解析所述ui模型建立过程中产生的所述描述文件，以转变为调用所述预置组件的程序代码；渲染框架，用于将所述ui模型对应的所述预置组件渲染到web页面中，及将接入与调用链接到对应的所述ui模型的菜单或按钮中；后端服务连接调用接口，用于在前端web发生事件或/和数据提交，以及对应的事件或/和数据被封装为服务调用的格式后，调用后端服务与其对接。

4、进一步的，所述描述文件至少包括以下的一种描述参数：不同的所述预置组件的类型；渲染效果；操作合法性校验；操作的事件响应；不同的所述预置组件的布局。

5、进一步的，所述描述语言为基于javascript/html5的语言。

6、进一步的，所述预置组件具有设定的类型、名称、外观、对应的程序代码。

7、进一步的，所述渲染框架还用于：根据在所述预置组件被渲染至所述web页面中时，适配当前屏幕的大小与分辨率。

8、根据本公开的第二方面，提供一种ui模型驱动的前端无代码开发方法，包括如上述的开发框架，所述方法包括：定义所述框架的基本参数和服务调用接口；根据所述预置组件的特性和定义，利用所述设计器拖拉布局所述ui模型；将所述ui模型发布保存的同时建立所述ui模型与后端应用的接口；通过所述渲染框架，使得对应的所述预置组件被渲染至web页面中。

9、进一步的，所述定义所述框架的基本参数和服务调用接口，至少包括以下一种：

10、定义程序名称；

11、定义代码简称；

12、设置调用入口；

13、设置调用参数；

14、设置调用权限。

15、进一步的，所述方法还包括：在渲染后的所述web页面被操作而发生操作事件时，根据预置规则，调用并执行所述预置组件被操作响应的程序代码；在渲染后的所述web页面被操作提交数据或/和发生交互事件时，对交互事件或/和所提交的数据封装为服务调用格式，调用后端应用接口，以完成web交互操作的程序运行。

16、根据本公开的第三方面，提供一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时实现如上述的ui模型驱动的前端无代码开发方法。

17、根据本公开的第四方面，提供一种ui模型驱动的前端无代码开发设备，包括：控制器；所述控制器包括上述的存储有计算机程序的计算机可读存储介质，所述计算机程序被处理器执行时实现上述的ui模型驱动的前端无代码开发方法；或/和，所述控制器包括上述的所述的ui模型驱动的前端无代码开发框架。

18、本公开的技术方案具有以下有益效果：

19、本发明可以为人机交互的web应用的需求场景，实现无代码开发，通过非专业的预置组件设计工具，设计软件最终运行形态的组件及其布局，来实现软件功能。这样，就可以无需复杂的计算机编程语言进行代码编写，大大提高软件设计的效率，所见即所得获得软件运行的最终体验，让不懂程序设计语言和没有软件编程特殊能力的人都可以快速进行软件设计，降低软件开发的能力要求。

20、本发明的核心优势就是利用ui模型实现软件最终运行效果的表达到运行预置代码的映射技术，通过引擎并结合前后端分离的模型，分别实现前后端的无编程运行框架。这种前后端分离的技术，可以实现业务的解耦，无需后端的修改，前端即可以封装为不同终端的操作系统和屏幕格式的自适应。

21、本发明通过程序运行时刻(runtime)进行软件建模和运行，无需传统软件编程后需要进行软件编译、构建和打包为相关运行代码，然后在服务器上进行部署和运行的复杂过程，可以即时开发即时部署和即时运行，大大提高了系统管理效率。

技术特征：

1.一种ui模型驱动的前端无代码开发框架，其特征在于，所述框架包括：

2.根据权利要求1所述的ui模型驱动的前端无代码开发框架，其特征在于，所述描述文件至少包括以下的一种描述参数：

3.根据权利要求1所述的ui模型驱动的前端无代码开发框架，其特征在于，所述描述语言为基于javascript/html5的语言。

4.根据权利要求1所述的ui模型驱动的前端无代码开发框架，其特征在于，所述预置组件具有设定的类型、名称、外观、对应的程序代码。

5.根据权利要求1所述的ui模型驱动的前端无代码开发框架，其特征在于，所述渲染框架还用于：根据在所述预置组件被渲染至所述web页面中时，适配当前屏幕的大小与分辨率。

6.一种ui模型驱动的前端无代码开发方法，其特征在于，包括如权利要求1-5任一项所述的框架，所述方法包括：

7.根据权利要求6所述的ui模型驱动的前端无代码开发方法，其特征在于，所述定义所述框架的基本参数和服务调用接口，至少包括以下一种：

8.根据权利要求6所述的ui模型驱动的前端无代码开发方法，其特征在于，所述方法还包括：

9.一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求6-8任一项所述的ui模型驱动的前端无代码开发方法。

10.一种ui模型驱动的前端无代码开发设备，其特征在于，包括：控制器；

技术总结
本发明公开一种UI模型驱动的前端无代码开发框架、方法、介质及设备，开发框架包括：设计器，用于通过Web程序实现将预置组件拖拉到设计画布上时建立对应的UI模型，通过描述语言在UI模型被建立时产生对应的描述文件；预置代码库，其具有预置组件和预置组件被操作响应的程序代码；解析引擎，用于解析所述UI模型建立过程中产生的描述文件；渲染框架，用于将UI模型对应的预置组件渲染到Web页面中；后端服务连接调用接口，用于在前端Web发生事件或/和数据提交时调用后端服务与其对接。本发明可以为人机交互的Web应用的需求场景，实现无代码开发，通过非专业的预置组件设计工具，设计软件最终运行形态的组件及其布局，来实现软件功能。

技术研发人员：奉继承,陈晓龙
受保护的技术使用者：深圳市科南软件有限公司
技术研发日：
技术公布日：2024/1/13