a little material-design dashboard build upon reactjs, ant design, dva.js.
基于 react.js, ant design, dva.js 开发的类 material 风格的 dashboard。:laughing: :laughing: :laughing:
技术栈:react、react-router、ant design、dva、roadhog...
git clone https://github.com/huzzbuzz/little-a-dashboard.git
cd little-a-dashboard
npm i or yarn install
before run this,you might need to installed roadhog cli with
npm i roadhog -g
npm start
it will automatically open http://localhost:8000
npm run build
it will builds the app for production to the dist folder. your app is ready to be deployed.
- 类 material-ui 风格
- 登录、退出、锁屏(模拟)
- 主页及其他示例页
- 菜单折叠、简单换肤
- redux 完整使用示例
- 动态路由,按需加载
- 打包后,Filename Hash
- Automatically select the menu based on the url
- Responsive Sidebar
- Full RESTful API
├── /dist/ # 打包输出
├── /mock/ # mock数据
├── /public/ # 公共文件
├── /src/ # 项目源码
│ ├── /components/ # UI组件
│ ├── /models/ # 数据模型
│ ├── /routes/ # 路由组件
│ │ └── app.js # 入口
│ ├── /services/ # 数据接口
│ ├── /themes/ # 项目样式
│ ├── /utils/ # 工具函数
│ │ ├── config.js # 项目配置
│ │ └── request.js # 异步请求函数
│ ├── route.js # 路由配置
│ ├── index.js # 入口文件
│ └── index.html
├── package.json # 项目信息
├── .roadhogrc.js # roadhog配置
├── .roadhogrc.mock.js # roadhog mock
├── theme.config.js # 更改 ant 主题
└── webpack.config.js
MIT
如果你喜欢,请 star 支持一下吧 😚 😜