Vue Admin Plus、Vue Admin Pro演示地址、文档

环抱good luck

已于 2024-08-01 13:05:54 修改

阅读量2k

点赞数

文章标签： vue.js javascript 前端

于 2022-10-12 10:39:46 首次发布

本文链接：https://blog.csdn.net/qq_16622915/article/details/127278046

版权

简体中文 | English

vue-admin-better

众志成城，攻坚克难，愿所有美好纷沓而来！

🎉 特性

💪 40+高质量单页
💅 RBAC 模型 + JWT 权限控制
🌍 10 万+ 项目实际应用
👏 良好的类型定义
🥳 开源版本支持免费商用
🚀 跨平台 PC、手机端、平板
📦️ 后端路由动态渲染

🌐 地址


## 🔊 友情链接

- [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="vue" href="https://opencollective.com/vuejs" target="_blank">
<img width="64px" src="https://i-blog.csdnimg.cn/blog_migrate/cbf5b07f90f9d8816588c420340aa6da.png"/>
</a>
<a title="element-plus" href="https://opencollective.com/element-plus" target="_blank">
<img width="64px" src="https://i-blog.csdnimg.cn/blog_migrate/130f0d00a34e05df1a4c571bdf792c53.png"/>
</a>
<a title="ant-design-vue" href="https://opencollective.com/ant-design-vue" target="_blank">
<img width="64px" src="https://i-blog.csdnimg.cn/blog_migrate/d1abce7d659c8c097edc21fab2dea541.png"/>
</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://i-blog.csdnimg.cn/blog_migrate/78daca20cfb2a71a29d99f494cbd7e67.jpeg"/>
</a>
<a href="https://github.com/hipi" target="_blank">
<img width="50px" style="border-radius:999px" src="https://i-blog.csdnimg.cn/blog_migrate/c0d66081575730e2d8166e57cc022950.png"/>
</a>
<a href="https://github.com/fwfmiao" target="_blank">
<img width="50px" style="border-radius:999px" src="https://i-blog.csdnimg.cn/blog_migrate/dc37c734a9a65f813f941525a884f100.png"/>
</a>
<a href="https://github.com/hdtopku" target="_blank">
<img width="50px" style="border-radius:999px" src="https://i-blog.csdnimg.cn/blog_migrate/ac414d8afe9e2bbb45900f2db15ec860.jpeg"/>
</a>
<a href="https://github.com/shaonialife" target="_blank">
<img width="50px" style="border-radius:999px" src="https://i-blog.csdnimg.cn/blog_migrate/ec9968ae1513db3f4c4a9f3fad7f7dc8.jpeg"/>
</a>

## 📌 优势及注意事项

对比其他开源 admin 框架有如下优势:

支持前端控制路由权限 intelligence、后端控制路由权限 all 模式
已知开源 vue admin 框架中首家支持 mock 自动生成自动导出功能
提供 50 余项全局精细化配置
支持 scss 自动排序，eslint 自动修复
axios 精细化封装，支持多数据源、多成功 code 数组，支持 application/json;charset=UTF-8、application/x-www-form-urlencoded;charset=UTF-8 多种传参方式
支持登录RSA加密
支持打包自动生成7Z压缩包
支持errorlog错误拦截
支持多主题、多布局切换

使用注意事项:

项目默认使用lf换行符而非crlf换行符，新建文件时请注意选择文件换行符
项目默认使用的最严格的eslint校验规范（plugin:vue/recommended），使用之前建议配置开发工具实现自动修复（建议使用vscode开发）
项目使用的是要求最宽泛的MIT开源协议，保留MIT开源协议即可免费商用


## 💚 适合人群

- 正在以及想使用 element-ui/element-plus 开发，前端开发经验 1 年+。
- 熟悉 Vue.js 技术栈，使用它开发过几个实际项目。
- 对原理技术感兴趣，想进阶和提升的同学。

## 🎉 功能地图

![img](https://i-blog.csdnimg.cn/blog_migrate/e3c581cf8bfffdfcb45631607d94346d.png)

## 🗃️ 效果图

以下是截取的是 pro 版的效果图展示：

<table>
<tr>
<td>
<img src="https://i-blog.csdnimg.cn/blog_migrate/0b06290863750ca6e40c2c5882b4b0de.png">
</td>
<td>
<img src="https://i-blog.csdnimg.cn/blog_migrate/7b0b6aaa08d6790f73b464065c244c54.png">
</td>
</tr>
<tr>
<td>
<img src="https://i-blog.csdnimg.cn/blog_migrate/084d12b7ebc7c7281472890389f266f4.png">
</td>
<td>
<img src="https://i-blog.csdnimg.cn/blog_migrate/d068847ec2ab567dc7a1af377ed084b3.png">
</td>
</tr>
<tr>
<td>
<img src="https://i-blog.csdnimg.cn/blog_migrate/eb0432ef97573f62eae9611c3190122a.png">
</td>
<td>
<img src="https://i-blog.csdnimg.cn/blog_migrate/c6eb2c9f763a0813284fbca828821a99.png">
</td>
</tr>
</table>

## 📄 商用注意事项

此项目可免费用于商业用途，请遵守 MIT 协议并保留作者技术支持声明。