前端自定义表单

2023-03-04 14:34:45 来源:网络

前端自定义表单

一. 低代码 - 基于MongoDB的自定义表单系统

最近上线了一个小型SAAS系统,基于SpringCloud Alibaba,阿里云Serverless部署。系统的核心就是围绕自定义表单展开各种业务,之前对自定义表单的各种方案做过一些调研和对比,苦于没有找到一个比较成熟且“聪明”的方案。最终衡量利弊和开发效率之后,决定尝试一下MongoDB + 前端表单设计的方案。业务核心以外的其他模块Mq,Activiti等等都是一些成熟的方案。

就自定义表单这一块内容,从用户的角度,在表单设计页面用前端工具咔咔连拖带拽设计出一个表单,提交保存之后立马就可以用了,感受还是不错的。

背后要做的事情还挺多,简单罗列一下,后面分几篇文逐个记录一下。

1. 数据类型和数据校验的问题。

2. 多步骤表单、付款步骤以及各步骤的先决条件设置

3. 如何支持Excel的导入,导入模板的管理及校验方式

……

一、表单的定义

现在使用前端进行自定义表单拖拽配置的工具很多,我用的Avue,有一些坑,不过能凑活用。后台所作的工作就是根据解析用户定义的表单配置(JSON格式),把字段、字段类型、校验规则、正则规则、是否必须等等属性全部解析出来保存好,作为后续校验用户提交数据的依据。

免责声明:内容来自网络,若侵犯您的权利,请在一个月内通知我们,会及时删除

@轻流