后台prototype

• 通用 utils
• 请求
• 登录
• 未登录自动跳转
• 全局登录数据
• 登录失效
• 路由
• 权限

• 动态路由

• Layout

• 主题样式

框架选择

整体：我选择 umi 系列，大型复杂数据流用 dva-plugin, 小型全局数据管理用 model-plugin

组件框架：antd-pro

表单：formly

经典页面

表单+分页表格模式

库选择：

• 表单：formily(我一般选择 jsx)
• 表格：antd table + useAntTable (能较好的配合分页、重新查询)

设计上注意：

• label-value 键值对的显示和取值配置应单独维护。如 {CarPlate: {label:'车牌号', key:'carPlate', getValueFromRecord: (record, recordIndex) => string }]，因为至少有三处都需要消费键值对：表单、表格、表格详情展示、导出（如果是前端生成的话）
• 表单：
• 区分默认选择 和 后续选择。表单重置，一般需要重置回默认 value，而不是清空所有 value。
• 需异步处理的数据，如动态下拉项，初始化时机应放在 routeChange 里