# 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)
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
这是一系列基于Spring Boot框架开发的项目,包括电商平台、学校管理系统、社交网站、图书馆管理系统、旅游规划系统等。这些项目采用现代化技术架构,具备良好的可扩展性和可维护性。 借助Spring Boot框架的功能和生态系统,这些项目实现了用户注册登录、数据管理、后台管理、在线交易、实时通信、数据分析等核心功能。同时,它们支持适应性布局,在不同设备上提供良好用户体验。 这些项目注重通用性和易用性,开发人员可以根据需求进行灵活定制和扩展。同时,提供丰富的文档和示例代码,以帮助开发人员快速上手。 总之,这些基于Spring Boot框架开发的项目广泛适用,旨在提供高效可靠的解决方案,帮助各行各业实现数字化转型和快速发展。
资源推荐
资源详情
资源评论
收起资源包目录
springboot技术的在线考试系统(vue) (241个子文件)
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
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
ExamService.java 515B
AjaxResult.java 377B
共 241 条
- 1
- 2
- 3
资源评论
计算机小陈
- 粉丝: 10
- 资源: 65
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功