当前位置: 首页 > Web前端 > HTML

Antd(react)风格表单开发最快解决方案

时间:2023-03-28 15:40:38 HTML

前端表单可视化生成器有很多,基本都是实现比较简单的功能,稍微复杂一点就捉襟见肘了。这个时候,就免不了要面对一个庞大复杂的身影。血战了三天三夜,下面就来看看如何在半小时内发送一个视觉方法得到一个复杂的表格。先看图(不要看简单的):这是一个简单的布局,动态形式,输入a后字段b这是计算的,元素级和块级的分步形式-层级联动功能、其他组件数据选择自由搭配、层级联动等,不固定。就是我们看到的功能,也就是我们看到的功能就是我们用的时候看到的。设计功能而不是将这些功能封装在我们的组件中。开发示例中可以使用更多示例。如果你的项目使用antd4.x版本,需要安装。yarnaddfreedom//Installthelibraryif如果你想用一个空项目试试,你可以在sampleproject中点击download下载一个完整的项目并解压yarn//安装依赖yarnstart//启动项目,如果你想用一个空的项目来构建,至少你要安装:yarnaddantd@4.19.5yarnaddfreedom然后将代码选项卡中的所有代码复制到对面的页面,如图:其他如果你没有知道如何使用组件,您也可以查看视频教程。开发工具不是开源的。但代码生成框架freedommen是开源的,即每一行代码都可控,不会有后顾之忧。不仅可以开发表格,还可以在指尖完成项目~感谢您浪费宝贵的时间来看一看。