# vue-manage-system
<a href="https://github.com/vuejs/vue">
<img src="https://img.shields.io/badge/vue-2.6.10-brightgreen.svg" alt="vue">
</a>
<a href="https://github.com/ElemeFE/element">
<img src="https://img.shields.io/badge/element--ui-2.8.2-brightgreen.svg" alt="element-ui">
</a>
<a href="https://github.com/lin-xin/vue-manage-system/blob/master/LICENSE">
<img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license">
</a>
<a href="https://github.com/lin-xin/vue-manage-system/releases">
<img src="https://img.shields.io/github/release/lin-xin/vue-manage-system.svg" alt="GitHub release">
</a>
<a href="https://lin-xin.gitee.io/example/work/#/donate">
<img src="https://img.shields.io/badge/%24-donate-ff69b4.svg" alt="donate">
</a>
基于 Vue3 + Element Plus 的后台管理系统解决方案。[线上地址](https://lin-xin.gitee.io/example/work/)
Vue2 版本请看 [tag-V4.2.0](https://github.com/lin-xin/vue-manage-system/tree/V4.2.0)
> React + Ant Design 的版本正在开发中,仓库地址:[react-manage-system](https://github.com/lin-xin/react-manage-system)
[English document](https://github.com/lin-xin/manage-system/blob/master/README_EN.md)
## 项目截图
### 登录
![Image text](https://github.com/lin-xin/manage-system/raw/master/screenshots/wms3.png)
### 首页
![Image text](https://github.com/lin-xin/manage-system/raw/master/screenshots/wms1.png)
## 赞赏
请作者喝杯咖啡吧!(微信号:linxin_20)
![微信扫一扫](https://lin-xin.gitee.io/images/weixin.jpg)
## 前言
该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(Web Management System)开发。基于 Vue3,使用 vue-cli3 脚手架,引用 Element Plus 组件库,方便开发快速简洁好看的组件。分离颜色样式,支持手动切换主题色,而且很方便使用自定义主题色。
## 功能
- [x] Element Plus
- [x] 登录/注销
- [x] Dashboard
- [x] 表格
- [x] Tab 选项卡
- [x] 表单
- [x] 图表 :bar_chart:
- [ ] 富文本编辑器
- [ ] markdown 编辑器
- [x] 图片拖拽/裁剪上传
- [ ] 支持切换主题色 :sparkles:
- [ ] 列表拖拽排序
- [x] 权限测试
- [x] 404 / 403
- [x] 三级菜单
- [x] 自定义图标
- [ ] 可拖拽弹窗
- [x] 国际化
## 安装步骤
```
git clone https://github.com/lin-xin/vue-manage-system.git // 把模板下载到本地
cd vue-manage-system // 进入模板目录
npm install // 安装项目依赖,等待安装完成之后,安装失败可用 cnpm 或 yarn
// 开启服务器,浏览器访问 http://localhost:8080
npm run serve
// 执行构建命令,生成的dist文件夹放在服务器下即可访问
npm run build
```
## 组件使用说明与演示
### vue-schart
vue.js 封装 sChart.js 的图表组件。访问地址:[vue-schart](https://github.com/linxin/vue-schart)
<p><a href="https://www.npmjs.com/package/vue-schart"><img src="https://img.shields.io/npm/dm/vue-schart.svg" alt="Downloads"></a></p>
```html
<template>
<div>
<schart class="wrapper" canvasId="myCanvas" :options="options"></schart>
</div>
</template>
<script>
import Schart from "vue-schart"; // 导入Schart组件
export default {
data() {
return {
options: {
type: "bar",
title: {
text: "最近一周各品类销售图",
},
labels: ["周一", "周二", "周三", "周四", "周五"],
datasets: [
{
label: "家电",
data: [234, 278, 270, 190, 230],
},
{
label: "百货",
data: [164, 178, 190, 135, 160],
},
{
label: "食品",
data: [144, 198, 150, 235, 120],
},
],
},
};
},
components: {
Schart,
},
};
</script>
<style>
.wrapper {
width: 7rem;
height: 5rem;
}
</style>
```
## License
[MIT](https://github.com/lin-xin/vue-manage-system/blob/master/LICENSE)
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
时代在变化,科技技术以无法预测的速度在达到新的高度,并且被应用于社会生活的各个领域,随着生活的加快,也使很多潜在的点逐渐突显出来,社会对于人才的要总是非常迫切的,并且对于社会所需要人才的要求也是在不断的提升变化,人才的培养是基于教育,对于人的全面发展的成绩审核来判断教育教学的效果,其中最常用且最关键的环节便是通过严格的考试来评判,传统且各个高校所采用的考试模式需要前期准备考场、纸质版试卷、监考人员、评卷人员,录入成绩,公布成绩等等流程,不管是在物力、人力、财力以及时间的耗损来看,都将是需要结合新的东西来使之更加的效力优化,如今,不断创新的教育理念和教学模式,出现了无纸化考试模式,并且在计算机的结合中,已经成为了辅助教学的强力发展趋势,随着科技技术的不断发展,无纸化的考试体系也在不断的完善中,在科技和传统的教学模式的结合下,强有力的节约了考试的成本以及促进了考试灵活性以及科学性,并且使教学的管理也逐步的优化,无纸化考试的优势非常的明显。故不管是从什么方面出发,在线考试系统网站的创建都是很有必要的。在线考试系统网站的功能模块具有课程管理、成绩管理、教师管理、学生管理、考试管理以及基本信息的
资源推荐
资源详情
资源评论
收起资源包目录
基于SpringBoot+Vue+Mysql的在线考试系统(源码+论文) (247个子文件)
config 307B
bootstrap.min.css 141KB
ready.css 112KB
ready.min.css 90KB
animate.css 51KB
bootsnav.css 34KB
font-awesome.min.css 30KB
style.css 5KB
main.css 3KB
demo.css 2KB
color-dark.css 448B
responsive.css 203B
bg.css 93B
icon.css 91B
description 73B
基于SpringBoot的在线考试系统.doc 4.12MB
任务书.docx 16KB
.DS_Store 6KB
.DS_Store 6KB
line-awesome.eot 110KB
exclude 240B
.gitattributes 267B
.gitignore 361B
.gitignore 254B
HEAD 176B
HEAD 176B
HEAD 32B
HEAD 23B
zhao.html 313KB
AddQuestion.html 14KB
questionList.html 14KB
index.html 8KB
RandomQuestion.html 8KB
doExam.html 7KB
bar.html 6KB
teacherList.html 6KB
ManagerQuestion.html 6KB
questionEdit.html 6KB
questionAdd.html 5KB
studentAdd.html 5KB
studentEdit.html 5KB
prexam.html 5KB
login.html 5KB
studentList.html 5KB
paperList.html 4KB
showExamHist.html 4KB
backexamlist.html 4KB
RecordList.html 4KB
loginx.html 4KB
teacherAdd.html 4KB
classeList.html 4KB
paperEdit.html 4KB
paperAdd.html 3KB
AddExam.html 3KB
claAcc.html 3KB
classeEdit.html 3KB
classeAdd.html 3KB
histplan.html 2KB
prexamed.html 2KB
examplan.html 2KB
index.html 620B
pack-e8b86527c45802e185f01800dfebfc9119f5e417.idx 43KB
index 4KB
PaperController.java 9KB
ExamController.java 7KB
QuestionController.java 5KB
LoginController.java 5KB
RecordController.java 4KB
ClasseController.java 3KB
TeacherController.java 2KB
KaoshiApplicationTests.java 2KB
PaperServiceImpl.java 2KB
RecordServiceImpl.java 2KB
QuestionServiceImpl.java 2KB
DruidConfig.java 2KB
WebMvcConfig.java 2KB
StudentController.java 2KB
TeacherServiceImpl.java 1KB
ClasseServiceImpl.java 1KB
LoginHanderInterceptor.java 1KB
PaperService.java 1KB
RecordService.java 1KB
RecordMapper.java 1KB
QuestionService.java 1KB
StudentServiceImpl.java 1KB
Question.java 1KB
PaperMapper.java 1KB
ExamServiceImpl.java 1KB
RecordExam.java 1015B
QuestionMapper.java 1014B
Student.java 997B
Toscore.java 787B
ExamMapper.java 707B
StudentMapper.java 685B
ClasseService.java 678B
QuestionPaper.java 644B
TeacherService.java 637B
TeacherMapper.java 633B
ClaAcc.java 604B
PapIdQuesCourse.java 593B
共 247 条
- 1
- 2
- 3
资源评论
前端筱悦
- 粉丝: 377
- 资源: 622
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- lab7_02.c
- 基于 SpringCloud 和 Vue3 的OA系统
- 软考高级项目管理师-项目采购管理思维导图
- WordsVector (1).ipynb
- yolov7 车牌检测 车牌识别 中文车牌识别 检测 支持双层车牌 支持12种中文车牌
- 20240429_112025.m4a
- "麦嘟学编程"似乎是一个与编程学习相关的品牌或社区名称,它可能是一个在线教育平台、博客、论坛或社交媒体群组等,旨在帮助人们学习编
- OpenCV(Open Source Computer Vision Library)是一个开源的计算机视觉和机器学习软件库,由
- Redis入门基础篇+源码(springboot、maven)
- ChatGPT-4是由OpenAI开发的人工智能模型,是GPT(Generative Pre-trained Transform
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功