manger

简体中文 | English

vue-admin-better（element-ui）

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.

---

🎉 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

🌐 Address

• 🎉 Vue2. X + element UI (free commercial, PC, tablet and mobile phone supported)

• ⚡️ Vue3. X + element plus (alpha version, free commercial, supporting PC, tablet and mobile phone)

• ⚡️ Vue3. X + ant design Vue (beta version, free commercial, supporting PC, tablet and mobile phone)

• ⚡️ vue3.x + vite + vue-admin-arco

• 🚀 Admin Pro demo address (vue2.x paid version, supporting PC, tablet and mobile phone)

• 🚀 Admin plus demo address (vue3.x paid version, supporting PC, tablet and mobile phone)

• 📌 Pro and plus purchase address authorization

• 🌐 Github Warehouse address

• 🌐 Gitee Warehouse address

• 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

🌐 Backup address (support automatic update of HTTPS website)

• 🚀 Admin Pro demo address (paid version, supporting PC, tablet and mobile phone)

• 🚀 Admin plus demo address (vue3. X paid version, supporting PC, tablet and mobile phone)

📦️ Desktop applications

• Admin Pro
• Admin Plus

🌱 Vue3.x vue3.0-antdv Click switch branch

git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-better.git
npm i --registry=http://mirrors.cloud.tencent.com/npm/
npm run serve

🌱 Vue2.xmain Click switch branch

git clone -b master https://github.com/chuzhixin/vue-admin-better.git
npm i --registry=http://mirrors.cloud.tencent.com/npm/
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.

🙈 We promise to sponsor open source projects regularly (thank giant)

🎨 Acknowledge

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

👷 Outstanding contributors to the framework (in no order)

📌 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:

📄 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.