vab-avatar use setup

This commit is contained in:
vue-admin-beautiful.com 2021-07-15 20:30:56 +08:00
parent f944bb5e45
commit b989326ec6

122
README.md
View File

@ -2,6 +2,11 @@
<h1> vue-admin-beautifulant-design-vue </h1> <h1> vue-admin-beautifulant-design-vue </h1>
</div> </div>
[![Website](<https://img.shields.io/badge/ good luck - vue admin beautiful -blue?style=flat-square>)](https://vue-admin-beautiful.com)
[![stars](https://img.shields.io/github/stars/chuzhixin/vue-admin-beautiful?style=flat-square&logo=GitHub)](https://github.com/chuzhixin/vue-admin-beautiful)
[![star](https://gitee.com/chu1204505056/vue-admin-beautiful/badge/star.svg?theme=gray)](https://gitee.com/chu1204505056/vue-admin-beautiful)
[![license](https://img.shields.io/github/license/chuzhixin/vue-admin-beautiful?style=flat-square)](https://en.wikipedia.org/wiki/MIT_License)
## 地址 ## 地址
- [🎉 vue2.x + element-ui免费商用支持 PC、平板、手机](http://vue-admin-beautiful.com/vue-admin-beautiful-element/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=) - [🎉 vue2.x + element-ui免费商用支持 PC、平板、手机](http://vue-admin-beautiful.com/vue-admin-beautiful-element/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
@ -10,47 +15,62 @@
- [⚡️ vue3.x + ant-design-vuebeta 版本,免费商用,支持 PC、平板、手机](http://vue-admin-beautiful.com/vue-admin-beautiful-antdv/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=) - [⚡️ vue3.x + ant-design-vuebeta 版本,免费商用,支持 PC、平板、手机](http://vue-admin-beautiful.com/vue-admin-beautiful-antdv/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
- [🚀 pro 演示地址(付费版本,支持 PC、平板、手机](http://vue-admin-beautiful.com/vue-admin-beautiful-pro/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=) - [🚀 admin pro 演示地址(付费版本,支持 PC、平板、手机](http://vue-admin-beautiful.com/admin-pro/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
- [🌐 github 仓库地址](https://github.com/chuzhixin/vue-admin-beautiful/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=) - [🚀 admin plus 演示地址vue3.x 付费版本,支持 PC、平板、手机](http://vue-admin-beautiful.com/admin-plus/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
- [🌐 码云仓库地址](https://gitee.com/chu1204505056/vue-admin-beautiful/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=) - [📌 pro 及 plus 购买地址 authorization](http://vue-admin-beautiful.com/authorization/)
## vue-admin-beautiful 前端讨论 QQ 群 9724353191139183756 - [🌐 github 仓库地址](https://github.com/chuzhixin/vue-admin-beautiful?utm_source=gold_browser_extension)
不管您加或者不加,您都可以享受到开源的代码,感谢您的支持和信任,群内提供 vue-admin-beautifu 基础版本、开发工具自动配置教程及项目开发文档。 - [🌐 码云仓库地址](https://gitee.com/chu1204505056/vue-admin-beautiful?_from=gitee_search)
<a>![img](https://gitee.com/chu1204505056/image/raw/master/ewm.png)</a> - 近期 vab 官网频繁遭到 ddos 攻击,我们已采取相关防范措施,如网站无法访问请访问备份地址
<a>![img](https://gitee.com/chu1204505056/image/raw/master/ewm_2.png)</a>
## 备份地址(以上地址无法使用时请访问备份站) ## 备份地址
- [🎉 vue2.x + element-ui免费商用支持 PC、平板、手机](https://chu1204505056.gitee.io/vue-admin-beautiful-element/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=) - [🚀 admin pro 演示地址(付费版本,支持 PC、平板、手机](https://chu1204505056.gitee.io/admin-pro/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
- [⚡️ vue3.x + ant-design-vuebeta 版本,免费商用,支持 PC、平板、手机](https://chu1204505056.gitee.io/vue-admin-beautiful-mini/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=) - [🚀 admin plus 演示地址vue3.x 付费版本,支持 PC、平板、手机](https://chu1204505056.gitee.io/admin-plus/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
- [🚀 pro 版演示地址(付费版本,支持 PC、平板、手机](https://chu1204505056.gitee.io/vue-admin-beautiful-pro/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=) ## vue-admin-beautiful 前端讨论 QQ 群
## 🌱 vue3.x vue3.0-antdv 分支ant-design-vue[点击切换分支](https://github.com/chuzhixin/vue-admin-beautiful/tree/vue3.0-antdv) - 请我们喝杯咖啡,支付后联系 QQ 783963206 邀请您进入讨论群(由于用户数较多,如果您打赏后未通过好友请求,请在支付宝支付页面选择联系商家),不管您请还是不请,您都可以享受到开源的代码,感谢您的支持和信任,群内提供 vue-admin-beautifu 基础版本、开发工具自动配置教程及项目开发文档。
<table>
<tr>
<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>
## 🌱 vue3.x vue3.0-antdv 分支ant-design-vue[点击切换分支](https://github.com/chuzhixin/vue-admin-beautiful-pro/tree/vue3.0-antdv)
```bash ```bash
# 克隆项目 # 克隆项目
git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-beautiful.git git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-beautiful.git
# 进入项目目录 # 进入项目目录
cd vue-admin-beautiful cd vue-admin-beautiful-pro
# 安装依赖 # 安装依赖
npm i npm i
# 本地开发 启动项目 # 本地开发 启动项目
npm run serve npm run serve
``` ```
## 🌱vue2.x master 分支element-ui[点击切换分支](https://github.com/chuzhixin/vue-admin-beautiful/tree/master) ## 🌱vue2.x master 分支element-ui[点击切换分支](https://github.com/chuzhixin/vue-admin-beautiful-pro/tree/master)
```bash ```bash
# 克隆项目 # 克隆项目
git clone -b master https://github.com/chuzhixin/vue-admin-beautiful.git git clone -b master https://github.com/chuzhixin/vue-admin-beautiful.git
# 进入项目目录 # 进入项目目录
cd vue-admin-beautiful cd vue-admin-beautiful-pro
# 安装依赖 # 安装依赖
npm i npm i
# 本地开发 启动项目 # 本地开发 启动项目
@ -67,8 +87,6 @@ npm run serve
- [luch-request基于 Promise 开发的 uni-app 跨平台、项目级别的请求库)](https://www.quanzhan.co/luch-request/) - [luch-request基于 Promise 开发的 uni-app 跨平台、项目级别的请求库)](https://www.quanzhan.co/luch-request/)
- [umyui](http://www.umyui.com/)
## 我们承诺将定期赞助的开源项目(感谢巨人) ## 我们承诺将定期赞助的开源项目(感谢巨人)
<a title="vue" href="https://cn.vuejs.org/" target="_blank"> <a title="vue" href="https://cn.vuejs.org/" target="_blank">
@ -108,11 +126,14 @@ npm run serve
<a href="https://github.com/hdtopku" target="_blank"> <a href="https://github.com/hdtopku" target="_blank">
<img width="50px" style="border-radius:999px" src="https://avatars.githubusercontent.com/u/14859466?s=50"/> <img width="50px" style="border-radius:999px" src="https://avatars.githubusercontent.com/u/14859466?s=50"/>
</a> </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>
## 优势及注意事项 ## 优势及注意事项
``` ```
vue-admin-beautiful 对比其他开源 admin 框架有如下优势: vue-admin-beautiful-pro 对比其他开源 admin 框架有如下优势:
1. 支持前端控制路由权限 intelligence、后端控制路由权限 all 模式 1. 支持前端控制路由权限 intelligence、后端控制路由权限 all 模式
2. 已知开源 vue admin 框架中首家支持 mock 自动生成自动导出功能 2. 已知开源 vue admin 框架中首家支持 mock 自动生成自动导出功能
3. 提供 50 余项全局精细化配置 3. 提供 50 余项全局精细化配置
@ -123,9 +144,72 @@ vue-admin-beautiful 对比其他开源 admin 框架有如下优势:
8. 支持errorlog错误拦截 8. 支持errorlog错误拦截
9. 支持多主题、多布局切换 9. 支持多主题、多布局切换
vue-admin-beautiful 使用注意事项: vue-admin-beautiful-pro 使用注意事项:
1. 项目默认使用lf换行符而非crlf换行符新建文件时请注意选择文件换行符 1. 项目默认使用lf换行符而非crlf换行符新建文件时请注意选择文件换行符
2. 项目默认使用的最严格的eslint校验规范plugin:vue/recommended使用之前建议配置开发工具实现自动修复建议使用vscode开发 2. 项目默认使用的最严格的eslint校验规范plugin:vue/recommended使用之前建议配置开发工具实现自动修复建议使用vscode开发
3. 项目使用的是要求最宽泛的MIT开源协议保留MIT开源协议即可免费商用 3. 项目使用的是要求最宽泛的MIT开源协议保留MIT开源协议即可免费商用
``` ```
## 适合人群
- 正在以及想使用 element-ui/element-plus 开发,前端开发经验 1 年+。
- 熟悉 Vue.js 技术栈,使用它开发过几个实际项目。
- 对原理技术感兴趣,想进阶和提升的同学。
## 功能地图:
![img](https://gitee.com/chu1204505056/image/raw/master/vip/flow.drawio.png)
## 特性:
- 支持 PC、手机端、平板
- 提供超过 50 余项全局精细化配置;
- 支持后端渲染动态路由
- 拥有完整的登录鉴权和前后端多种配置的动态路由流程
- 支持前端控制路由权限 intelligence、后端控制路由权限 all 模式
- 支持 mock 自动生成自动导出功能
- 支持 scss 自动排序eslint 自动修复
- 支持登录 RSA 加密
- 支持打包自动生成 7Z 压缩包以及自动化部署
- 支持 errorlog 错误拦截
- 支持多主题、多布局切换
## 效果图
以下是截取的是 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 协议并保留作者技术支持声明,如需自定义版权信息请联系客服 QQ 783963206。
<!-- ## 严正声明
近期发现不少游手好闲之人有组织有预谋的利用码云、知乎、掘金等网站可用国外非法网站提供的匿名手机号注册的账号 bug 冒充 vab 去攻击 vue-element-adminiview-admin若依d2-adminant-design-vue 的行为,恶意制造对立,试图让其他开源作者卷入其中,对各位开源作者造成的影响我们深表歉意,我们欢迎 vab 的用户去体验其他更优秀的框架vue-admin-beautiful 走到今天实属不易,被人冒充,被人发帖诋毁,被人故意发布错误言论假装发帖表扬实则为我们招骂,无意动任何人的奶酪,从 2020 年至今坚持全职维护已过一年时间,说实在的我们靠技术生存并不丢人吧,一年来感谢 vab 的用户对我们不离不弃,也希望大家越来越好,加油! -->