The userdashboard from isaacyan17

userdashboard's Introduction

userDashboard

特性

基于react,ant-design,dva,mock实现的用户管理系统
dva加载Model和router

TODO List

登录界面
登录用户信息
添加新用户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）