老板：给你20天，写一个可拖拽动态表单低代码生成器

文章预览

点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 本文用于复盘之前实现的表单生成器需求，记录整体的思路，由于开发时间只有20多天不到一个月，成品比较粗糙，请见谅。 效果展示 需求 上面的视频就是最终完成的效果，还存在一些瑕疵，比如拖拽样式优化、input组件后缀样式优化等。 首先「表单生成器页面」分为上下两个部分： 上层：标题、首页附页切换、保存功能 下层：表单生成器 左侧：数据项配置 中间：面板显示 右侧：表单项设置 各自的功能为： 上层：切换首页附页、 校验 并保存已配置表单，首页附页分开保存 下层： 左侧部分：模块和子项均支持增删改，模块可折叠和展开，点击子项或模块同步显示到中间面板，也 可拖动 到中间面板 中间部分： 显示最终表单 效果，组件hover和选中效果，可删除， 可拖动 ………………………………