技术基于element-ui
思想： 前端架构设计
- 20%的计划式设计，80%的演进式设计
- 前端架构需求
- 本项目需要支持低版本浏览器(如 ie11)
- 更换皮换
- 性能优化
- 框架设计原则
- 技术风险点
表单组件
后台管理系统模块大多数是表单form、详情展示，所以让ui出模块，基于form组件进行二次封装成符合场景表单
以下图需要达到ui标准
开始想法：
- Element UI表单设计及代码生成器：
- 可将生成的代码直接运行在基于Element的vue项目中。
- 参考地址 github.com/JakHuang/fo…
特点：
- 可视化设计表单
- 一键生成原生的vue单页表单代码，100%拓展性
- 在线编辑器修改生成的代码，并实时预览
- 表单栅格化布局
- 支持表单校验
- 快速查阅Element UI官方文档
- 配套vscode插件
遇到到的问题：
- 如果添加自定义组件
- 表单生成json 数据怎么保存，是存到数据库还是缓存到本地，我的建议是存在本地
需求：
- 前端表单提交字段数据跟后台数据库一一对应
结果：
通过跟其他部门沟通，发现对方投入40人在产出，开发中发现需要有很多地方需要去踩的，所以先采取json 数据结构渲染模板进行过渡开发
json数据驱动视图生成表单
因为之前有封装过app移动端的表单，在app很好的实践过，但是在迁移到pc端时，发现需要开发验证方式，增加开发难度，所以走了点弯路，最终又回到element-ui-form组件，在组件的结构设计上还是app表单组件方式。表单开发借鉴cube-ui form didi.github.io/cube-ui/#/z…
经验：领导给你需求，或者需要去封装一些组件，不慌，先搞清楚需求，然后找找第三库有符合要求，要学会抄袭模仿，改成自己符合的，这样可以节约时间和学习别人代码。
form 组件结构：
1、components.js 把form涉及单选框、复选框、输入框、下拉框、按钮、日期控件 抽离
