# 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
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
Java毕业设计基于SpringBoot+Vue的在线教育平台项目源码+数据库脚本(高分毕设),本项目是一套98分毕业设计系统,主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者,也可作为课程设计、期末大作业,包含:项目源码、项目说明等。该项目可以直接作为毕设使用,项目都经过严格调试,确保可以运行! Java毕业设计基于SpringBoot+Vue的在线教育平台项目源码+数据库脚本(高分毕设),本项目是一套98分毕业设计系统,Java毕业设计基于SpringBoot+Vue的在线教育平台项目源码+数据库脚本(高分毕设)主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者,Java毕业设计基于SpringBoot+Vue的在线教育平台项目源码+数据库脚本(高分毕设)可作为课程设计、期末大作业,包含:项目源码、项目说明等。该项目可以直接作为毕设使用,项目都经过严格调试,确保可以运行! Java毕业设计基于SpringBoot+Vue的在线教育平台项目源码+数据库脚本(高分毕设),本项目是一套98分毕业设计系统,Java毕业设计基于SpringBoot+V
资源推荐
资源详情
资源评论
收起资源包目录
Java毕业设计基于SpringBoot+Vue的在线教育平台项目源码+数据库脚本(高分毕设) (442个子文件)
.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-innocent.gif 336B
smiley-yell.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 333B
.gitignore 171B
.gitignore 92B
.gitkeep 0B
index.html 440B
favicon.ico 66KB
favicon.ico 1KB
maven-wrapper.jar 50KB
EduCourseServiceImpl.java 7KB
EduTeacherController.java 5KB
MavenWrapperDownloader.java 5KB
UcenterMemberServiceImpl.java 5KB
EduChapterServiceImpl.java 4KB
EduSubjectServiceImpl.java 4KB
StatisticsDailyServiceImpl.java 4KB
TestVod.java 4KB
RedisConfig.java 3KB
VodServiceImpl.java 3KB
CodeGenerator.java 3KB
CodeGenerator.java 3KB
CodeGenerator.java 3KB
SubjectExcelListener.java 3KB
VodController.java 3KB
AuthGlobalFilter.java 3KB
ErrorHandlerConfig.java 3KB
JwtUtils.java 3KB
EduCourseController.java 3KB
UcenterMemberBackComtroller.java 3KB
UcenterMemberController.java 2KB
OssServiceImpl.java 2KB
CourseFrontController.java 2KB
EduCourse.java 2KB
EduVideoController.java 2KB
EduVideo.java 2KB
UcenterMember.java 2KB
EduVideoServiceImpl.java 2KB
UcenterMemberOrder.java 2KB
JsonExceptionHandler.java 2KB
MsmServiceImpl.java 2KB
EduChapterController.java 2KB
BannerAdminController.java 2KB
EduTeacherServiceImpl.java 2KB
TeacherFrontController.java 2KB
EduTeacher.java 2KB
MsmController.java 2KB
IndexFrontController.java 2KB
StatisticsDaily.java 2KB
CrmBanner.java 2KB
EduCourseDescription.java 1KB
R.java 1KB
CourseWebVo.java 1KB
CourseWebVoOrder.java 1KB
SwaggerConfig.java 1KB
EduSubject.java 1KB
EduChapter.java 1KB
共 442 条
- 1
- 2
- 3
- 4
- 5
资源评论
程序员张小妍
- 粉丝: 1w+
- 资源: 3318
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 部署 yolox 算法使用 deepstream.zip
- 基于webmagic、springboot和mybatis的MagicToe Java爬虫设计源码
- 通过实时流协议 (RTSP) 使用 Yolo、OpenCV 和 Python 进行深度学习的对象检测.zip
- 基于Python和HTML的tb商品列表查询分析设计源码
- 基于国民技术RT-THREAD的MULTInstrument多功能电子测量仪器设计源码
- 基于Java技术的网络报修平台后端设计源码
- 基于Python的美食杰中华菜系数据挖掘与分析设计源码
- 30.STM32_UART_RFID_读卡号_初始化钱包_语音.rar
- 基于Java开发的个人知识库记录系统设计源码
- 通过 LibTorch C++ API 部署 YOLOv5 进行实时对象检测.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功