# 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)
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
毕业设计——本科个人目标检测毕设 yolov8+flask+VUE 基于您的要求,您希望使用YOLOv8进行目标检测,并使用Flask作为Web服务器,这是一个非常实际和前沿的项目。以下是一个基于这些技术的毕业设计建议方案: ### 项目名称 基于YOLOv8的目标检测系统与Flask Web服务器 ### 项目目标 1. 开发一个使用YOLOv8进行目标检测的系统。 2. 使用Flask搭建一个Web服务器,提供目标检测结果的在线展示和分析。 ### 技术栈 1. **目标检测框架**:YOLOv8 2. **Web服务器框架**:Flask 3. **前端框架**:HTML, CSS, JavaScript, Bootstrap 4. **数据库**:MySQL或SQLite ### 功能模块 1. **目标检测模块** - 训练YOLOv8模型 - 检测图像或视频中的目标 2. **Flask Web服务器模块** - 接收前端请求 - 处理目标检测任务 - 返回检测结果 3. **前端展示模块** - 图像或视频上传 -
资源推荐
资源详情
资源评论
收起资源包目录
毕业设计-本科个人目标检测毕设 yolov8+flask+VUE (166个子文件)
main.css 2KB
color-dark.css 337B
icon.css 88B
index.html 653B
demo.http 6KB
b8c3f870-db0f236f_1678469847.jpg 158KB
b8e675b0-b18c870f.jpg 103KB
b8e675b0-b18c870f.jpg 103KB
b8c21917-b001727c.jpg 94KB
b8c21917-b001727c.jpg 94KB
b8c0457f-d7a1d2b7.jpg 85KB
b8c0457f-d7a1d2b7.jpg 85KB
b8ecdc10-763b27b8.jpg 81KB
b8ecdc10-763b27b8.jpg 81KB
b8d6eb5f-c1f21fe4.jpg 79KB
b8d6eb5f-c1f21fe4.jpg 79KB
b8ef1613-cabb90be.jpg 77KB
b8ef1613-cabb90be.jpg 77KB
b8c66e31-37045eec.jpg 76KB
b8c66e31-37045eec.jpg 76KB
b8ca6c5d-22de751a.jpg 73KB
b8ca6c5d-22de751a.jpg 73KB
b8e638c5-c29e3eba.jpg 73KB
b8e638c5-c29e3eba.jpg 73KB
login-bg.jpg 69KB
b7a8e795-ff80fddf.jpg 67KB
b8c21306-2ef89045.jpg 67KB
b8c21306-2ef89045.jpg 67KB
b8ecdc10-e0148c98.jpg 66KB
b8ecdc10-e0148c98.jpg 66KB
b8c0457f-fa2eacb4.jpg 66KB
b8c0457f-fa2eacb4.jpg 66KB
b8c3f870-db0f236f.jpg 63KB
b8c3f870-db0f236f.jpg 63KB
b8e2eae6-9b3f3a2f.jpg 62KB
b8e2eae6-9b3f3a2f.jpg 62KB
b8c7c957-b05e784c.jpg 61KB
b8c7c957-b05e784c.jpg 61KB
b8e63e55-1b48cdef.jpg 58KB
b8e63e55-1b48cdef.jpg 58KB
b8ee7220-99de1efc.jpg 57KB
b8ee7220-99de1efc.jpg 57KB
b8da2353-61f13dfb.jpg 55KB
b8da2353-61f13dfb.jpg 55KB
b8c3f870-e1c1bd34.jpg 54KB
b8c3f870-e1c1bd34.jpg 54KB
b8c95e55-7cc3b9b1.jpg 54KB
b8c95e55-7cc3b9b1.jpg 54KB
b8ef1613-c936238e.jpg 53KB
b8ef1613-c936238e.jpg 53KB
b6f77fda-02b6e75b.jpg 53KB
b8cd6a1b-8abed2d8.jpg 52KB
b8cd6a1b-8abed2d8.jpg 52KB
b8cca913-a59e1a1b.jpg 51KB
b8cca913-a59e1a1b.jpg 51KB
b8e06f7a-f11a9604.jpg 51KB
b8e06f7a-f11a9604.jpg 51KB
b8cff548-cc30b88a.jpg 51KB
b8cff548-cc30b88a.jpg 51KB
b8d24edf-3349ee71.jpg 50KB
b8d24edf-3349ee71.jpg 50KB
b8e675b0-eeb01556.jpg 50KB
b8e675b0-eeb01556.jpg 50KB
b8e63e55-369d821c.jpg 50KB
b8e63e55-369d821c.jpg 50KB
b8c7c957-84df8251.jpg 50KB
b8c7c957-84df8251.jpg 50KB
b8ee7220-b9b59d51.jpg 47KB
b8ee7220-b9b59d51.jpg 47KB
b8d24edf-70279ee0.jpg 45KB
b8d24edf-70279ee0.jpg 45KB
b8d24edf-51edf6f2.jpg 43KB
b8d24edf-51edf6f2.jpg 43KB
b8dce66a-004c2b9d.jpg 42KB
b8dce66a-004c2b9d.jpg 42KB
b8ce5e42-34aa3275.jpg 41KB
b8ce5e42-34aa3275.jpg 41KB
b8d26b85-e5941e4b.jpg 38KB
b8d26b85-e5941e4b.jpg 38KB
b8e675b0-2345da2d.jpg 36KB
b8e675b0-2345da2d.jpg 36KB
b8cd6a1b-84ae1442.jpg 36KB
b8cd6a1b-84ae1442.jpg 36KB
b8ee7220-ee251c9a.jpg 35KB
b8ee7220-ee251c9a.jpg 35KB
b8c0457f-3c7b553c.jpg 34KB
b8c0457f-3c7b553c.jpg 34KB
b8da2353-3f632c8a.jpg 33KB
b8da2353-3f632c8a.jpg 33KB
b8c60cba-d52cfc92.jpg 29KB
b8c60cba-d52cfc92.jpg 29KB
b8cf7112-d0f7365c.jpg 27KB
b8cf7112-d0f7365c.jpg 27KB
img.jpg 6KB
package-lock.json 63KB
table.json 1KB
package.json 839B
tsconfig.json 474B
tsconfig.node.json 184B
LICENSE 1KB
共 166 条
- 1
- 2
资源评论
人工智能教学实践
- 粉丝: 533
- 资源: 299
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 新建 Microsoft Word 文档 (2).docx
- 1652189183080063_42AD52629C553C7BC65694A425954A3F_1.apk
- 王都创世物语魔改版.apk
- Linear_regrassion_with_gradien_decent_example.ipynb
- 1719163625521533_1e90151d86c4cc2fadb97a0a82d0fc0e
- 虚拟现实课件-第五章 3物理建模
- 虚拟现实课件-第五章 2运动建模
- A1-ERP(资源协同)管理平台需求说明书.pdf
- 基于springboot+sureness的面向REST API资源无状态认证权限管理系统(源码+数据库+说明文档)
- programming LSQUIC
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功