# vue-manage-system
<a href="https://github.com/vuejs/vue">
<img src="https://img.shields.io/badge/vue-3.1.2-brightgreen.svg" alt="vue">
</a>
<a href="https://github.com/vuejs/pinia">
<img src="https://img.shields.io/badge/pinia-2.0.14-brightgreen.svg" alt="pinia">
</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 + pinia + 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)
[English document](https://github.com/lin-xin/manage-system/blob/master/README_EN.md)
## 赞助商
### 好问
[<img src="https://static.bestqa.net/logo/bestqa_haowen.png" width="220" height="100">](https://www.bestqa.net/home/index.html)
专业问卷服务,一对一客服,按需定制
## 支持作者
请作者喝杯咖啡吧!(微信号:linxin_20)
![微信扫一扫](https://lin-xin.gitee.io/images/weixin.jpg)
## 前言
该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统开发。基于 Vue3 + pinia + typescript,引用 Element Plus 组件库,方便开发。实现逻辑简单,适合外包项目,快速交付。
## 功能
- [x] Element Plus
- [x] vite 3
- [x] pinia
- [x] typescript
- [x] 登录/注销
- [x] Dashboard
- [x] 表格
- [x] Tab 选项卡
- [x] 表单
- [x] 图表 :bar_chart:
- [x] 富文本/markdown编辑器
- [x] 图片拖拽/裁剪上传
- [x] 权限管理
- [x] 三级菜单
- [x] 自定义图标
## 安装步骤
> 因为使用vite3,node版本需要 14.18+
```
git clone https://github.com/lin-xin/vue-manage-system.git // 把模板下载到本地
cd vue-manage-system // 进入模板目录
npm install // 安装项目依赖,等待安装完成之后,安装失败可用 cnpm 或 yarn
// 运行
npm run dev
// 执行构建命令,生成的dist文件夹放在服务器下即可访问
npm run build
```
## 组件使用说明与演示
### vue-schart
vue.js 封装 sChart.js 的图表组件。访问地址:[vue-schart](https://github.com/lin-xin/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 setup lang="ts">
import { ref } from 'vue';
import Schart from "vue-schart"; // 导入Schart组件
const options = ref({
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],
},
],
})
</script>
<style>
.wrapper {
width: 7rem;
height: 5rem;
}
</style>
```
## 项目截图
### 登录
![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)
## License
[MIT](https://github.com/lin-xin/vue-manage-system/blob/master/LICENSE)
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
一个轻巧的后台管理框架,项目后端基于Java17、SpringBoot3.0,前端基于TypeScript、Vite3、Vue3、Element Plus,只提供登录会话、用户管理、角色管理、权限资源管理、事件日志等基础功能的最佳实践方案,不做过多的封装,适合二次定制开发、接私活、源码学习等场景
资源推荐
资源详情
资源评论
收起资源包目录
一个轻巧的后台管理框架,项目后端基于Java17、SpringBoot3.0,前端基于TypeScript、Vite3、Vue3 (203个子文件)
mvnw.cmd 7KB
mysql.cnf 577B
client.cnf 199B
main.css 2KB
color-dark.css 337B
icon.css 88B
.gitpod.Dockerfile 922B
.editorconfig 214B
.env 22B
.gitignore 646B
index.html 661B
favicon.ico 4KB
maven-wrapper.jar 57KB
StorageServiceImpl.java 6KB
StorageController.java 6KB
PermissionHelper.java 5KB
RoleControllerTest.java 4KB
UserService.java 4KB
ResourceService.java 4KB
S3Storage.java 4KB
StorageControllerTest.java 4KB
OrganizationControllerTest.java 4KB
ExceptionControllerAdvice.java 4KB
LocalSessionManager.java 4KB
DomainEventPublisher.java 4KB
StorageConfig.java 4KB
OrganizationController.java 3KB
DefaultSessionService.java 3KB
RoleService.java 3KB
RoleController.java 3KB
UserController.java 3KB
User.java 3KB
ResourceControllerTest.java 3KB
CollectionUtils.java 3KB
JsonUtils.java 3KB
WebMvcConfiguration.java 3KB
UserControllerTest.java 3KB
ResourceController.java 3KB
NanoId.java 3KB
LoginControllerTest.java 3KB
BaseEntitySerializer.java 3KB
SpringUtils.java 3KB
OrganizationService.java 3KB
StringUtils.java 3KB
BaseEntity.java 2KB
AuthInterceptor.java 2KB
Session.java 2KB
Resource.java 2KB
StorageFile.java 2KB
UserCredential.java 2KB
LocalStorage.java 2KB
LogService.java 2KB
LoginController.java 2KB
Role.java 2KB
EventSubscribesInterceptor.java 2KB
Organization.java 2KB
LogController.java 2KB
LogControllerTest.java 2KB
RequiresPermissions.java 1KB
EventStoreService.java 1KB
UserRepository.java 1KB
CommonController.java 1KB
OpenApiConfig.java 1KB
StorageService.java 1KB
StoredEvent.java 1020B
SessionRepository.java 1011B
OrgTreeDTO.java 862B
DomainEvent.java 844B
Admin3Properties.java 842B
DomainEventSubscriber.java 778B
UserCredentialRepository.java 660B
CommonResultStatus.java 658B
RoleRepository.java 633B
StorageFileRepository.java 609B
Storage.java 604B
StoredEventRepository.java 546B
SessionItemHolder.java 539B
StorageConfigRepository.java 527B
OrganizationRepository.java 524B
RoleUserDTO.java 519B
ResourceRepository.java 499B
SecurityUtil.java 489B
Admin3ServerApplication.java 464B
OrgUserDTO.java 450B
BusinessException.java 449B
UserinfoDTO.java 449B
SessionService.java 400B
StorageException.java 398B
UserException.java 389B
ResourceTreeDTO.java 353B
SessionManager.java 338B
LogDTO.java 267B
StorageConfigMarkedAsDefault.java 253B
UserLoggedIn.java 252B
OrganizationDeleted.java 248B
OrganizationCreated.java 248B
OrganizationUpdated.java 248B
StorageConfigCreated.java 245B
StorageConfigUpdated.java 245B
StorageConfigDeleted.java 245B
共 203 条
- 1
- 2
- 3
资源评论
Java程序员-张凯
- 粉丝: 1w+
- 资源: 6815
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功