Skip to content

a material-design dashboard build upon reactjs, ant design, dva.js. 基于 react.js, ant design, dva.js 开发的类 material 风格的 dashboard。

License

Notifications You must be signed in to change notification settings

iT-lijun/little-a-dashboard

 
 

Repository files navigation

Little A Dashboard

DUB JavaScript Style Guide

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...

Quick Start 开始   

Clone

git clone https://github.com/huzzbuzz/little-a-dashboard.git

Install

cd little-a-dashboard
npm i or yarn install

Run

before run this,you might need to installed roadhog cli with npm i roadhog -g

npm start

it will automatically open http://localhost:8000

Build

npm run build

it will builds the app for production to the dist folder. your app is ready to be deployed.

Already Done 特性

  • 类 material-ui 风格
  • 登录、退出、锁屏(模拟)
  • 主页及其他示例页
  • 菜单折叠、简单换肤
  • redux 完整使用示例
  • 动态路由,按需加载
  • 打包后,Filename Hash

Further Plan 计划

  • Automatically select the menu based on the url
  • Responsive Sidebar
  • Full RESTful API

Screenshot 截图

Dashboard

Login

Lock

alert

Charts

Table

Sidebar

Responsive Sidebar

Setting

Acknowledgements 致谢 

Project Structure 结构

├── /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

License

MIT

如果你喜欢,请 star 支持一下吧 😚 😜

About

a material-design dashboard build upon reactjs, ant design, dva.js. 基于 react.js, ant design, dva.js 开发的类 material 风格的 dashboard。

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 72.8%
  • CSS 26.9%
  • HTML 0.3%