admin-fe/README.md

95 lines
2.5 KiB
Markdown
Raw Normal View History

2017-04-24 09:04:40 +00:00
##vue-element-admin
vue+element+axios 的管理后台 [线上地址](http://panjiachen.github.io/vue-element-admin)
2017-04-17 03:50:56 +00:00
2017-04-24 09:04:40 +00:00
这半年来一直在用vue写管理后台目前后台已经有七十多个页面十几种权限但维护成本依然很低效率依然很高。这半年来积累了不少的后台开发经验所以准备开源分享一下。
2017-04-24 10:31:47 +00:00
### 功能
2017-04-24 09:04:40 +00:00
- [x] 登录/注销
- [x] 权限验证
2017-04-24 09:34:04 +00:00
- [x] 侧边栏
- [x] 面包屑
2017-04-24 09:04:40 +00:00
- [x] 富文本编辑器
- [x] Markdown编辑器
- [x] JSON编辑器
- [x] 列表拖拽
- [x] SplitPane
- [x] Dropzone
- [x] Sticky
- [x] CountTo
- [x] echarts图表
- [x] 401401错误页面
- [x] 错误日志
- [x] 导出excel
- [x] table example
- [x] form example
- [x] 多环境发布
2017-04-24 09:34:04 +00:00
- [x] dashboard
- [x] 二次登录
- [x] 动态侧边栏
2017-04-24 10:19:35 +00:00
- [x] mock
2017-04-24 09:34:04 +00:00
2017-04-24 09:04:40 +00:00
2017-04-24 10:19:35 +00:00
### 开发
2017-04-24 09:04:40 +00:00
```bash
2017-04-24 10:31:47 +00:00
# 克隆项目
git clone https://github.com/PanJiaChen/vue-element-admin.git
# 安装依赖
npm install
# 本地开发 开启服务,浏览器访问 http://localhost:9527
npm run build
2017-04-24 09:04:40 +00:00
```
2017-04-24 10:19:35 +00:00
### 发布
```bash
2017-04-24 10:31:47 +00:00
# 发布测试环境 带webpack ananalyzer
npm run build:sit-preview
# 构建生成环境
npm run build:prod
2017-04-24 10:19:35 +00:00
```
## 效果图
2017-04-17 03:50:56 +00:00
2017-04-17 03:51:58 +00:00
#### 两步验证登录 支持微信和qq
2017-04-17 03:50:56 +00:00
2017-04-17 03:47:47 +00:00
![两步验证 here](https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/2login.gif)
2017-04-17 03:51:58 +00:00
#### 真正的动态换肤
2017-04-17 03:50:56 +00:00
2017-04-17 03:47:47 +00:00
![真正的动态换肤](https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/theme.gif)
2017-04-17 03:51:58 +00:00
#### 可收起侧边栏
2017-04-17 03:50:56 +00:00
2017-04-17 03:47:47 +00:00
![enter image description here](https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/leftmenu.gif)
2017-04-17 03:51:58 +00:00
#### 拖拽排序
2017-04-17 03:50:56 +00:00
2017-04-17 03:47:47 +00:00
![enter image description here](https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/order.gif)
2017-04-17 03:51:58 +00:00
#### 上传裁剪头像
2017-04-17 03:50:56 +00:00
2017-04-17 03:47:47 +00:00
![enter image description here](https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/uploadAvatar.gif)
2017-04-20 12:31:40 +00:00
#### 错误统计
![enter image description here](https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/errorlog.png)
2017-04-17 03:51:58 +00:00
#### 富文本(整合七牛 打水印等个性化功能)
2017-04-17 03:50:56 +00:00
2017-04-17 03:47:47 +00:00
![enter image description here](https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/editor.gif)
2017-04-17 03:51:58 +00:00
#### 封装table组件
2017-04-17 03:50:56 +00:00
2017-04-17 03:47:47 +00:00
![enter image description here](https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/table.gif)
#### 图表
2017-04-17 03:50:56 +00:00
2017-04-17 03:47:47 +00:00
![enter image description here](https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/echarts.gif)
2017-04-17 03:51:58 +00:00
#### 导出excel
2017-04-17 03:50:56 +00:00
2017-04-17 03:47:47 +00:00
![enter image description here](https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/excel.png)
等等很多,尽请期待!