jn_manager

vue-admin-beautiful-pro（element-ui）

中秋遇见国庆，家与国撞了个满怀，月光所照，皆是故乡，红旗飘扬，皆是华夏，月亮是我们抛的硬币，面面都是祝福你，愿五星红旗高高飘扬，愿大国小家繁荣富裕。

地址

• 🎉 vue2.x + element-ui（免费商用，支持 PC、平板、手机）

• ⚡️ vue3.x + element-plus（alpha 版本，免费商用，支持 PC、平板、手机）

• ⚡️ vue3.x + ant-design-vue（beta 版本，免费商用，支持 PC、平板、手机）

• 🚀 admin pro 演示地址（付费版本，支持 PC、平板、手机）

• 🚀 admin plus 演示地址（vue3.x 付费版本，支持 PC、平板、手机）

• 📌 pro 及 plus 购买地址 authorization

• 🌐 github 仓库地址

• 🌐 码云仓库地址

• 近期 vab 官网频繁遭到 ddos 攻击，我们已采取相关防范措施，如网站无法访问请访问备份地址

备份地址（支持 https 网站自动更新）

• 🚀 admin pro 演示地址（付费版本，支持 PC、平板、手机）

• 🚀 admin plus 演示地址（vue3.x 付费版本，支持 PC、平板、手机）

vue-admin-beautiful 前端讨论 QQ 群

• 请我们喝杯咖啡，支付后联系 QQ 783963206 邀请您进入讨论群（由于用户数较多，如果您打赏后未通过好友请求，请在支付宝支付页面选择联系商家），不管您请还是不请，您都可以享受到开源的代码，感谢您的支持和信任，群内提供 vue-admin-beautifu 基础版本、开发工具自动配置教程及项目开发文档。

🌱 vue3.x vue3.0-antdv 分支（ant-design-vue）点击切换分支

# 克隆项目
git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-beautiful.git
# 进入项目目录
cd vue-admin-beautiful-pro
# 安装依赖
npm i
# 本地开发 启动项目
npm run serve

🌱vue2.x master 分支（element-ui）点击切换分支

# 克隆项目
git clone -b master https://github.com/chuzhixin/vue-admin-beautiful.git
# 进入项目目录
cd vue-admin-beautiful-pro
# 安装依赖
npm i
# 本地开发 启动项目
npm run serve

友情链接

• uView 文档（超棒的移动跨端框架，文档详细，上手容易）

• uView 开源地址（uni-app 生态优秀的 UI 框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水）

• Element UI 表单设计及代码生成器（可视化表单设计器，一键生成 element 表单）

• luch-request（基于 Promise 开发的 uni-app 跨平台、项目级别的请求库）

我们承诺将定期赞助的开源项目（感谢巨人）

鸣谢

Project
vue
element-ui
element-plus
ant-design-vue
mock
axios

框架杰出贡献者（排名不分先后）

优势及注意事项

vue-admin-beautiful-pro 对比其他开源 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. 支持多主题、多布局切换

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

适合人群

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

功能地图：

特性：

• 支持 PC、手机端、平板；
• 提供超过 50 余项全局精细化配置；
• 支持后端渲染动态路由
• 拥有完整的登录鉴权和前后端多种配置的动态路由流程
• 支持前端控制路由权限 intelligence、后端控制路由权限 all 模式
• 支持 mock 自动生成自动导出功能
• 支持 scss 自动排序，eslint 自动修复
• 支持登录 RSA 加密
• 支持打包自动生成 7Z 压缩包以及自动化部署
• 支持 errorlog 错误拦截
• 支持多主题、多布局切换

效果图

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

商用注意事项

此项目可免费用于商业用途，请遵守 MIT 协议并保留作者技术支持声明，如需自定义版权信息请联系客服 QQ 783963206。