# qsqya-admin-web

**Repository Path**: qsqya/qsqya-admin-web

## Basic Information

- **Project Name**: qsqya-admin-web
- **Description**: 后台管理html，管理员用
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-19
- **Last Updated**: 2025-01-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-manage-system

## 前言

该方案作为一套多功能的后台框架模板，适用于绝大部分的后台管理系统开发。基于 Vue3 + pinia + typescript，引用 Element Plus 组件库，方便开发。实现逻辑简单，适合外包项目，快速交付。

## 功能

-   [x] Element Plus
-   [x] vite 3
-   [x] pinia
-   [x] typescript
-   [x] 登录/注册
-   [x] Dashboard
-   [x] 表格/表单
-   [x] 图表 :bar_chart:
-   [x] 富文本/markdown 编辑器
-   [x] 图片拖拽/裁剪上传
-   [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
```

## 菜单功能

菜单文件[sidebar.vue](src%2Fcomponents%2Fsidebar.vue)

前端默认加载所有菜单，通过hasMenu方法屏蔽没有的菜单。[menu.ts](src%2Fcomponents%2Fmenu.ts)中的菜单id与数据库保持一致。

修改路由参考[index.ts](src%2Frouter%2Findex.ts)