# vue-admin-template
> A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
**Live demo:** http://panjiachen.github.io/vue-admin-template
[中文文档](https://github.com/PanJiaChen/vue-admin-template/blob/master/README-zh.md)
## Build Setup
```bash
# Clone project
git clone https://github.com/PanJiaChen/vue-admin-template.git
# Install dependencies
npm install
# Serve with hot reload at localhost:9528
npm run dev
# Build for production with minification
npm run build
# Build for production and view the bundle analyzer report
npm run build --report
```
## Demo
![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif)
## Extra
If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
This project is based on `webpack4` development. If you want to use `webpack3` development, please use this branch [webpack3](https://github.com/PanJiaChen/vue-admin-template/tree/webpack3)
For `typescript` version, you can use [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour))
## Related Project
[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
[electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
[vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
### Element-Ui using cdn tutorial
First find `index.html`([root directory](https://github.com/PanJiaChen/vue-admin-template/blob/element-ui-cdn/index.html))
Import css and js of `Element`, and then import vue. Because `Element` is vue-dependent, vue must be import before it.
Then find [webpack.base.conf.js](https://github.com/PanJiaChen/vue-admin-template/blob/element-ui-cdn/build/webpack.base.conf.js)
Add `externals` to make webpack not package vue and element.
```
externals: {
vue: 'Vue',
'element-ui':'ELEMENT'
}
```
Finally there is a small detail to pay attention to that if you import vue in global, you don't need to manually `Vue.use(Vuex)`, it will be automatically mounted, see
[issue](https://github.com/vuejs/vuex/issues/731)
And you can use `npm run build --report` to see the effect
Pictured:
![demo](https://panjiachen.github.io/images/element-cdn.png)
**[Detailed code](https://github.com/PanJiaChen/vue-admin-template/commit/746aff560932704ae821f82f10b8b2a9681d5177)**
**[Branch](https://github.com/PanJiaChen/vue-admin-template/tree/element-ui-cdn)**
## Browsers support
Modern browsers and Internet Explorer 10+.
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
| --------- | --------- | --------- | --------- |
| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
## License
[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
Copyright (c) 2017-present PanJiaChen
没有合适的资源?快使用搜索试试~ 我知道了~
管理系统系列--在线教育管理系统前端.zip
共276个文件
js:58个
vue:50个
jpg:40个
需积分: 5 0 下载量 155 浏览量
2024-02-24
22:39:01
上传
评论
收藏 3.49MB ZIP 举报
温馨提示
管理系统系列--在线教育管理系统前端
资源推荐
资源详情
资源评论
收起资源包目录
管理系统系列--在线教育管理系统前端.zip (276个子文件)
.babelrc 229B
skin.min.css 42KB
global.css 36KB
web.css 20KB
visualblocks.css 5KB
sign.css 4KB
content.min.css 4KB
content.inline.min.css 3KB
iconfont.css 3KB
prism.css 2KB
reset.css 1KB
theme.css 837B
.editorconfig 243B
.editorconfig 207B
tinymce.eot 18KB
tinymce-small.eot 9KB
iconfont.eot 3KB
.eslintignore 34B
loading.gif 13KB
default-img.gif 11KB
loding.gif 4KB
avatar-boy.gif 4KB
default-tea-img.gif 3KB
loader.gif 3KB
default-img_old.gif 2KB
v-loading.gif 1KB
smiley-cool.gif 354B
smiley-wink.gif 350B
smiley-smile.gif 344B
smiley-laughing.gif 343B
smiley-foot-in-mouth.gif 342B
smiley-frown.gif 340B
smiley-kiss.gif 338B
smiley-surprised.gif 338B
smiley-undecided.gif 337B
smiley-yell.gif 336B
smiley-innocent.gif 336B
smiley-embarassed.gif 331B
smiley-cry.gif 329B
smiley-tongue-out.gif 328B
smiley-sealed.gif 323B
smiley-money-mouth.gif 321B
object.gif 152B
anchor.gif 53B
trans.gif 43B
.gitignore 171B
.gitignore 92B
.gitkeep 0B
index.html 432B
favicon.ico 12KB
favicon.ico 12KB
500.jpg 372KB
404.jpg 372KB
eva.jpg 327KB
v-play-bg.jpg 306KB
1525939573202.jpg 183KB
153525d0ef15459596.jpg 114KB
banner-1-blue.jpg 108KB
01.jpg 92KB
banner-2-blue.jpg 92KB
banner-1-green.jpg 88KB
1.jpg 79KB
banner-2-green.jpg 73KB
three-blue.jpg 60KB
one-master.jpg 58KB
two-green.jpg 54KB
1442302831779.jpg 51KB
c-1.jpg 49KB
1442295592705.jpg 45KB
1442295472860.jpg 44KB
1442295604295.jpg 38KB
1442295570359.jpg 36KB
1442295379715.jpg 33KB
1442297969808.jpg 32KB
1442297957332.jpg 31KB
1442295506745.jpg 31KB
1442297927029.jpg 28KB
1442298121626.jpg 27KB
1442297999141.jpg 26KB
1442295455437.jpg 24KB
kyb-tip-bg.jpg 24KB
1442297919077.jpg 23KB
1442297935589.jpg 23KB
1442297885942.jpg 23KB
t-p-1.jpg 22KB
1442295527931.jpg 22KB
1442302852837.jpg 21KB
1442295581911.jpg 20KB
1442297977255.jpg 20KB
1442295556203.jpg 19KB
1442297987091.jpg 18KB
tinymce.min.js 815KB
aliplayer-min.js 175KB
swiper-2.1.0.js 109KB
jquery-1.7.2.min.js 93KB
common.js 26KB
zh_CN.js 10KB
index.js 7KB
language.js 7KB
iconfont.js 6KB
共 276 条
- 1
- 2
- 3
资源评论
Kwan的解忧杂货铺
- 粉丝: 2w+
- 资源: 3699
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 课程设计opencv4.5.4人脸识别类FaceRecognizerSF所需onnx文件.zip
- MediaPipe手势识别小案例用MediaPipe+opencv+PySide2+PyGame进行搭建源码+项目说明.zip
- html+css+js网页设计.rar
- c语言文件读写操作代码.rar
- Python有多种开发框架.rar
- 基于FPGA控制28BYJ48型四相八拍电机步进电机实验Verilog逻辑源码Quartus工程文件+文档说明资料.zip
- 机智云-植物宝制作stm32单片机程序源码+ android app源码+文档说明资料.zip
- php-leetcode题解之整数反转.zip
- php-leetcode题解之只出现一次的数字.zip
- php-leetcode题解之重复N次的元素.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功