# vueAdminPlus

**Repository Path**: wilkwo/vue-admin-plus

## Basic Information

- **Project Name**: vueAdminPlus
- **Description**: 基于vue3.0、element-plus开发的后台管理系统。体验账号：test/test
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://admin.dsiab.com
- **GVP Project**: No

## Statistics

- **Stars**: 12
- **Forks**: 4
- **Created**: 2022-09-01
- **Last Updated**: 2025-06-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, element-plus, Pinia, TypeScript

## README

<div>
	<a href="https://github.com/esplori/vueAdminPlus/blob/master/README.md">ENGLISH</a> |
	<a href="https://github.com/esplori/vueAdminPlus/blob/master/README.zh.md">中文</a>  
</div>

<h1 align="center" style=" font-weight: bold;">vueAdminPlus</h1>
<h5 align="center">基于vue3.0 + element-plus + typeScript开发的博客后台管理系统</h5>


<p align="center" style="padding:10px">
	<a href="https://gitee.com/wilkwo/vue-admin-plus.git"><img src="https://gitee.com/wilkwo/vue-admin-plus/badge/star.svg?theme=dark"></a>
	<a href="https://gitee.com/wilkwo/vue-admin-plus.git"><img src="https://gitee.com/wilkwo/vue-admin-plus/badge/fork.svg?theme=dark"></a>
</p>


### 项目介绍

- 主要技术栈: vuejs3.0 + vue-router + pinia + element-plus + typescript + scss

- 使用到的插件： axios + wangeditor5 + echarts5

- 启动项目可直接看到效果，默认调用是官网的后台管理接口，使用体验账号登录即可。

### 主要功能


- 首页看板：
	- 访问数据统计
- 内容管理：
	- 文章管理
	- 评论管理
	- 分类管理
	- 专题管理
- 导航管理：
	- 导航管理
	- 分类管理
- 权限管理：
	- 角色管理
	- 用户管理
	- 菜单管理
- 个人设置：
	- 个人资料
- 系统设置：
	- 站点设置
	- 资源管理
	- 回收站
	- 发送邮件
	- 系统通知
- 小工具：
	- ip 归属地查询
	- 图片转base64
	- 在线生成二维码
	- json格式化
	- 小游戏
	- 音乐文件解密
	- ai绘画(stable diffusion)
	- 持续更新中...


### 关联项目

- 官网：https: //www.dsiab.com
- 博客首页开源项目: nuxtWebPlus (https://gitee.com/wilkwo/nuxt-web-plus.git)
- 后台管理体验地址： https://admin.dsiab.com , 体验账号：test/test
- 加qq群一起交流：514450699


### 演示截图


<img src="./src/assets/images/screenshot.png" alt="赞赏" width="500px" />



### 运行项目



``` bash

#下载代码
gitee: git clone https://github.com/esplori/vueAdminPlus.git
# 安装依赖
npm install
# 启动应用 
npm run dev
# 生成应用
npm run build

```

### 感谢赞赏  


 创作不易，你的赞赏和认可是持续更新的动力~

<img src="./src/assets/images/zanshan.jpeg" alt="赞赏" width="200px" />