umi官网 :https://umijs.org/ 支付宝当家大牛云谦搞得框架,不用自己配webpack babel那一堆烦人的东西。而且它约定了路由的规则。非常简单容易上手。
mobx 的官网:https://cn.mobx.js.org/ 用mobx而不用dva主要是因为 dva的state是一个对象,项目过大对象会巨长 ,而mobx则更灵活。本项目中主要用到了mobx 的如下api
项目目录结构:
所有的组件都在pages这个文件夹下。
下面简单贴一些 组件 store model 之间的关系图
首先是组件:
store:
store对应的model
ioc.ts