umi 与dva结合解析

Umi.js

• 封装了编译步骤，包括了很多开发时的有用工具。只要你写好 React 代码，接下来 umi 就会把它处理为生产代码。
• 配置文件被约定为config/config.js。也可以使用 .umirc.js 来作为配置文件。它和 config/config.js是二选一的。 src 目录，它用来存放项目的除了配置以及单测以外的主要代码。
• 约定的存放页面代码的文件夹是 pages。在配置项中添加 singular 为 true 可以让 page 变为约定的文件夹。
• 在 umi 中，你可以使用约定式的路由，在 page 下面的 JS 文件都会按照文件名映射到一个路由。
• 除了约定式的路由，你也可以使用配置式的路由。其中 component 是一个字符串，它是相对于page 目录的相对路径。
• 当有了 routes 的配置之后 umi 就不会再执行约定式对应的路由逻辑了。

dva.js

DVA 是基于 redux、redux-saga 和 react-router 的轻量级前端框架及最佳实践沉淀。

model
软件架构的分层

服务端

• Controller 层负责与用户直接打交道，渲染页面、提供接口等，侧重于展示型逻辑。
• Service 层负责处理业务逻辑，供 Controller 层调用。
• Data Access 层顾名思义，负责与数据源对接，进行纯粹的数据读写，供 Service 层调用。