react-dashboard

预设账号：

• username: ‘admin’ password: ‘admin’
• username: ‘teacher’ password: ‘123456’
• username: ‘guest’ password: ‘guest’

dev && build

Getting Started

安装依赖:

npm install 或者 yarn 或者 yarn install

开发：

npm run build:dll #第一次npm run dev时需运行此命令，使开发时编译更快
npm run dev
打开 http://localhost:8000

以上3条命令完成就可以进行开发了，下面的跟发布有关。

构建：

npm run build
将会打包至dist/{version}目录 #package.json里version字段
npm run build:new
将会打包至dist/{version增加1}目录 #package.json里version字段

代码检测：

git项目提交时，会自动run precommit 进而执行 npm run lint，执行esLint代码检测

目录结构

├── /dist/           # 项目输出目录
├── /src/            # 项目源码目录
│ ├── /public/       # 公共文件，编译时copy至dist目录
│ ├── /components/   # UI组件及UI相关方法
│ │ ├── skin.less    # 全局样式
│ │ └── vars.less    # 全局样式变量
│ ├── /routes/       # 路由组件
│ │ └── App/index.js       # 路由入口
│ ├── /models/       # 数据模型
│ ├── /services/     # 数据接口
│ ├── /themes/       # 项目样式
│ ├── /mock/         # 数据mock
│ ├── /utils/        # 工具函数
│ │ ├── config.js    # 项目常规配置
│ │ ├── menu.js      # 菜单及面包屑配置
│ │ ├── config.js    # 项目常规配置
│ │ ├── request.js   # 异步请求函数
│ │ └── theme.js     # 项目需要在js中使用到样式变量
│ ├── route.js       # 路由配置
│ ├── index.js       # 入口文件
│ └── index.html     
├── package.json     # 项目信息
├── .eslintrc        # Eslint配置
└── .roadhogrc.js    # roadhog配置

!!Attention!!

• antd的配置文件 src/theme.js
• 全局的配置文件 src/utils/config.js
• 异步请求方法 src/utils/request.js
  • （关于为什么使用axios而不是fetch：在一个无服务器的环境中模拟数据请求，Mock不能拦截Fetch，只能拦截XHR，所以我选了一个纯Ajax的库axios）

Thanks

zuiidea: https://github.com/zuiidea/antd-admin

sorrycc: https://github.com/dvajs/dva-example-user-dashboard