The best 7 Vue admin background management system evaluation

This article was first Best 7 Vue admin Background Management System Evaluation - "

Vue admin background management system, as a necessary management background for every project, is very important to everyone. If the selection is not good and the matching is not good, not only is it crazy to use now, but it will also be difficult to iteratively upgrade in the future, and every step is a pit. Therefore, in the technology selection stage, it is necessary to have a comprehensive understanding of the mainstream Vue admins on the market, know their advantages and disadvantages, and then make targeted choices according to the needs of your own project.

I tried all the mainstream Vue admins on the market and tested them locally with npm. I screened out the long-term non-update, obvious bugs, low community activity, and single-function admin background. I picked the best and most characteristic 7 Vue admins. Come out and share it with everyone. Each of these backends has its own characteristics. Some have various functions, but the whole is very heavy; some are stable, but they have been online for a long time and contain a lot of outdated functions; some have few functions, but a certain function is particularly well optimized. I hope my evaluation can help you choose the admin background system that suits your needs.

In addition, the world has quietly changed, and now you don't need to write any front-end code at all, you can directly use - a new generation of low-code development tools to help you build an admin background management system. There is no need to deploy and install, one-click access to the database and API, the front-end only needs to be dragged and dropped, and you can build an admin background system suitable for any application scenario according to your needs. The workload of the original three days is now completed in 1 hour, who knows who uses it, and gets off work early in the morning. For details, please refer to the end of this article.

7 Vue admin background management systems evaluated in this article

• Vue element admin - the first choice for old-fashioned admin background management for stability
• Antd Pro Vue - Backed by Ali, the code is excellent, the first choice for large projects
• Vue vben admin - Treasure background management based on Vue3 UI fresh and solid functions
• iView Admin - old-fashioned admin code engineering builds ecology with high price and high quality
• D2Admin - Code-engineered RBAC permission management at your fingertips
• Naive Ui admin - Vue3-based background management nova suitable for small projects
• mall admin web - E-commerce Vue admin background management
• Karayun - a new generation of low-code development tools, without deployment, without any front-end technology, you can build your own admin background at will

1. Vue element admin - the first choice for old-fashioned admin background management for stability

Vue element admin is the earliest and most complete back-end front-end solution in China, so it must be said first. As one of the predecessors of the Vue admin solution, element admin has many users and a huge community. No matter what problems you encounter in use, you can basically ask and answer questions from users who have encountered similar problems with you.

Element admin is implemented based on Vue + element UI, with built-in dynamic routing, permission management, i18n (internationalization plug-in), it extracts typical business models for you, and does more than you think in the business scenarios you need Better, extremely rich functional components, it is a good choice for you to build the internal background of the enterprise.

Of course, its advantages are also its disadvantages. After so many years of iteration, continuous addition of functions, and continuous accumulation of iterations, element admin is a little bloated, and it is not suitable to be used as a basic template. Less code redundancy.

Vue element admin has been screened out over time, and it is still active for a reason. If you are just starting to build a management background, it is recommended that you start the trial from Vue element admin. himself wrote a tutorial "161ef3d8f22191 Hand-to-hand to take you to the backstage with " is very good, the front-end Mengxin can follow this.

Extended reading: " Teach you Vue3+Node.js+Expres+MySQL environment to build "

2. Antd Pro Vue - backed by Ali, the code is excellent, the first choice for large projects

In March 2018, Ant officially open sourced the Vue version of Ant Design. A few months later, it released the complete front-end scaffolding of this Vue component library Antd Pro Vue (Vue admin background management system).

Antd Pro Vue, as the Vue admin background management framework, inherits the rigorous professionalism of Antd in visual design. After so many years of iteration, the official website documentation has been upgraded from the initial rough version to the professional and good documentation covering various problem solutions.

Antd Pro Vue has been built for complex business from the moment of its birth. It is not iterating from simple functions to complex functions, but from the very beginning, it is designed according to the complex business of large companies, from a macro perspective. Orderly arrange, extract various business scenarios to make standard pages, no matter what unique business scenario you are, you can find the one that suits you, and you can go online with a little modification.

3. Vue vben admin - Treasure background management based on Vue3 UI fresh function and solid

Vue vben admin is the treasure admin background management system I have always wanted to recommend, with first-class visual effects and reasonable functional arrangement. At present, there are not too many easy-to-use backgrounds based on Vue3. Vben admin is based on the latest Vue3, Vite, Ant-Design-Vue, and TypeScript.

Although the early version of Vben has some problems, some places are over-encapsulated, and there are some learning costs, but the author iterates quite quickly, and most of the problems can be found and solved in the document.

vben provides the full version and 2 different types of simplified versions. After all, most users will open the second version according to their own usage scenarios, and will delete the code they do not need. The author has insight into this demand and helps you complete this step.

Although the vben document describes itself as being suitable for medium and large-scale middle and back offices, the release time of vben is still relatively short, and there are still a lot of upgrades and iterations to go, so it is recommended to choose carefully. Personally I am very optimistic about vben and look forward to it becoming a dominant player one day.

Extended reading: " Axios Tutorial: Vue + Axios Installation and Practice-Teach you how to build a real-time price board 161ef3d8f22357"

4. iView Admin - old-fashioned admin code engineering builds ecology with high price and high quality

In 2017, when iView admin 161ef3d8f223c2 was just released, all kinds of Vue UI frameworks in China were just starting, and there was no such a situation where the head of the At that time, I happened to see relevant information at V2EX. I tried it and liked it very much. After so many years, it has iterated multiple versions, and released the iView admin pro version in 2019. Let me talk about these two versions.

iView admin is a background management solution based on Vue + iView UI component library. As one of the members of the iView ecosystem, it follows the iView design logic and has a unified style. iView components are in line with the Vue development model, if you are also familiar with React, then cut to Vue, using iView will be easier to adapt to. However, this admin basic version is not very good at handling large amounts of data, so it is more suitable to use it as a light basic admin.

After iView launched a full series of Pro versions in 2019, the maintenance and update of the basic version is very little, but I still feel that the current state of the basic version is a good choice to use in my own small projects and learn while using it .

iView admin Pro has many major upgrades on the basis of the basic version, and has provided detailed support for various application scenarios. In addition, pro has done a very good adaptive processing on the PC and mobile terminals. The Pro version has a built-in Quill rich text editor. I also love Quill very much. It is very simple and has no redundant functions, especially it is extremely friendly to code writing. For details, see my article " best 7 Vues to use" 3 Rich Text Editor .

The price of iView admin Pro is as high as 10,000 yuan. It has the smoothness and ease of use that commercial software should have. This kind of paid admin is looking for an opportunity to write a single review. I will not expand it here.

Extended reading: " Best 6 Free Weather API Interface Comparative Evaluation "

5. D2Admin - Easy-to-use code engineering RBAC permission management

D2Admin is definitely a low-key and easy-to-use admin back-end management system. It is a completely free and open source enterprise middle and background management integration solution. In element-ui related open source projects, the structure and code style of D2 admin are smooth and clear, the local first screen JS less than 60kb is loaded, and the permission management of D2 follows RBAC Model .

D2Admin is built with Vue-cli3, built-in UEditor rich text editor , multiple themes, separate routing and menu settings, draggable page layouts, Fontawesome icon library and provides data export and save as Excel file, which is useful for some Items such as dashboards are particularly important.

Extended reading: " Best 5 Translation API Interface Comparison Evaluation "

6. Naive Ui admin - Vue3-based background management nova suitable for small projects

Naive Ui admin is a Vue admin middle and background management system solution that I have used recently. It is completely free and commercially available.

At present, there are not many useful projects based on Vue3. The old front-end framework is still on the way to support Vue3. Now there are only a handful of projects that support Vue3 with a high degree of completion. Naive Ui Vue Admin is relatively a relatively complete project. Although some components are still to be developed, at the current author's update frequency, it should be able to catch up soon.

Extended reading: " Postman Tutorial - Teach You API Interface Testing "

7. mall admin web - Vue admin background management for e-commerce

mall admin web is an e-commerce background management system developed mainly for vertical scenarios of e-commerce. The built-in functions of mall admin are mainly developed around the needs of e-commerce, and targeted functional scenarios such as commodity management, orders, membership, promotion, statistical reports, and financial management are launched.

For e-commerce projects that are launched quickly, this system is a very good choice, with full coverage of functions, simple and direct.

mall admin web is built based on Vue + Element. The entire function distribution is reasonable, including most of the needs of e-commerce, which is convenient for everyone to carry out secondary development. The author also wrote its back-end project mall , which is based on SpringBoot+MyBatis, and uses Docker containerized deployment for better use.

8. Summary of admin management background and "Karayun"

This article introduces the characteristics of the 7 Vue admin background management systems that I have used. You can choose the right back management system according to the actual scene in your work.

If you want to build your own admin background management tool, but you are not very familiar with the front end, you can consider using , really out of the box, no need to write any front-end code, just drag and drop, you can quickly generate suitable for you The project's admin background management system.

The above picture shows users according to their own projects. The entire construction process took 50 minutes.

Karayun is a new generation of low-code development tools, free installation and deployment, and one-click access to common databases and APIs including MySQL. You can customize the development according to your own workflow. No need for tedious front-end development, just drag and drop to quickly build internal enterprise tools. three days can be reduced to 1 hour after using . Welcome to try

9. The author of this article

Jiang Chuan, co-founder of Karayun, B-side data development.

If you have any questions, welcome to add WeChat to communicate. My micro HiJiangChuan

Further reading:

• best 5 paragraph translation API interface contrast evaluation
• best seven top API interface testing
• 5 Best React Rich Text
• Postman tutorial - teach you how to test API interface
• six of the best free weather API interface comparative evaluation
• PAW usage tutorial - teach you how to test API interface