Vue background management system template introduction

Introduction: Vue.js is a popular front-end framework. Today, I recommend several Vue-based back-end management frameworks. Currently, the more popular UI components that work with Vue include Element-UI, iview, Bootstrap-Vue, Ant-Design-Vue, as well as Vuetify, Buefy (Bulma css), Vue Material, etc...

view-element-admin

Vue-Element-Admin (68.6k 78.2k stars on github) is a back-end front-end solution based on Vue and Element-UI. It uses the latest front-end technology stack, built-in i18 internationalization solutions, dynamic routing, authority verification, refines typical business models, and provides rich functional components. It can help you quickly build enterprise-level mid-background product prototypes.

Document Address: Document Address

Integration solution: vue-element-admin

Basic template: vue-admin-template

Desktop terminal: electron-vue-admin

Typescript版：vue-typescript-admin-template

Others： awesome-project

Online preview address: https://panjiachen.github.io/vue-element-admin

Domestic users can visit this address: https://panjiachen.gitee.io/vue-element-admin

AdminLTE

AdminLTE is a fully responsive admin template. Based on Bootstrap 4.6 framework and JS/jQuery plugin. Highly customizable and easy to use. Suitable for a variety of screen resolutions from small mobile devices to large desktops.

Github warehouse address: https://github.com/ColorlibHQ/AdminLTE

Document address: https://adminlte.io/docs/3.1/

Online preview address: https://adminlte.io/themes/v3/index3.html

Domestic users can visit this address to preview online: http://adminlte.la998.com/v3/index.html

iview-admin

iview-admin is one of the members of the iView ecosystem. It is a front-end solution for the background management system based on Vue, which adopts the front-end and back-end separation development model. iView-admin2.0 is refactored from the 1.x version, and replaced with Webpack4.0 + Vue-Cli3.0 as the basic development environment. It has built-in logic functions commonly used in the development of background management systems and out-of-the-box business components, aiming to allow developers to develop background management systems at the lowest cost and reduce the amount of development.

Document address: https://lison16.github.io/iview-admin-doc

Integration solution: https://github.com/iview/iview-admin

Preview URL: https://admin.iviewui.com

vue-antd-admin/ant-design-vue-pro

Vue-Antd-Admin（以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作，享受 Vue + Webpack 的开发体验，在 Markdown 中使用 Vue 组件，同时可以使用 Vue 来开发自定义主，VuePress 为每个页面预渲染生成静态的 HTML，同时在页面被加载的时候，将作为 SPA 运行。

文档地址：https://iczer.gitee.io/vue-antd-admin-docs/start/use.html

集成方案：https://github.com/iczer/vue-antd-admin

国内镜像：https://gitee.com/iczer/vue-antd-admin

预览地址：https://iczer.gitee.io/vue-antd-admin

常见问题：https://iczer.gitee.io/vue-antd-admin-docs/start/faq.html

Ant-Design-Pro 基于 Ant Design 体系精心设计，提炼自中后台应用的典型页面和场景，使用 React/dva/antd 等前端前沿技术开发，针对不同屏幕大小设计，可配置的主题满足多样化的品牌诉求，内建业界通用的国际化方案，良好的工程实践助你持续产出高质量代码，实用的本地数据调试方案，支持自动化测试保障前端产品质量。

文档地址：https://pro.ant.design/docs/getting-started-cn

集成方案：https://github.com/ant-design/ant-design-pro

预览地址：http://preview.pro.ant.design

常见问题：http://pro.ant.design/docs/faq-cn

vue-manage-system

Vue-Manage-System该方案作为一套多功能的后台框架模板，适用于绝大部分的后台管理系统（Web Management System）开发。基于 Vue.js ，使用 Vue-Cli3.0 脚手架，引用 Element UI 组件库，方便开发快速简洁好看的组件。分离颜色样式，支持手动切换主题色，而且很方便使用自定义主题色。

集成方案：https://github.com/lin-xin/vue-manage-system

预览地址：https://lin-xin.gitee.io/example/work/