mirror of
https://gitee.com/chu1204505056/vue-admin-beautiful.git
synced 2025-04-06 03:58:00 +08:00
233 lines
10 KiB
Markdown
233 lines
10 KiB
Markdown
简体中文 | [English](./README.en.md)
|
||
|
||
<div align="center"><img width="200" src="https://gitee.com/chu1204505056/image/raw/master/logo/vab.png"/>
|
||
<h1> vue-admin-better</h1>
|
||
<!-- <p>漫天的飞雪，是飞舞的音符，用祝福奏出期盼，愿疫情早日消散，愿明年的你不再有遗憾，愿你三冬暖，愿你春不寒，愿你天黑有灯，下雨有伞。
|
||
</p> -->
|
||
<p>春已至，万物始，愿所有美好纷沓而来！众志成城，攻坚克难！愿疫情早日消散，祈愿华夏平安！</p>
|
||
</div>
|
||
|
||
[](https://github.com/chuzhixin/vue-admin-beautiful)
|
||
[](https://gitee.com/chu1204505056/vue-admin-better)
|
||
[](https://en.wikipedia.org/wiki/MIT_License)
|
||
|
||
---
|
||
|
||
# 🎉 特性
|
||
|
||
- 💪 40+高质量单页
|
||
- 💅 RBAC 模型 + JWT 权限控制
|
||
- 🌍 10 万+ 项目实际应用
|
||
- 👏 良好的类型定义
|
||
- 🥳 开源版本支持免费商用
|
||
- 🚀 跨平台 PC、手机端、平板
|
||
- 📦️ 后端路由动态渲染
|
||
|
||
## 🌐 地址
|
||
|
||
- [🎉 vue2.x + element-ui（免费商用，支持 PC、平板、手机）](https://vue-admin-beautiful.com/vue-admin-beautiful-element/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||
|
||
- [⚡️ vue3.x + element-plus（alpha 版本，免费商用，支持 PC、平板、手机）](https://vue-admin-beautiful.com/vue-admin-beautiful-element-plus/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||
|
||
- [⚡️ vue3.x + ant-design-vue（beta 版本，免费商用，支持 PC、平板、手机）](https://vue-admin-beautiful.com/vue-admin-beautiful-antdv/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||
|
||
- [⚡️ vue3.x + vite + vue-admin-arco](https://vue-admin-beautiful.com/vue-admin-arco/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||
|
||
- [🚀 admin pro 演示地址（vue2.x 付费版本，支持 PC、平板、手机）](https://vue-admin-beautiful.com/admin-pro/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||
|
||
- [🚀 admin plus 演示地址（vue3.x 付费版本，支持 PC、平板、手机）](https://vue-admin-beautiful.com/admin-plus/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||
|
||
- [📌 pro 及 plus 购买地址 authorization](https://vue-admin-beautiful.com/authorization/)
|
||
|
||
- [🌐 github 仓库地址](https://github.com/chuzhixin/vue-admin-beautiful?utm_source=gold_browser_extension)
|
||
|
||
- [🌐 码云仓库地址](https://gitee.com/chu1204505056/vue-admin-better?_from=gitee_search)
|
||
|
||
## 🌐 备份地址（支持 https 网站自动更新）
|
||
|
||
- [🚀 admin pro 演示地址（付费版本，支持 PC、平板、手机）](https://chu1204505056.gitee.io/admin-pro/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||
|
||
- [🚀 admin plus 演示地址（vue3.x 付费版本，支持 PC、平板、手机）](https://chu1204505056.gitee.io/admin-plus/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||
|
||
## 🍻 前端讨论 QQ 群
|
||
|
||
- 请我们喝杯咖啡，打赏后联系 QQ 783963206 邀请您进入讨论群（由于用户数较多，如果您打赏后未通过好友请求，请联系商家），不管您请还是不请，您都可以享受到开源的代码，感谢您的支持和信任，群内提供 vue-admin-better 基础版本、开发工具自动配置教程及项目开发文档。
|
||
<table>
|
||
<tr>
|
||
<!-- <td>
|
||
<img width="200px" src="https://gitee.com/chu1204505056/image/raw/master/qq_group/hbm.jpg">
|
||
</td> -->
|
||
<td>
|
||
<img width="200px" src="https://gitee.com/chu1204505056/image/raw/master/zfb_kf.jpg">
|
||
</td>
|
||
<td>
|
||
<img width="200px" src="https://gitee.com/chu1204505056/image/raw/master/qq_group/vab-2.jpg">
|
||
</td>
|
||
<td>
|
||
<img width="200px" src="https://gitee.com/chu1204505056/image/raw/master/qq_group/vab-3.jpg">
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
## 📦️ 桌面应用程序
|
||
|
||
- [Admin Pro](https://gitee.com/chu1204505056/microsoft-store/raw/master/AdminPlus.zip)
|
||
- [Admin Plus](https://gitee.com/chu1204505056/microsoft-store/raw/master/AdminPlus.zip)
|
||
|
||
## 🌱 vue3.x vue3.0-antdv 分支（ant-design-vue）[点击切换分支](https://github.com/chuzhixin/vue-admin-better/tree/vue3.0-antdv)
|
||
|
||
```bash
|
||
# 克隆项目
|
||
git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-better.git
|
||
# 安装依赖
|
||
npm i
|
||
# 本地开发 启动项目
|
||
npm run serve
|
||
```
|
||
|
||
## 🌱 vue3.x vue-admin-arco [点击切换仓库](https://github.com/chuzhixin/vue-admin-arco)
|
||
|
||
```bash
|
||
# 克隆项目
|
||
git clone https://github.com/chuzhixin/vue-admin-arco.git
|
||
# 安装依赖
|
||
npm i
|
||
# 本地开发 启动项目
|
||
npm run dev
|
||
```
|
||
|
||
## 🌱vue2.x master 分支（element-ui）[点击切换分支](https://github.com/chuzhixin/vue-admin-better/tree/master)
|
||
|
||
```bash
|
||
# 克隆项目
|
||
git clone -b master https://github.com/chuzhixin/vue-admin-better.git
|
||
# 安装依赖
|
||
npm i
|
||
# 本地开发 启动项目
|
||
npm run serve
|
||
```
|
||
|
||
## 🔊 友情链接
|
||
|
||
- [OPSLI 基于 vue-admin-better 开源版的最佳实践](https://github.com/hiparker/opsli-boot)
|
||
|
||
- [uView uni-app 生态最优秀的 UI 框架](https://github.com/YanxinNet/uView/)
|
||
|
||
- [form-generator Element 表单设计代码生成器](https://github.com/JakHuang/form-generator/)
|
||
|
||
- [wangEditor 国产最强开源富文本编辑](https://github.com/wangeditor-team/wangEditor)
|
||
|
||
## 🙈 我们承诺将定期赞助的开源项目（感谢巨人）
|
||
|
||
<a title="element-plus" href="https://opencollective.com/element-plus" target="_blank">
|
||
<img width="64px" src="https://gitee.com/chu1204505056/image/raw/master/element-plus.png"/>
|
||
</a>
|
||
|
||
<a title="vue" href="https://cn.vuejs.org/" target="_blank">
|
||
<img width="64px" src="https://gitee.com/chu1204505056/image/raw/master/vue.png"/>
|
||
</a>
|
||
|
||
<a title="ant-design-vue" href="https://github.com/vueComponent/ant-design-vue#backers" target="_blank">
|
||
<img width="64px" src="https://gitee.com/chu1204505056/image/raw/master/antdv.svg"/>
|
||
</a>
|
||
|
||
## 🎨 鸣谢
|
||
|
||
| Project |
|
||
| ---------------------------------------------------------------- |
|
||
| [vue](https://github.com/vuejs/vue) |
|
||
| [element-ui](https://github.com/ElemeFE/element) |
|
||
| [element-plus](https://github.com/element-plus/element-plus) |
|
||
| [ant-design-vue](https://github.com/vueComponent/ant-design-vue) |
|
||
| [mock](https://github.com/nuysoft/Mock) |
|
||
| [axios](https://github.com/axios/axios) |
|
||
| [wangEditor](https://github.com/wangeditor-team/wangEditor) |
|
||
|
||
## 👷 框架杰出贡献者（排名不分先后）
|
||
|
||
<a href="https://github.com/buuing" target="_blank">
|
||
<img width="50px" style="border-radius:999px" src="https://avatars.githubusercontent.com/u/36689704?s=50"/>
|
||
</a>
|
||
<a href="https://github.com/hipi" target="_blank">
|
||
<img width="50px" style="border-radius:999px" src="https://avatars.githubusercontent.com/u/22478003?s=50"/>
|
||
</a>
|
||
<a href="https://github.com/fwfmiao" target="_blank">
|
||
<img width="50px" style="border-radius:999px" src="https://avatars.githubusercontent.com/u/29328241?s=50"/>
|
||
</a>
|
||
<a href="https://github.com/hdtopku" target="_blank">
|
||
<img width="50px" style="border-radius:999px" src="https://avatars.githubusercontent.com/u/14859466?s=50"/>
|
||
</a>
|
||
<a href="https://github.com/shaonialife" target="_blank">
|
||
<img width="50px" style="border-radius:999px" src="https://avatars.githubusercontent.com/u/16135960?s=50"/>
|
||
</a>
|
||
|
||
## 📌 优势及注意事项
|
||
|
||
```
|
||
对比其他开源 admin 框架有如下优势:
|
||
1. 支持前端控制路由权限 intelligence、后端控制路由权限 all 模式
|
||
2. 已知开源 vue admin 框架中首家支持 mock 自动生成自动导出功能
|
||
3. 提供 50 余项全局精细化配置
|
||
4. 支持 scss 自动排序，eslint 自动修复
|
||
5. axios 精细化封装，支持多数据源、多成功 code 数组，支持 application/json;charset=UTF-8、application/x-www-form-urlencoded;charset=UTF-8 多种传参方式
|
||
6. 支持登录RSA加密
|
||
7. 支持打包自动生成7Z压缩包
|
||
8. 支持errorlog错误拦截
|
||
9. 支持多主题、多布局切换
|
||
|
||
使用注意事项:
|
||
1. 项目默认使用lf换行符而非crlf换行符，新建文件时请注意选择文件换行符
|
||
2. 项目默认使用的最严格的eslint校验规范（plugin:vue/recommended），使用之前建议配置开发工具实现自动修复（建议使用vscode开发）
|
||
3. 项目使用的是要求最宽泛的MIT开源协议，保留MIT开源协议即可免费商用
|
||
|
||
```
|
||
|
||
## 💚 适合人群
|
||
|
||
- 正在以及想使用 element-ui/element-plus 开发，前端开发经验 1 年+。
|
||
- 熟悉 Vue.js 技术栈，使用它开发过几个实际项目。
|
||
- 对原理技术感兴趣，想进阶和提升的同学。
|
||
|
||
## 🎉 功能地图
|
||
|
||
|
||
|
||
## 🗃️ 效果图
|
||
|
||
以下是截取的是 pro 版的效果图展示：
|
||
|
||
<table>
|
||
<tr>
|
||
<td>
|
||
<img src="https://gitee.com/chu1204505056/image/raw/master/2.png">
|
||
</td>
|
||
<td>
|
||
<img src="https://gitee.com/chu1204505056/image/raw/master/6.png">
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<img src="https://gitee.com/chu1204505056/image/raw/master/8.png">
|
||
</td>
|
||
<td>
|
||
<img src="https://gitee.com/chu1204505056/image/raw/master/9.png">
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<img src="https://gitee.com/chu1204505056/image/raw/master/3.png">
|
||
</td>
|
||
<td>
|
||
<img src="https://gitee.com/chu1204505056/image/raw/master/5.png">
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
## 📄 商用注意事项
|
||
|
||
此项目可免费用于商业用途，请遵守 MIT 协议并保留作者技术支持声明，如需自定义源码版权信息请联系邮箱 1204505056@qq.com
|
||
|
||
<!-- ## 严正声明
|
||
|
||
近期发现不少游手好闲之人有组织有预谋的利用码云、知乎、掘金等网站可用国外非法网站提供的匿名手机号注册的账号 bug 冒充 vab 去攻击 vue-element-admin，iview-admin，若依，d2-admin，ant-design-vue 的行为，恶意制造对立，试图让其他开源作者卷入其中，对各位开源作者造成的影响我们深表歉意，我们欢迎 vab 的用户去体验其他更优秀的框架，vue-admin-beautiful 走到今天实属不易，被人冒充，被人发帖诋毁，被人故意发布错误言论假装发帖表扬实则为我们招骂，无意动任何人的奶酪，从 2020 年至今坚持全职维护已过一年时间，说实在的我们靠技术生存并不丢人吧，一年来感谢 vab 的用户对我们不离不弃，也希望大家越来越好，加油！ -->
|