# 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的在线考试系统(源码 + 数据库 + 说明文档) 研究意义 1 2.1 研究背景 1 2.2研究目的与意义 1 3 问题定义 2 4 需求分析 2 4.1需求调研 2 4.2功能模块需求分析 2 4.3设计的基本思想 5 4.4性能需求 5 4.4.1网站的安全性 5 4.4.2数据的完整性 5 4.5界面需求 5 5 可行性研究 6 5.1可行性分析 6 5.1.1技术的可行性 6 5.1.2经济的可行性 6 5.1.3操作可行性 6 5.1.4法律的可行性 7 6 功能实现 7 6.1 系统实现概述 7 6.2 功能实现 7 6.2.1 后台 7 6.2.1.1后台登录 7 6.2.1.2首页 8 6.2.1.3学生管理 9 6.2.1.4教师管理 10 6.2.1.5班级管理 11 6.2.1.6试题管理 12 6.2.1.7试卷管理 13 6.2.1.8考试管理 15 6.2.1.9记录管理 16 6.2.2 前台 17 6.2.2.1学生登录 17 6.2.2.2 首页 18 6.2.2.3 记录 19 6.2.2.4 考试 20 7 系统测
资源推荐
资源详情
资源评论
收起资源包目录
毕业设计:基于SpringBoot的在线考试系统(源码 + 数据库 + 说明文档) (245个子文件)
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
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
StudentService.java 563B
ClasseMapper.java 546B
共 245 条
- 1
- 2
- 3
资源评论
三季人G
- 粉丝: 137
- 资源: 2368
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 地震数据可视化平台系统源代码全套技术资料.zip
- ripro子主题eeesucai-child集成后台美化包,适用于设计素材站+资源下载站
- 基于mpx+vue+node.js的双端网盘系统的设计与实现源代码全套技术资料.zip
- 深度学习大作业:python文本分类任务代码合集.zip
- 深度学习大作业:python文本分类任务代码合集.zip
- 深度学习大作业:python文本分类任务代码合集.zip
- 【代码分享】基于python的文本分类(sklearn-决策树和随机森林实现)
- 【代码分享】基于python的文本分类(sklearn-决策树和随机森林实现)
- 【代码分享】基于python的文本分类(sklearn-决策树和随机森林实现)
- 永磁同步直线电机仿真实例,仿真教学 maxwell16.0版本 12槽11极 包括图中模型以及一个仿真设置要点word文档教程
- 高西全 丁玉美数字信号处理第五版实验报告 实验一 常见离散信号的MATLAB产生和图形显示
- MATLAB代码:考虑P2G和碳捕集设备的热电联供综合能源系统优化调度模型 关键词:碳捕集 综合能源系统 电转气P2G 热电联产 低碳调度 参考文档:Modeling and Optimiza
- WordPress文章下载增强插件CoreDownload v1.0.4
- 三相10Kw光伏并网逆变器 包含全套理图 PCB 源代码
- 基于MATLAB的运动车辆跟踪检测系统源代码+GUI界面(高分项目)
- 基于MATLAB的运动车辆跟踪检测系统源代码+GUI界面(高分项目)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功