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

一种前端表单生成方法及系统技术方案

技术编号:40279542 阅读:24 留言:0更新日期:2024-02-02 23:07
本发明专利技术公开了一种前端表单生成方法及系统,包括:判断当前点选的至少一个待拖拽组件的数量是否大于预设数量阈值;若大于,则响应于对可拖拽元素区域中至少一个待拖拽组件向设计区域的拖拽操作,在设计区域上基于预设的第一显示规则对至少一个待拖拽组件进行延时显示,以及在组件属性配置区域显示与至少一个待拖拽组件相对应的属性配置字段;响应于对属性配置字段的配置操作,获取至少一个待拖拽组件的属性配置信息;响应于表单配置界面的表单生成操作,根据至少一个待拖拽组件在设计区域的设计信息和属性配置信息进行表单渲染处理,以生成目标表单。能够降低需要反复点选的操作可能,有效地降低了用户交互的复杂程度。

【技术实现步骤摘要】

本专利技术属于表单生成,尤其涉及一种前端表单生成方法及系统


技术介绍

1、目前,前端表单包括在网页中负责数据采集功能的数据结构,它可以用来采集、存储、整理和分析数据。前端表单最为一种常见的信息载体,在各个领域中广泛使用。在前端表单生成的过程中,一般采用表单设计器和表单渲染器的两个功能。表单设计器采用拖拽的形式设计表单页面,生成类json schema元数据配置,表单渲染器根据元数据配置进行表单页面的渲染。能够实现在线表单开发和展示的需求。但是在在线生成前端表单的操作过程中,需要用户反复操作选择表单组件,导致表单的配置和维护麻烦。


技术实现思路

1、本专利技术提供一种前端表单生成方法及系统,用于解决需要用户反复交互才能完成表单生成操作的技术问题。

2、第一方面,本专利技术提供一种前端表单生成方法,包括:响应于获取用户的表单配置触发指令,根据所述表单配置触发指令显示表单配置界面,所述表单配置界面包括可拖拽元素区域、设计区域以及组件属性配置区域;响应于对所述可拖拽元素区域中至少一个待拖拽组件的点选操作,获取当前点选的所述至少一个待拖拽组件的数量,其中,待拖拽组件为所述可拖拽元素区域中的系统组件、基础组件、布局组件和/或高级组件;判断当前点选的所述至少一个待拖拽组件的数量是否大于预设数量阈值;若大于,则响应于对所述可拖拽元素区域中至少一个待拖拽组件向所述设计区域的拖拽操作,在所述设计区域上基于预设的第一显示规则对所述至少一个待拖拽组件进行延时显示,以及在所述组件属性配置区域显示与所述至少一个待拖拽组件相对应的属性配置字段,其中,所述第一显示规则为:将所述至少一个待拖拽组件的待显示区域的实时尺寸进行随机组合,得到至少一个目标实时尺寸,在所述至少一个目标实时尺寸中筛选出与所述设计区域的目标尺寸的差值最小,且不大于所述目标尺寸的某一目标实时尺寸;获取构建所述某一目标实时尺寸的各个实时尺寸对应的各个待拖拽组件,并将所述各个待拖拽组件在当前时刻显示在所述设计区域中,其余待拖拽组件在预设第一时间间隔后显示在所述设计区域中;响应于对所述属性配置字段的配置操作,获取所述至少一个待拖拽组件的属性配置信息;响应于所述表单配置界面的表单生成操作,根据所述至少一个待拖拽组件在所述设计区域的设计信息和所述属性配置信息进行表单渲染处理,以生成目标表单。

3、第二方面,本专利技术提供一种前端表单生成系统,包括:第一显示模块,配置为响应于获取用户的表单配置触发指令,根据所述表单配置触发指令显示表单配置界面,所述表单配置界面包括可拖拽元素区域、设计区域以及组件属性配置区域;第一获取模块,配置为响应于对所述可拖拽元素区域中至少一个待拖拽组件的点选操作,获取当前点选的所述至少一个待拖拽组件的数量,其中,待拖拽组件为所述可拖拽元素区域中的系统组件、基础组件、布局组件和/或高级组件;判断模块,配置为判断当前点选的所述至少一个待拖拽组件的数量是否大于预设数量阈值;第二显示模块,配置为若大于,则响应于对所述可拖拽元素区域中至少一个待拖拽组件向所述设计区域的拖拽操作,在所述设计区域上基于预设的第一显示规则对所述至少一个待拖拽组件进行延时显示,以及在所述组件属性配置区域显示与所述至少一个待拖拽组件相对应的属性配置字段,其中,所述第一显示规则为:将所述至少一个待拖拽组件的待显示区域的实时尺寸进行随机组合,得到至少一个目标实时尺寸,在所述至少一个目标实时尺寸中筛选出与所述设计区域的目标尺寸的差值最小,且不大于所述目标尺寸的某一目标实时尺寸;获取构建所述某一目标实时尺寸的各个实时尺寸对应的各个待拖拽组件,并将所述各个待拖拽组件在当前时刻显示在所述设计区域中,其余待拖拽组件在预设时间间隔后显示在所述设计区域中;第二获取模块,配置为响应于对所述属性配置字段的配置操作,获取所述至少一个待拖拽组件的属性配置信息;处理模块,配置为响应于所述表单配置界面的表单生成操作,根据所述至少一个待拖拽组件在所述设计区域的设计信息和所述属性配置信息进行表单渲染处理,以生成目标表单。

4、第三方面,提供一种电子设备,其包括:至少一个处理器,以及与所述至少一个处理器通信连接的存储器,其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行本专利技术的前端表单生成方法的步骤。

5、第四方面,本专利技术还提供一种计算机可读存储介质,其上存储有计算机程序,所述程序指令被处理器执行时,使所述处理器执行本专利技术的前端表单生成方法的步骤。

6、本申请的前端表单生成方法及系统,在用户一次点选所有需要的拖拽组件后,根据,判断当前点选的至少一个待拖拽组件的数量是否大于预设数量阈值,并在设计区域上基于预设的第一显示规则对至少一个待拖拽组件进行延时显示,能够降低需要反复点选,导致与用户交互的复杂程度,而且在待拖拽组件的数量较少,但又无法一次性完成显示在设计区域时,对待拖拽组件实施第二显示规则进行显示,这样,能够实现对待拖拽组件进行动态替换显示,使得用户能够有针对性的依序完成属性配置信息填写。

本文档来自技高网...

【技术保护点】

1.一种前端表单生成方法,其特征在于,包括:

2.根据权利要求1所述的一种前端表单生成方法,其特征在于,在响应于对所述可拖拽元素区域中至少一个待拖拽组件的点选操作,获取当前点选的所述至少一个待拖拽组件的数量之后,所述方法还包括:

3.根据权利要求1所述的一种前端表单生成方法,其特征在于,在判断当前点选的所述至少一个待拖拽组件的数量是否大于预设数量阈值之后,所述方法还包括:

4.根据权利要求3所述的一种前端表单生成方法,其特征在于,所述在所述设计区域上基于预设的第二显示规则对所述至少一个待拖拽组件进行显示包括:

5.根据权利要求1所述的一种前端表单生成方法,其特征在于,所述在所述组件属性配置区域显示与所述至少一个待拖拽组件相对应的属性配置字段包括:

6.根据权利要求1所述的一种前端表单生成方法,其特征在于,所述将所述各个待拖拽组件在当前时刻显示在所述设计区域中,其余待拖拽组件在预设第一时间间隔后显示在所述设计区域中包括:

7.一种前端表单生成系统,其特征在于,包括:

8.一种电子设备,其特征在于,包括:至少一个处理器,以及与所述至少一个处理器通信连接的存储器,其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器执行如权利要求1至6任一项所述的方法。

9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1至6任一项所述的方法。

...

【技术特征摘要】

1.一种前端表单生成方法,其特征在于,包括:

2.根据权利要求1所述的一种前端表单生成方法,其特征在于,在响应于对所述可拖拽元素区域中至少一个待拖拽组件的点选操作,获取当前点选的所述至少一个待拖拽组件的数量之后,所述方法还包括:

3.根据权利要求1所述的一种前端表单生成方法,其特征在于,在判断当前点选的所述至少一个待拖拽组件的数量是否大于预设数量阈值之后,所述方法还包括:

4.根据权利要求3所述的一种前端表单生成方法,其特征在于,所述在所述设计区域上基于预设的第二显示规则对所述至少一个待拖拽组件进行显示包括:

5.根据权利要求1所述的一种前端表单生成方法,其特征在于,所述在所述组件属性配置区域显示与所述至少一个待拖拽...

【专利技术属性】
技术研发人员:樊启龙秦文超应科冯子容冯吉荣饶鸿斌韩一祺黄睿潘少彬
申请(专利权)人:江西铜锐信息技术有限公司
类型:发明
国别省市:

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

1