小能运营中台管理系统
- antd-pro
- 架构设计
- 将权限认证、页眉、页脚、菜单、用户登录页面部分放到layout管理
- 全局共享的state交给models管理
- 数据请求交给Service层管理
- 将可能被多处复用的组件放置Components
- 和业务相关的增删改查放到pages按模块进行拆分
- 将ajax请求、数组操作、对象拷贝、获取参数封装到工具类中进行管理
- 其他收获
- 模块管理 命名规范,复用性高,无需单独给每个文件重新命名
- typescript 代码规范,提升代码的健壮性,减少代码调试
- mock数据,无需等待后端接口,自行测试
- 通过dva管理state
- hooks使得代码更加轻量,面向函数编程,无需关注this
小能客服平台
- 收获
- 更加合理的使用redux,更加明确了什么场景适用redux
- 对于复杂的组件结构,使用EventEmitter对事件进行管理,实现跨组件调用事件,代码更加简洁,更容易维护。
dva和redux的区别
网友评论