mirror of
https://gitee.com/chu1204505056/vue-admin-beautiful.git
synced 2025-04-06 03:58:00 +08:00
🚀 feat: add en readme
This commit is contained in:
good luck
parent
1ac8719bd5
commit
1509b2faa1
197
README.en.md
Normal file
197
README.en.md
Normal file
@ -0,0 +1,197 @@
|
||||
[简体中文](./README.md) | English
|
||||
|
||||
<div align="center"><img width="200" src="https://gitee.com/chu1204505056/image/raw/master/logo/vab.svg"/>
|
||||
<h1> vue-admin-beautiful-pro（element-ui） </h1>
|
||||
<p>The flying snow all over the sky is a flying note, playing out expectations with blessings. May the epidemic dissipate as soon as possible, may you no longer have regrets next year, may you be warm in winter, may you not be cold in spring, and may you have lights in the dark and an umbrella in the rain.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
[](https://vue-admin-beautiful.com)
|
||||
[](https://github.com/chuzhixin/vue-admin-beautiful)
|
||||
[](https://gitee.com/chu1204505056/vue-admin-beautiful)
|
||||
[](https://en.wikipedia.org/wiki/MIT_License)
|
||||
|
||||
# 🎉 characteristic
|
||||
|
||||
- 💪 40 + high quality single page
|
||||
- 💅 RBAC model + JWT permission control
|
||||
- 🌍 100000 + practical application of the project
|
||||
- 👏 Good type definition
|
||||
- 🥳 The open source version supports free commercial use
|
||||
- 🚀 Cross platform PC, mobile terminal and tablet
|
||||
- 📦 Back end route dynamic rendering
|
||||
|
||||
## 🌐 地址
|
||||
|
||||
- [🎉 Vue2. X + element UI (free commercial, PC, tablet and mobile phone supported)](http://vue-admin-beautiful.com/vue-admin-beautiful-element/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||||
|
||||
- [⚡️ Vue3. X + element plus (alpha version, free commercial, supporting PC, tablet and mobile phone)](http://vue-admin-beautiful.com/vue-admin-beautiful-element-plus/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||||
|
||||
- [⚡️ Vue3. X + ant design Vue (beta version, free commercial, supporting PC, tablet and mobile phone)](http://vue-admin-beautiful.com/vue-admin-beautiful-antdv/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||||
|
||||
- [🚀 Admin Pro demo address (paid version, supporting PC, tablet and mobile phone)](http://vue-admin-beautiful.com/admin-pro/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||||
|
||||
- [🚀 Admin plus demo address (vue3. X paid version, supporting PC, tablet and mobile phone)](http://vue-admin-beautiful.com/admin-plus/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||||
|
||||
- [📌 Pro and plus purchase address authorization](http://vue-admin-beautiful.com/authorization/)
|
||||
|
||||
- [🌐 Github Warehouse address](https://github.com/chuzhixin/vue-admin-beautiful?utm_source=gold_browser_extension)
|
||||
|
||||
- [🌐 Gitee Warehouse address](https://gitee.com/chu1204505056/vue-admin-beautiful?_from=gitee_search)
|
||||
|
||||
- Recently, the VAB official website has been frequently attacked by DDoS. We have taken relevant preventive measures. If the website cannot be accessed, please visit the backup address
|
||||
|
||||
## 🌐 备份地址（支持 https 网站自动更新）
|
||||
|
||||
- [🚀 Admin Pro demo address (paid version, supporting PC, tablet and mobile phone)](https://chu1204505056.gitee.io/admin-pro/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||||
|
||||
- [🚀 Admin plus demo address (vue3. X paid version, supporting PC, tablet and mobile phone)](https://chu1204505056.gitee.io/admin-plus/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||||
|
||||
## 🌱 Vue3.x vue3.0-antdv [Click switch branch](https://github.com/chuzhixin/vue-admin-beautiful-pro/tree/vue3.0-antdv)
|
||||
|
||||
```bash
|
||||
git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-beautiful.git
|
||||
npm i
|
||||
npm run serve
|
||||
```
|
||||
|
||||
## 🌱 Vue2.xmain [Click switch branch](https://github.com/chuzhixin/vue-admin-beautiful-pro/tree/master)
|
||||
|
||||
```bash
|
||||
git clone -b master https://github.com/chuzhixin/vue-admin-beautiful.git
|
||||
npm i
|
||||
npm run serve
|
||||
```
|
||||
|
||||
## 🍻 Front end discussion QQ group
|
||||
|
||||
- Let's have a cup of coffee, and then contact QQ 783963206 to invite you to the discussion group. Because of the large number of users, if you haven't passed a friend's request, please contact Alipay on the Alipay payment page, whether you invite or not, you can enjoy the open source code, thank you for your support and trust, and provide the vue-admin-beautifu basic version in the group. Automatic configuration tutorial of development tools and project development documents.
|
||||
|
||||
<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>
|
||||
|
||||
## 🙈 We promise to sponsor open source projects regularly (thank giant)
|
||||
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
## 🎨 Acknowledge
|
||||
|
||||
| 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) |
|
||||
|
||||
## 👷 Outstanding contributors to the framework (in no order)
|
||||
|
||||
<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>
|
||||
|
||||
## 📌 Advantages and precautions
|
||||
|
||||
```
|
||||
Compared with other open source admin frameworks, it has the following advantages:
|
||||
1. Support the front-end control routing permission intelligence and the back-end control routing permission all mode
|
||||
2. It is known that the open source Vue admin framework is the first to support the automatic generation and export function of mock
|
||||
3. More than 50 global fine configurations are provided
|
||||
4. Support SCSS automatic sorting and eslint automatic repair
|
||||
5. Axios fine encapsulation supports multiple data sources, multiple successful code arrays, and application / JSON; charset=UTF-8、application/x-www-form-urlencoded; Charset = UTF-8 multiple parameter transfer modes
|
||||
6. Support login RSA encryption
|
||||
7. Support packaging to automatically generate 7z compressed packages
|
||||
8. Support errorlog error interception
|
||||
9. Support multi theme and multi layout switching
|
||||
Precautions for use:
|
||||
1. The project uses lf line feed instead of CRLF line feed by default. When creating a new file, please pay attention to selecting the file line feed
|
||||
2. The project uses the strictest eslint verification specification (plugin: Vue / recommended) by default. Before using it, it is recommended to configure the development tool to realize automatic repair (vscode development is recommended)
|
||||
3. The project uses the MIT open source agreement with the broadest requirements, and the MIT open source agreement can be used for free
|
||||
|
||||
```
|
||||
|
||||
## 💚 Suitable for people
|
||||
|
||||
- I am developing and want to use element UI / element plus, with 1 year of front-end development experience +.
|
||||
- Familiar with vue.js technology stack and developed several practical projects with it.
|
||||
- Students who are interested in principle and technology and want to improve.
|
||||
|
||||
## 🎉 Function map
|
||||
|
||||
|
||||
|
||||
## 🗃️ design sketch
|
||||
|
||||
The following is a screenshot of the pro version:
|
||||
|
||||
<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>
|
||||
|
||||
## 📄 Commercial considerations
|
||||
|
||||
This project can be used for commercial purposes free of charge. Please abide by the MIT agreement and keep the author's technical support statement. For customized source code copyright information, please contact customer service QQ 783963206.
|
||||
|
||||
<!-- ## 严正声明
|
||||
|
||||
近期发现不少游手好闲之人有组织有预谋的利用码云、知乎、掘金等网站可用国外非法网站提供的匿名手机号注册的账号 bug 冒充 vab 去攻击 vue-element-admin，iview-admin，若依，d2-admin，ant-design-vue 的行为，恶意制造对立，试图让其他开源作者卷入其中，对各位开源作者造成的影响我们深表歉意，我们欢迎 vab 的用户去体验其他更优秀的框架，vue-admin-beautiful 走到今天实属不易，被人冒充，被人发帖诋毁，被人故意发布错误言论假装发帖表扬实则为我们招骂，无意动任何人的奶酪，从 2020 年至今坚持全职维护已过一年时间，说实在的我们靠技术生存并不丢人吧，一年来感谢 vab 的用户对我们不离不弃，也希望大家越来越好，加油！ -->
|
||||
48
README.md
48
README.md
@ -1,6 +1,8 @@
|
||||
简体中文 | [English](./README.en.md)
|
||||
|
||||
<div align="center"><img width="200" src="https://gitee.com/chu1204505056/image/raw/master/logo/vab.svg"/>
|
||||
<h1> vue-admin-beautiful-pro（element-ui） </h1>
|
||||
<p>中秋遇见国庆，家与国撞了个满怀，月光所照，皆是故乡，红旗飘扬，皆是华夏，月亮是我们抛的硬币，面面都是祝福你，愿五星红旗高高飘扬，愿大国小家繁荣富裕。
|
||||
<p>漫天的飞雪，是飞舞的音符，用祝福奏出期盼，愿疫情早日消散，愿明年的你不再有遗憾，愿你三冬暖，愿你春不寒，愿你天黑有灯，下雨有伞。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@ -16,8 +18,10 @@
|
||||
- 🌍 10 万+ 项目实际应用
|
||||
- 👏 良好的类型定义
|
||||
- 🥳 开源版本支持免费商用
|
||||
- 🚀 跨平台 PC、手机端、平板
|
||||
- 📦️ 后端路由动态渲染
|
||||
|
||||
## 地址
|
||||
## 🌐 地址
|
||||
|
||||
- [🎉 vue2.x + element-ui（免费商用，支持 PC、平板、手机）](http://vue-admin-beautiful.com/vue-admin-beautiful-element/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||||
|
||||
@ -37,7 +41,7 @@
|
||||
|
||||
- 近期 vab 官网频繁遭到 ddos 攻击，我们已采取相关防范措施，如网站无法访问请访问备份地址
|
||||
|
||||
## 备份地址（支持 https 网站自动更新）
|
||||
## 🌐 备份地址（支持 https 网站自动更新）
|
||||
|
||||
- [🚀 admin pro 演示地址（付费版本，支持 PC、平板、手机）](https://chu1204505056.gitee.io/admin-pro/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=)
|
||||
|
||||
@ -48,8 +52,6 @@
|
||||
```bash
|
||||
# 克隆项目
|
||||
git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-beautiful.git
|
||||
# 进入项目目录
|
||||
cd vue-admin-beautiful-pro
|
||||
# 安装依赖
|
||||
npm i
|
||||
# 本地开发 启动项目
|
||||
@ -61,15 +63,13 @@ npm run serve
|
||||
```bash
|
||||
# 克隆项目
|
||||
git clone -b master https://github.com/chuzhixin/vue-admin-beautiful.git
|
||||
# 进入项目目录
|
||||
cd vue-admin-beautiful-pro
|
||||
# 安装依赖
|
||||
npm i
|
||||
# 本地开发 启动项目
|
||||
npm run serve
|
||||
```
|
||||
|
||||
## 前端讨论 QQ 群
|
||||
## 🍻 前端讨论 QQ 群
|
||||
|
||||
- 请我们喝杯咖啡，支付后联系 QQ 783963206 邀请您进入讨论群（由于用户数较多，如果您打赏后未通过好友请求，请在支付宝支付页面选择联系商家），不管您请还是不请，您都可以享受到开源的代码，感谢您的支持和信任，群内提供 vue-admin-beautifu 基础版本、开发工具自动配置教程及项目开发文档。
|
||||
|
||||
@ -90,7 +90,7 @@ npm run serve
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
## 友情链接
|
||||
## 🔊 友情链接
|
||||
|
||||
- [uView 文档（超棒的移动跨端框架，文档详细，上手容易）](https://uviewui.com/)
|
||||
|
||||
@ -100,7 +100,7 @@ npm run serve
|
||||
|
||||
- [luch-request（基于 Promise 开发的 uni-app 跨平台、项目级别的请求库）](https://www.quanzhan.co/luch-request/)
|
||||
|
||||
## 我们承诺将定期赞助的开源项目（感谢巨人）
|
||||
## 🙈 我们承诺将定期赞助的开源项目（感谢巨人）
|
||||
|
||||
<a title="vue" href="https://cn.vuejs.org/" target="_blank">
|
||||
<img width="64px" src="https://gitee.com/chu1204505056/image/raw/master/vue.png"/>
|
||||
@ -114,7 +114,7 @@ npm run serve
|
||||
<img width="64px" src="https://gitee.com/chu1204505056/image/raw/master/element-plus.png"/>
|
||||
</a>
|
||||
|
||||
## 鸣谢
|
||||
## 🎨 鸣谢
|
||||
|
||||
| Project |
|
||||
| ---------------------------------------------------------------- |
|
||||
@ -125,7 +125,7 @@ npm run serve
|
||||
| [mock](https://github.com/nuysoft/Mock) |
|
||||
| [axios](https://github.com/axios/axios) |
|
||||
|
||||
## 框架杰出贡献者（排名不分先后）
|
||||
## 👷 框架杰出贡献者（排名不分先后）
|
||||
|
||||
<a href="https://github.com/buuing" target="_blank">
|
||||
<img width="50px" style="border-radius:999px" src="https://avatars.githubusercontent.com/u/36689704?s=50"/>
|
||||
@ -143,7 +143,7 @@ npm run serve
|
||||
<img width="50px" style="border-radius:999px" src="https://avatars.githubusercontent.com/u/16135960?s=50"/>
|
||||
</a>
|
||||
|
||||
## 优势及注意事项
|
||||
## 📌 优势及注意事项
|
||||
|
||||
```
|
||||
对比其他开源 admin 框架有如下优势:
|
||||
@ -164,31 +164,17 @@ npm run serve
|
||||
|
||||
```
|
||||
|
||||
## 适合人群
|
||||
## 💚 适合人群
|
||||
|
||||
- 正在以及想使用 element-ui/element-plus 开发，前端开发经验 1 年+。
|
||||
- 熟悉 Vue.js 技术栈，使用它开发过几个实际项目。
|
||||
- 对原理技术感兴趣，想进阶和提升的同学。
|
||||
|
||||
## 功能地图：
|
||||
## 🎉 功能地图
|
||||
|
||||
|
||||
|
||||
## 特性：
|
||||
|
||||
- 支持 PC、手机端、平板；
|
||||
- 提供超过 50 余项全局精细化配置；
|
||||
- 支持后端渲染动态路由
|
||||
- 拥有完整的登录鉴权和前后端多种配置的动态路由流程
|
||||
- 支持前端控制路由权限 intelligence、后端控制路由权限 all 模式
|
||||
- 支持 mock 自动生成自动导出功能
|
||||
- 支持 scss 自动排序，eslint 自动修复
|
||||
- 支持登录 RSA 加密
|
||||
- 支持打包自动生成 7Z 压缩包以及自动化部署
|
||||
- 支持 errorlog 错误拦截
|
||||
- 支持多主题、多布局切换
|
||||
|
||||
## 效果图
|
||||
## 🗃️ 效果图
|
||||
|
||||
以下是截取的是 pro 版的效果图展示：
|
||||
|
||||
@ -219,7 +205,7 @@ npm run serve
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
## 商用注意事项
|
||||
## 📄 商用注意事项
|
||||
|
||||
此项目可免费用于商业用途，请遵守 MIT 协议并保留作者技术支持声明，如需自定义源码版权信息请联系客服 QQ 783963206。
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user