一种用于中后台可视化复杂表单快速动态生成方法技术

技术编号:40930221 阅读:23 留言:0更新日期:2024-04-18 14:51
本发明专利技术属于表单生成和处理技术领域,公开了一种用于中后台可视化复杂表单快速动态生成方法,包括如下步骤:在vue前端框架中预先定义组件库;定义前端和后端之间交互协议;前端通过交互协议与后端交互,后端生成配置字段,然后通过组件入口返回前端,前端通过配置字段和可视化工具动态渲染生成表单。本发明专利技术与当前的静态表单生成技术相比,具有的优点包括,能够通过配置生成一套适合多场景的复杂表单,弱依赖前端编码,动态配置实现快速更新上线,可视化生成表单配置,预制通用组件实现最大程度的组件复用。

【技术实现步骤摘要】

本专利技术属于表单生成和处理,具体涉及一种用于中后台可视化复杂表单快速动态生成方法


技术介绍

1、以往的表单开发基本上都是静态的,在开发之前就已经知道表单项有多少,各个表单项提供给用户的操作交互是不同的,例如有输入型的,有选择型的,这些需求都是确定的,然后开发人员硬编码各个表单项字段到代码中,通过约定的协议与后端服务进行逻辑处理。

2、而如果面对多个复杂表单的场景,开发和迭代中的需求不断变化,重复以上开发步骤会发现效率低下,代码复用性不高,表单项还不能进行动态修改,不能适应丰富且复杂的运营场景。假设需要开发云原生产品配置的订购表单,每个产品所具有的表单项是非常多项且复杂,不管是新产品上线或者配置项迭代新增、删除、更改,想要更少的依赖前端开发就能便捷的部署上线最新的配置项,那么开发一个适应多场景的动态表单组件是最好的选择;

3、现有的中后台复杂表单生成方式存在以下问题:

4、目前,大部分前端表单页面不管是复杂还是简单的都是通过在确定需求后,进行静态编码的方式制作表单页面,当后续迭代有需求更改则需要重新前端编码,重新与后端本文档来自技高网...

【技术保护点】

1.一种用于中后台可视化复杂表单快速动态生成方法,其特征在于,包括如下步骤:

2.如权利要求1所述的一种用于中后台可视化复杂表单快速动态生成方法,其特征在于,在vue前端框架中预先定义组件库的方法为:

3.如权利要求1所述的一种用于中后台可视化复杂表单快速动态生成方法,其特征在于,前端和后端之间交互协议包括form配置协议、表单描述协议、候选项配置协议;

4.如权利要求3所述的一种用于中后台可视化复杂表单快速动态生成方法,其特征在于,表单项的所有配置包括:组件名称、表单项依赖数据、说明文案、表单项名称、校验规则与组名称。

>5.如权利要求3所...

【技术特征摘要】

1.一种用于中后台可视化复杂表单快速动态生成方法,其特征在于,包括如下步骤:

2.如权利要求1所述的一种用于中后台可视化复杂表单快速动态生成方法,其特征在于,在vue前端框架中预先定义组件库的方法为:

3.如权利要求1所述的一种用于中后台可视化复杂表单快速动态生成方法,其特征在于,前端和后端之间交互协议包括form配置协议、表单描述协议、候选项配置协议;

4.如权利要求3所述的一种用于中后台可视化复杂表单快速动态生成方法,其特征在于,表单项的所有配置包括:组件名称、表单项依赖数据、说明文案、表单项名称、校验规则与组名称。

5.如权利要求3所述的一种用于中后台可视化复杂表单快速动态生成方法,其特征在于,表单项的数据和对自身表单项进行描述的数据包括表单的准入校验、描述当前表单展示的业务文案...

【专利技术属性】
技术研发人员:甘雨涛
申请(专利权)人:天翼云科技有限公司
类型:发明
国别省市:

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

1