-
基于react,ant-design,dva,mock实现的用户管理系统
-
dva加载Model和router
- 登录界面
- 登录用户信息
- 添加新用户mock数据
- App界面
userDashboard 为dva推荐的一个react+dva+antd的练手项目，也是我开始接触前端并且一边学一边写的。相关的学习资源：
-
12 步 30 分钟，完成用户管理的 CURD 应用。 之前看的github中的代码，mock数据好像不全，我补充了一下。
-
Ant design，蚂蚁金服推出的组件方案，值得推荐。
-
dva 配套的脚手架
-
roadhog本地调试和构建工具，也是基本配套的。
(PS: dva - D.va，roadhog-路霸，下一个工具名字是不是叫麦克雷……)
-
React.js小书，写的非常不错的react入门教程，对于redux的理解很清晰
-
目前的目录结构：
.
├── mock
│ └── users.js
├── package.json
├── public
│ └── index.html
├── src
│ ├── assets
│ │ └── yay.jpg
│ ├── components
│ │ ├── Example.js
│ │ ├── Loader
│ │ └── Users
│ ├── index.css
│ ├── index.js
│ ├── models
│ │ ├── app.js
│ │ ├── example.js
│ │ ├── login.js
│ │ └── users.js
│ ├── router.js
│ ├── routes
│ │ ├── DashboardPage.js
│ │ ├── IndexPage.css
│ │ ├── IndexPage.js
│ │ ├── User.less
│ │ ├── Users.js
│ │ ├── app
│ │ └── login
│ ├── services
│ │ ├── example.js
│ │ ├── login.js
│ │ └── users.js
│ └── utils
│ └── request.js
└── userDashboard.iml（TODO）
2017-10-20
- 增加了App主界面，增加Login的mock和models
2017-10-17
- 更新dva@2.x版本，更新roadhog@1.x版本，修改router
node_modules
npm installstart
npm run start