美文网首页
react,dva,antd实践用户管理平台(开篇未完待续)

react,dva,antd实践用户管理平台(开篇未完待续)

作者: cherishyan | 来源:发表于2017-10-23 10:55 被阅读328次

userDashboard

userDashboard

ReactReact
Ant DesignAnt Design
dvadva

(简书的布局这么奇怪嘛。。。)

特性

  • 基于react,ant-design,dva,mock实现的用户管理系统

  • dva加载Model和router

TODO List

  • [ ] 登录界面
  • [ ] 登录用户信息
  • [ ] 添加新用户mock数据
  • [ ] App界面

过程

userDashboarddva推荐的一个react+dva+antd的练手项目,也是我开始接触前端并且一边学一边写的。相关的学习资源:

(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 install

start

npm run start

相关文章

网友评论

      本文标题:react,dva,antd实践用户管理平台(开篇未完待续)

      本文链接:https://www.haomeiwen.com/subject/mpiouxtx.html