# vue3-admin-template

**Repository Path**: qmcx-ming/vue3-admin-template

## Basic Information

- **Project Name**: vue3-admin-template
- **Description**: 基于RuoYi-Vue3版本二次开发，删除大部分普通简单项目不需要的功能，如：权限校验、代码生成等等。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-05-24
- **Last Updated**: 2025-03-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
	<img width="80px" alt="logo" src="https://element-plus.org/images/element-plus-logo-small.svg">
</p>
<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">Vue3-admin-template</h1>
<h4 align="center">
基于
<a href="https://github.com/yangzongzhuan/RuoYi-Vue3">RuoYi-Vue3</a>
的快速开发框架( 简洁版RuoYi-Vue3 )
</h4>


## 说明
* 本仓库基于 [RuoYi-Vue3](https://github.com/yangzongzhuan/RuoYi-Vue3) 版本二次开发，删除大部分普通简单项目不需要的功能，如：权限校验、代码生成等等。
* 项目采用 Vue3 + Vite + Element Plus 开发。
* 项目集成 vite-plugin-fake-server 模拟数据。
* 可根据简单的角色标识来分配不同的路由文件，以生成不同角色的路由。

当前侧边栏菜单保留如下：
> 若需更改，请修改 `src/router/index.js` 文件，并且删除对应的页面文件即可。
```md
- 首页
- 系统管理
	- 用户管理
	- 通知管理
- 测试
```
## 使用

> mock/fake 开关在 [vite\plugins\fake-server.js](.\vite\plugins\fake-server.js) 路径下，根据自己需求修改即可。
```sh
# 安装依赖
npm i
# 运行
npm run dev
# 打包
npm run build:prod
# 预览
npm run preview
```
<table>
	<tr>
		<td>
			<img src="assets/image-20240524124155896.png" alt="登录" />
		</td>
		<td>
			<img src="assets/image-20240524124256041.png" alt="主页" />
		</td>
	</tr>
	<tr>
		<td>
			<img src="assets/image-20240524124804503.png" alt="图标列表" />
		</td>
		<td>
    </td>
  </tr>
</table>