react+antd+dva细节

首先是项目结构

1、js+modal+service，页面+数据+端口
js是骨架，modal是血肉，services是数据源
js写页面，页面可以有子页面或者小弹窗，子页面弹窗直接引用，需要的数据等到需要调出弹窗的时候再行获取，如果需要父页面传入需要的id，需要在点击事件中传入id。
2、modal写页面需要的数据，一般而言，所需要的所有数据都应该在modal里面出现。
对于小页面，只有弹窗没有子页面的页面，只需要一个modal就行，有过多子页面的，可以有多个modal。
modal可以监听url，一旦url发生变化，modal可以用监听函数来默认自动发送一次请求，而不用绑定点击事件来发送，这个方法简化了modal里面函数的复杂度，专注于处理用户操作。
3、service是端口数据源，当数据请求发送到services的时候，可以从后端获取返回的数据或者提示，这里可以直接弹提示，无论是获取失败还是请求成功。

然后是一些页面细节

js部分

mock 存放用于 mock 数据的文件；
public 一般用于存放静态文件，打包时会被直接复制到输出目录(./dist)；比如图片。
src 文件夹用于存放项目源代码；
asserts 用于存放静态资源，打包时会经过 webpack 处理