低代码的Web前后端页面自动生成方法、系统及存储介质与流程

专利2025-07-29  68


本发明涉及前后端框架,具体涉及一种低代码的web前后端页面自动生成方法、系统及存储介质。


背景技术:

1、低代码平台大大降低了编程语言的学习难度,使得非专业人员也能基于低代码平台快速开发一套满足自身需求的项目,目前主流的低代码实现方案有以下几种类型:

2、(1)sketch2code:开源软件sketch2code是开源前端代码生成工具,可以将设计草图生成前端html代码,这种方案结合了一些机器学习的算法,相对比较智能,但局限性在于只能构建简单的、单一的页面,一是生成的代码精度往往不够,还需要研发人员介入进行大量的二次开发,二是没有办法生成一个可部署的应用,对于整体生产效率的提升有限。

3、(2)appcube:应用魔方appcube,用户根据需求完成页面,并且在平台上完成服务端接口或数据库的对接,生成项目时,直接在平台上提供一个可供访问的链接作为最终产品,此方案具备了前端代码自动生成的能力,且能和后端接口产联动,但缺点在于只能云端在线部署,且后端代码无法定制化生成,无法在一些只能私有化部署的场景下使用。

4、(3)generator类工具:很多编译工具都提供了generator类的工具插件用于自动生成代码,这种方案往往是结合了模板技术和编程语言自有接口语法来实现,虽然可以在很大程度上提升开发人员的开发效率,但是只能作为辅助类的工具来使用,无法根据业务逻辑来生成应用。


技术实现思路

1、针对现有技术存在的不足,本发明的目的在于提供低代码的web前后端页面自动生成方法、系统及存储介质。

2、为了实现上述目的,本发明提供如下技术方案:

3、低代码的web前后端页面自动生成方法,包括:

4、依需求生成描述信息;

5、读取所述描述信息,依据描述信息中的相关内容进行配置生成配置信息;

6、将描述信息以及配置信息打包编译,生成发布包。

7、在本发明中,优选的,由前端生成所述描述信息,所述前端设置有若干组件,对所述组件进行编辑后生成所述组件对应的属性信息,若干组属性信息组成所述描述信息。

8、在本发明中,优选的,所述属性信息包括名称、id、样式属性、数据关联、交互数据。

9、在本发明中,优选的,所述描述信息采用json格式保存。

10、在本发明中,优选的,由后端读取所述描述信息,并提取所述描述信息中的id依据该id从数据库中匹配生成相关配置信息。

11、在本发明中,优选的,基于模板渲染生成配置信息,具体包括:

12、解析所述描述信息,识别其中的各个数据,创建对应基础模板;

13、将解析的各个数据转换为实际运行数据;

14、将所述实际运行数据根据数据填充生成配置信息。

15、在本发明中,优选的,所述生成发布包具体包括:后端接收打包信号后,将配置信息和描述信息进行打包;

16、生成发布包后,将该发布包通过固定链接传入对应的任务id数据库中,该任务id对应为当次前端传递至后端的描述信息对应的任务id,同时生成发布包对应的下载链接。

17、一种基于低代码的web前后端代码自动生成系统,其特征在于,包括进行数据交互的前端和后端,所述前端包括通信连接的处理中心和平台操作界面,所述平台操作界面用于提供可视化的创建界面,所述处理中心包括组件库和动作处理模块,所述组件库内包括若干不同的组件,所述组件设置有属性信息,所述动作处理模块用于记录并修改当次的组件属性信息;所述后端包括数据库、模板渲染模块和打包模块,所述数据库用于存储所述属性信息,模板渲染模块用于依据属性信息生成配置信息,打包模块用于将属性信息和配置信息打包生成发布包。

18、在本发明中,优选的,所述前端的平台操作界面可基于所述配置信息生成预览页面。

19、一种存储介质,存储有计算机程序,所述计算机程序被处理器执行时,使得所述处理器执行如上述的低代码的web前后端页面自动生成方法的步骤。

20、与现有技术相比,本发明的有益效果是:

21、本发明的方法通过使用前端和后端框架,并应用通用框架代码,通过模板渲染和动态配置加载,页面部署可视化,简单明了,且页面生成使用标准和自动化方式进行编译打包,生成的发布包可独立部署。



技术特征:

1.低代码的web前后端页面自动生成方法,其特征在于,包括:

2.根据权利要求1所述的低代码的web前后端页面自动生成方法,其特征在于,由前端生成所述描述信息,所述前端设置有若干组件,对所述组件进行编辑后生成所述组件对应的属性信息,若干组属性信息组成所述描述信息。

3.根据权利要求2所述的低代码的web前后端页面自动生成方法,其特征在于,所述属性信息包括名称、id、样式属性、数据关联、交互数据。

4.根据权利要求1所述的低代码的web前后端页面自动生成方法,其特征在于,所述描述信息采用json格式保存。

5.根据权利要求3所述的低代码的web前后端页面自动生成方法,其特征在于,由后端读取所述描述信息,并提取所述描述信息中的id依据该id从数据库中匹配生成相关配置信息。

6.根据权利要求5所述的低代码的web前后端页面自动生成方法,其特征在于,基于模板渲染生成配置信息,具体包括:

7.根据权利要求6所述的低代码的web前后端页面自动生成方法,其特征在于,所述生成发布包具体包括:

8.实现权利要求1-7任意一项所述的低代码的web前后端页面自动生成方法的系统,其特征在于,包括进行数据交互的前端和后端,所述前端包括通信连接的处理中心和平台操作界面,所述平台操作界面用于提供可视化的创建界面,所述处理中心包括组件库和动作处理模块,所述组件库内包括若干不同的组件,所述组件设置有属性信息,所述动作处理模块用于记录并修改当次的组件属性信息,处理中心将同一页面任务包括的若干属性信息生成该页面任务对应的描述信息;所述后端包括数据库、模板渲染模块和打包模块,所述数据库用于存储所述描述信息,模板渲染模块用于依据描述信息生成配置信息,打包模块用于将属性信息和配置信息打包生成发布包。

9.根据权利要求8所述的低代码的web前后端页面自动生成系统,其特征在于,所述前端的平台操作界面可基于所述配置信息生成预览页面。

10.一种存储介质,其特征在于,存储有计算机程序,所述计算机程序被处理器执行时,使得所述处理器执行如上述权利要求1-7任意一项所述的低代码的web前后端页面自动生成方法的步骤。


技术总结
本发明涉及前后端框架技术领域,公开了一种基于低代码的Web前后端页面自动生成方法、系统及存储介质,包括:依需求生成描述信息;读取所述描述信息,依据描述信息中的相关内容进行配置生成配置信息;将描述信息以及配置信息打包编译,生成发布包;该方法通过使用前端和后端框架,并应用通用框架代码,通过模板渲染和动态配置加载,页面部署可视化,简单明了,且页面生成使用标准和自动化方式进行编译打包,生成的发布包可独立部署。

技术研发人员:林家跃,苏扬,刘少凯,魏强
受保护的技术使用者:北京浩瀚深度信息技术股份有限公司
技术研发日:
技术公布日:2024/6/26
转载请注明原文地址:https://doc.8miu.com/read-1823180.html

最新回复(0)