System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种web低代码页面生成系统及方法技术方案_技高网

一种web低代码页面生成系统及方法技术方案

技术编号:40132665 阅读:8 留言:0更新日期:2024-01-23 22:23
本发明专利技术公开了一种web低代码页面生成系统及方法,应用于前端,所述系统包括:模板模块,用于将预先定义好的常规使用的代码片段封装成组件,以形成组件库;配置模块,用于创建页面,在创建的页面中选取所需组件并进行编辑,可视化配置不同类型的组件和封装,以形成表单;处理模块,用于调用本地服务对可视化配置形成的表单进行处理,将代码生成预设格式的语言,以形成页面数据;生成模块,用于将所述页面数据进行编译和打包处理,以生成可发布的静态代码;其效果是:通过在创建的页面中可视化配置不同类型的组件,从而无需开发人员手动编写大量重复性或者高度相似的代码,提高了开发过程中开发效率。

【技术实现步骤摘要】

本专利技术涉及前端页面,具体涉及一种web低代码页面生成系统及方法


技术介绍

1、在常规中后台前端项目中,需要对常规的检索表格页面进行一步步的代码编写。大量重复的工作和代码冗余需要开发人员手动编写大量重复性或者高度相似的代码;从而导致开发效率不高,造成开发过程中无端增加了繁琐步骤。


技术实现思路

1、针对
技术介绍
中所提及的技术缺陷,本专利技术实施例的目的在于提供一种web低代码页面生成系统及方法。

2、本专利技术提供的技术方案为,第一方面:一种web低代码页面生成系统,应用于前端,所述系统包括:

3、模板模块,用于将预先定义好的常规使用的代码片段封装成组件,以形成组件库;

4、配置模块,用于创建页面,在创建的页面中选取所需组件并进行编辑,可视化配置不同类型的组件和封装,以形成表单;

5、处理模块,用于调用本地服务对可视化配置形成的表单进行处理,将代码生成预设格式的语言,以形成页面数据;其中,所述本地服务包括插件服务;

6、生成模块,用于将所述页面数据进行编译和打包处理,以生成可发布的静态代码。

7、优选地,所述配置模块还用于:配置与后端串联的业务接口,通过所述业务接口将后端回写的数据传送至所述表单中。

8、优选地,所述编辑包括对组件中名称、高度、宽度和对应值的配置。

9、优选地,所述可视化配置包括table配置和form配置,并在配置完成后直接导出所选的文件路径,尾部追加代码;

10、所述table配置用于生成table组件的columns对象;

11、所述form配置用于配置需要配合封装过的表单组件。

12、第二方面:一种web低代码页面生成方法,应用于第一方面所述的一种web低代码页面生成系统,所述方法包括:

13、将预先定义好的常规使用的代码片段封装成组件,以形成组件库;

14、创建页面,在创建的页面中选取所需组件并进行编辑,可视化配置不同类型的组件和封装,以形成表单;

15、调用本地服务对可视化配置形成的表单进行处理,将代码生成预设格式的语言,以形成页面数据;其中,所述本地服务包括插件服务;

16、将所述页面数据进行编译和打包处理,以生成可发布的静态代码。

17、优选地,所述方法还包括:

18、配置与后端串联的业务接口,通过所述业务接口将后端回写的数据传送至所述表单中。

19、优选地,所述可视化配置包括table配置和form配置,并在配置完成后直接导出所选的文件路径,尾部追加代码;

20、所述table配置用于生成table组件的columns对象;

21、所述form配置用于配置需要配合封装过的表单组件。

22、上述技术方案,本专利技术提出的一种web低代码页面生成系统及方法,通过在创建的页面中可视化配置不同类型的组件,实现更加自由地去搭建页面,以生成对应的基础代码;从而无需开发人员手动编写大量重复性或者高度相似的代码,提高了开发过程中开发效率。

本文档来自技高网
...

【技术保护点】

1.一种web低代码页面生成系统,其特征在于,应用于前端,所述系统包括:

2.根据权利要求1所述的一种web低代码页面生成系统,其特征在于,所述配置模块还用于:配置与后端串联的业务接口,通过所述业务接口将后端回写的数据传送至所述表单中。

3.根据权利要求2所述的一种web低代码页面生成系统,其特征在于,所述编辑包括对组件中名称、高度、宽度和对应值的配置。

4.根据权利要求3所述的一种web低代码页面生成系统,其特征在于,所述可视化配置包括table配置和form配置,并在配置完成后直接导出所选的文件路径,尾部追加代码;

5.一种web低代码页面生成方法,其特征在于,应用于权利要求1所述的一种web低代码页面生成系统,所述方法包括:

6.根据权利要求5所述的一种web低代码页面生成方法,其特征在于,所述方法还包括:

7.根据权利要求5或6所述的一种web低代码页面生成方法,其特征在于,所述可视化配置包括table配置和form配置,并在配置完成后直接导出所选的文件路径,尾部追加代码;

【技术特征摘要】

1.一种web低代码页面生成系统,其特征在于,应用于前端,所述系统包括:

2.根据权利要求1所述的一种web低代码页面生成系统,其特征在于,所述配置模块还用于:配置与后端串联的业务接口,通过所述业务接口将后端回写的数据传送至所述表单中。

3.根据权利要求2所述的一种web低代码页面生成系统,其特征在于,所述编辑包括对组件中名称、高度、宽度和对应值的配置。

4.根据权利要求3所述的一种web低代码页面生成系统,其特征在于,所述可视化配置包括tab...

【专利技术属性】
技术研发人员:陈磊金彪杨东
申请(专利权)人:浙江绿色慧联有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1