<h1 align="center">vue3-basic-admin</h1>
![GitHub license](https://img.shields.io/github/license/biubiubiu01/vue3-basic-admin?style=flat)
![GitHub stars](https://img.shields.io/github/stars/biubiubiu01/vue3-basic-admin?color=fa6470&style=flat)
![GitHub forks](https://img.shields.io/github/forks/biubiubiu01/vue3-basic-admin?style=flat)
<p align="center">
<a href="https://github.com/biubiubiu01/vue3-basic-admin"><strong>探索本项目的文档 »</strong></a>
<br />
<br />
<a href="http://gist006.gitee.io/vue3-basic-admin/">在线预览</a>
·
<a href="https://github.com/biubiubiu01/vue3-basic-admin/issues">提出Bug</a>
·
<a href="https://github.com/biubiubiu01/vue3-basic-admin/issues">提出建议</a>
</p>
## 简介
`vue3-basic-admin` 是一款开源开箱即用的中后台管理系统。基于 `Vue3`、`Vite`、`Element-Plus`、`TypeScript`、`Pinia` 等主流技术开发,内置许多开箱即用的组件,能快速构建中后台管理系统,目前决定完全开源,如果觉得该项目对你有所帮助,可以点一个 star,如果有一定的经济能力,可以请作者喝一杯咖啡,开源不易!
## 测试账号
```
1. 用户名:admin 密码 任意 拥有admin的权限可以查看所有页面
2. 用户名:test 密码 任意 拥有test的页面权限,可以查看部分页面
3. 用户名:editor 密码 任意 拥有editor的页面权限,可以查看富文本等页面
```
vue2 版本,地址:[vue-antd-admin](https://github.com/biubiubiu01/vue-antd-admin)
精简版 ,地址:[vue3-basic-template](https://github.com/biubiubiu01/vue3-basic-template)
## 预览
- [点我预览](https://gist006.gitee.io/vue3-basic-admin)
<p align="center">
<img width="100%" src="https://i.328888.xyz/2023/02/28/zxhk5.png">
<img width="100%" src="https://i.328888.xyz/2023/02/28/zxGay.png">
</p>
- 暗黑模式
<p align="center">
<img width="100%" src="https://i.328888.xyz/2023/02/28/zxSJZ.png">
<img width="100%" src="https://i.328888.xyz/2023/02/28/zx5B8.png">
</p>
## 架构清单
- Vue3
- Vue-router
- Pinia
- Typescript
- Vite
- Axios
- 模拟接口:mockjs
- 代码检测和格式化:eslint+prettier
- git 提交格式化:husky+lint-staged
- 代码日志规范:@commitlint/cli+@commitlint/config-conventional
- ...其他
## 功能
- Axios 集成
如果对该模块不太懂,可以看: [vue3 之 axios 封装集成](https://juejin.cn/post/7203601905938579517)
```
- loading
- 错误日志收集
- 错误重试机制
- 取消重复请求
```
- 白天和暗黑模式切换
- 动态权限路由
- 内置用户管理+角色管理+部门管理+字典管理等
- 内置错误日志,登录日志,操作日志收集
- table 页面模板内置,快速开发 table,开箱即用
- 常用组件 input,select,table,form,loading,filter 等组件封装集成
- echarts 内置各种模板,开箱即用
- 富文本
- Markdown
- 错误页面 403 404 500 等
- 等等其他功能。
### 文件目录说明
```
├── build ---vite打包配置
├── mock ---mock模拟数据
├── public ---静态资源文件
├── src
│ ├── api ---接口
│ ├── assets ---图片
│ ├── components ---可复用的vue组件
│ ├── constant ---常量
│ ├── directive
│ ├── enums
│ ├── hooks
│ ├── icons
│ ├── layouts ---布局方式
│ ├── plugins
│ ├── router ---路由
│ ├── store ---vuex
│ ├── styles ---sass样式
│ ├── utils ---方法函数
│ ├── views ---页面
│ ├── App.vue
│ ├── main.ts
├── types
├── .env
├── .env.development
├── .env.production
├── .eslintrc.js
├── .prettierrc.cjs
├── commitlint.config.cjs ---代码提交日志规范
├── package.json
├── package-lock.json
├── README.md
└── vite.config.ts ---vite的配置
```
## 精简版
逻辑抽离中,如有需要可联系作者获得。
## 文档
目前尚未搭建文档,如后期有需要可构建
## 安装
```
# 克隆项目
git clone https://github.com/biubiubiu01/vue3-basic-admin.git
# 进入项目目录
cd vue3-basic-admin
# 安装依赖
pnpm install
# 本地开发 启动项目
pnpm start
```
### 部署
```
# 打包项目
npm run build
# 打包大小分析
npm run report
# 预览
npm run preview
```
## 浏览器支持
本地开发推荐使用 `Chrome 80+` 浏览器
支持现代浏览器, 不支持 `IE`
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions
没有合适的资源?快使用搜索试试~ 我知道了~
vue3-basic-admin 是一款开源开箱即用的中后台管理系统.zip
共409个文件
ts:141个
vue:123个
svg:58个
需积分: 0 0 下载量 193 浏览量
2024-01-03
01:56:54
上传
评论
收藏 763KB ZIP 举报
温馨提示
vue3-basic-admin 是一款开源开箱即用的中后台管理系统。基于 Vue3、Vite、Element-Plus、TypeScript、Pinia 等主流技术开发,内置许多开箱即用的组件,能快速构建中后台管理系统,目前决定完全开源。
资源推荐
资源详情
资源评论
收起资源包目录
vue3-basic-admin 是一款开源开箱即用的中后台管理系统.zip (409个子文件)
.eslintrc.cjs 1KB
.prettierrc.cjs 1KB
commitlint.config.cjs 933B
commit-msg 84B
skin.css 78KB
skin.css 78KB
skin.css 75KB
skin.css 75KB
skin.min.css 66KB
skin.min.css 66KB
skin.min.css 63KB
skin.min.css 63KB
content.css 25KB
content.css 25KB
content.inline.css 25KB
content.inline.css 25KB
content.inline.css 25KB
content.inline.css 25KB
content.css 25KB
content.css 25KB
content.min.css 23KB
content.min.css 23KB
content.inline.min.css 23KB
content.inline.min.css 23KB
content.inline.min.css 23KB
content.inline.min.css 23KB
content.min.css 22KB
content.min.css 22KB
content.css 2KB
content.css 2KB
content.css 2KB
content.css 2KB
content.css 2KB
content.css 2KB
content.min.css 1KB
content.min.css 1KB
content.min.css 1KB
content.min.css 1KB
content.min.css 1KB
content.min.css 1KB
iconfont.css 633B
skin.shadowdom.css 599B
skin.shadowdom.css 599B
skin.shadowdom.css 599B
skin.shadowdom.css 599B
skin.shadowdom.min.css 508B
skin.shadowdom.min.css 508B
skin.shadowdom.min.css 508B
skin.shadowdom.min.css 508B
.env.development 195B
.env 86B
headImg.gif 79KB
.gitignore 309B
index.html 3KB
zh-Hans.js 18KB
package-lock.json 61KB
package.json 3KB
.eslintrc-auto-import.json 2KB
iconfont.json 1KB
tsconfig.json 721B
tsconfig.node.json 223B
extensions.json 39B
LICENSE 11KB
README.md 8KB
login-box.png 64KB
background.png 41KB
avatar15.png 10KB
avatar01.png 10KB
login-content.png 3KB
pre-commit 69B
.prettierignore 77B
.env.production 195B
common.scss 3KB
index.scss 3KB
index.scss 2KB
base-column-setting.scss 1KB
base-dialog.scss 1KB
dark.scss 871B
base.scss 846B
scrollbar.scss 674B
size.scss 577B
base-table.scss 487B
index.scss 182B
index.scss 155B
el-override.scss 0B
500.svg 15KB
404.svg 13KB
403.svg 12KB
deliver.svg 8KB
view.svg 6KB
money.svg 6KB
log.svg 3KB
feedback.svg 3KB
click.svg 2KB
editPassword.svg 2KB
logo.svg 2KB
vite.svg 2KB
good.svg 2KB
github.svg 2KB
weixin.svg 1KB
共 409 条
- 1
- 2
- 3
- 4
- 5
资源评论
白话Learning
- 粉丝: 3275
- 资源: 2464
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功