演示一下最近开发的动态表单生成器

作者: 张阳君 分类: 前端技术

最近给公司制作了一款动态表单生成器,是基于Angular4开发的。本文只是表单生成器的部分展示,我会在开头简要说明实现原理,但不涉及技术细节和源码,后续有时间的话可能会基于其他框架开发更加强大的表单生成器。

实现原理

动态表单的实现核心是创建一个结构合理的中间数据,这是一个JSON格式的数据,表单创建器最终生成该数据,而表单读取器则接收该中间数据,生成表单。原理就是这么简单,核心就是中间数据的架构,而表单创建器和读取器则是一个结构相似的web组件。当然基础工作也有很多,譬如挑选一个合适的ui组件库(本文演示中的组件库是公司内部开发的)。

演示视频

(全文完)

0 条评论
回复
支持 Markdown 语法
暂无评论,来抢个沙发吧!