layuiajax提交表单控制层代码_开源H5可视化编辑器Dooring之 动态表单设计器实现...

前言

之前笔者有写过一篇如何设计动态表单配置平台的文章,但是由于笔者电脑问题代码丢失,所以后期重新实现了一套表单设计器,并优化了之前的设计方式,特地做一下总结和复盘。

你将收获

  • 动态表单开发的一般思路
  • 可视化领域中的表单引擎
  • 从零实现一款动态表单设计器
  • 利用H5-Dooring开发一款表单设计平台

正文

按照习惯,我们先看看表单设计器实现的效果展示:

layuiajax提交表单控制层代码_开源H5可视化编辑器Dooring之 动态表单设计器实现..._第1张图片

layuiajax提交表单控制层代码_开源H5可视化编辑器Dooring之 动态表单设计器实现..._第2张图片


上图中我们将表单设计器集成到了H5-Dooring中,使其可以实现拖拽生成表单。

其次我们可以根据右边的配置项,动态的添加某个表单组件或或者修改组件字段和数据源。在配置好表单之后我们还可以定制表单提交的api接口地址,以便实现用户数据的可溯源性。

在开发之前,我们先分析一下动态表单设计的一般实现思路。

动态表单开发的一般思路

你可能感兴趣的:(如何设置好看的form表单样式,数值比较器实现)