• dva+reactjs+ant+mongoDB
• 基于dva搭建前端工程解决方案模板

• Node.js：v4.9+

$ git clone https://github.com/gukun00/example.git

$ npm install dva-cli -g
$ npm install antd babel-plugin-import --save # 蚂蚁金服UI及按需加载插件
$ cd dva-example && npm install

• 启动本地开发服务器

  $ npm start

  .
  ├── action            #忽略，未用
  │   └── auth.js
  ├── assets
  │   └── yay.jpg       #忽略，未用
  ├── auth              #忽略，未用
  ├── components        # 组件目录
  │   ├── Example.js    # 自带例子，参考   
  │   ├── UserAdd.js    # 新增及修改页面
  │   └── UserList.js   # 本demo中的用户列表组件
  ├── index.css
  ├── index.js
  ├── models
  │   ├── example.js
  │   └── users.js
  ├── router.js
  ├── routes
  │   ├── IndexPage.css
  │   ├── IndexPage.js
  │   ├── UserAdd.js   # 子路由入口（用户新增及修改）
  │   └── Users.js     # 子路由入口（用户）
  ├── services
  │   └── example.js
  └── utils
      └── request.js

• 初次发布

• 2017.01.16
  • 相对于传统的react全家桶，dva比较自动化，环境搭建相对比较容易
  • 程序架构比较成熟，且有成熟的维护团队
  • 界面友好，例子比较全
  • 个人比较喜欢其中的程序架构^_^
• 2017.02.04
  • antd+dva的开发模式比较小清新，但是生态系统一般，例子太少，后面我将探索纯react+redux的例子
  • to be continue
  • mangoo的例子先不做了，比较简单，下次再做

• 基于ant-designer官网的项目实战搭建的例子
• 配合比较流行的数据库mongoDB，构建一个最简单的表单应用
• 可以作为学习的例子，也可以做简单的项目例子
• 后续会在这个例子上面进行扩充，重构的以前完成的热网监控系统

• 命令：npm install dva-cli -g

• echo "# example" >> README.md
• git init
• git add README.md
• git commit -m "first commit"
• git remote add origin https://github.com/gukun00/example.git
• 如果提示已经存在刚项目先执行命令 git remote rm origin
• git push -u origin master

• 命令：dva new dva-example

• antd：蚂蚁金服的组件
• babel-plugin-import：按需加载的组件
• 命令：npm install antd babel-plugin-import --save

• 简介：mongoose为mongoDB api的二次封装，简化了数据库操作
• 命令： npm install mongoose --save

MIT.