dva-guide.md

所需知识

• dva
• React
• Ant Design
• ES6
• UmiJS

参考链接

dva所需知识导图

UmiJS与dva的关系

开发

1. 安装node.js运行环境
2. 进入项目目录执行npm install，建议使用cnpm install(http://npm.taobao.org/)
3. 运行npm start

部署

1. 修改/.webpackrc.js中target属性改为build
2. npm run build，将dist中文件放入服务器根目录

目录结构

参考 Ant Design Pro

dva 2.x之后底层使用UmiJS开发框架，所以目录结构是UmiJS规定的

.
├── .editorconfig       
├── .eslintrc           
├── .gitignore          
├── .umirc.js           # umi配置文件
├── .webpackrc.js       # 配置代理
├── README.md
├── doc                 # 文档
├── mock                # 测试数据
│   └── .gitkeep
├── package.json        # 包依赖
└── src                 # 主
    ├── assets          # 静态文件
    ├── components      # 展示组件
    ├── containers      # 容器组件
    ├── global.less     # 全局样式
    ├── layouts         # 布局
    ├── models          # dva models
    ├── pages           # 路由
    ├── services        # 请求相关
    └── utils           # 工具

代码规范

• 语句最后不使用分号
• 尽量使用 ES6 语法
• 复杂逻辑写注释
• 函数命名规范
  • set、update更新
  • get获取数据
  • del、delete删除
  • fill绘制、填充数据