关于前端:Antd-react风格表单开发最快方案

2次阅读

共计 564 个字符,预计需要花费 2 分钟才能阅读完成。

前端表单可视化生成器能够说是十分之多,根本实现比较简单的性能,略微简单的就顾此失彼

那此时面对一个超大的简单表单不免要血战三天三夜了

那么来看一下如何发可视化形式在半小时搞定一个简单的表单

先看图吧 (简略的就不看了):

这是一个有简略的布局、动静表格、输出 a 后 b 字段被计算、元素和块级联动的性能

这一个有分步的表单,从其它组件抉择数据、不同级别联动等

自在搭配,而非固定是咱们看到的性能,即看到的性能是咱们应用时设计出的性能而不是咱们组件中封装了这些性能

更多的示例能够到 开发示例 中本人尝试

应用

如果你的我的项目应用的是 antd4.x 版本,须要装置一下即可

yarn add freedomen // 装置库 

如果你想用一个空我的项目试试,你能够在示例我的项目中点击下载即可下载一个残缺的我的项目解压后

yarn // 装置依赖

yarn start // 启动我的项目 

而如果你是想用空我的项目搭建,那么至多你要装置:

yarn add antd@4.19.5

yarn add freedomen

而后将代码 tab 中的代码全副复制到对面的页面中即可,如图:

其它

如果不晓得组件怎么应用的话还能够查看 视频教程

开发工具不开源,然而生成代码的框架 freedomen 是开源的,即每一行代码都可控也不会有后顾之忧呢

不仅能够开发表单哦,残缺的我的项目也是手到擒来呢~

谢谢大家节约贵重的工夫来扫一眼

正文完
 0