Vue推荐后台管理系统模板

无需加好友免费技术支持

文章链接:

简书: Vue推荐后台管理系统模板 - 简书

Vue.js 它是目前比较流行的前端框架，已经到了前端人人都会的地步，今天这里就为大家列举一下 Vue 后端管理框架。目前比较流行 Vue 搭配的 UI组件 有Element-UI、iview、Bootstrap-Vue、Ant-Design-Vue，另外还有Vuetify、Buefy （Bulma css）、Vue Material 等等。基于这些组件库包装的背景管理模板，推荐一些常用的 VUE后台模板 给大家。按照 Github 依次介绍星标数量。

Vue-Element-Admin（github标星数为63.3k）基于后台前端解决方案 Vue 和 Element-UI 实现。它内置了最新的前端技术栈 i18 国际解决方案、动态路由、权限验证，完善典型的商业模式，提供丰富的功能组件，可以帮助您快速构建企业中后台产品原型。

文档地址：Document Address集成方案：vue-element-admin基础模板：vue-admin-template桌面终端：electron-vue-adminTypescript版：vue-typescript-admin-template （鸣谢: @Armour）Others： awesome-project在线预览地址：国内用户可访问该地址在线预览：预览效果：

iview-admin（github标星数为15.4k）是iView基于前后端分离开发模式的生态成员之一 Vue 后台管理系统前端解决方案。iView-admin2.0 脱离 1.x 重构版本，换用 Webpack4.0 Vue-Cli3.0 作为基本开发环境。内置了开发后台管理系统常用的逻辑功能，和开箱即用的业务组件，旨在让开发者能够以最小的成本开发后台管理系统，降低开发量。

综合方案：预览地址：预览效果：

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

文件地址：集成方案：国内镜像：预览地址：常见问题：预览效果：

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

文件地址：预览地址：常见问题：预览效果：

Vue-Manage-System （github标星数为11.8k）该方案作为多功能后台框架模板，适用于大多数后台管理系统（Web Management System）开发。基于 Vue.js ，使用 Vue-Cli3.0 引用脚手架 Element UI 组件库，方便快速、简洁、美观的组件开发。分离色彩风格，支持主题色手动切换，使用自定义主题色非常方便。

集成方案：预览地址：预览效果：

vue2-manage （github标星数为10.2k）此项目是 Vue Element-UI 后台管理系统是后台项目node-elm 管理系统，所有数据都是从服务器实时获取的真实数据，具有真实注册、登录、管理数据、权限验证等功能。

传送门： 前端项目地址、后台系统地址 、原生APP项目地址

技术栈：vue2 vuex vue-router webpack ES6/7 less element-ui

集成方案：预览地址：预览效果：

D2-Admin （github标星数为9.8k）是一个完全 开源免费 采用最新的前端技术栈，企业中后台产品前端集成方案小于 60kb 的本地首屏 js 大部分项目的前期准备工作已经加载，并且有大量的示例代码来帮助管理系统的快速发展。

文件地址：集成方案：国内镜像：预览地址：预览效果：

Vuestic-Admin （github标星数为7.7k）Free and beautiful Vue.js admin template with 44 custom UI components . Developed by Epicmax . Designed by Vasili Savitski

综合方案：预览地址：预览效果：

Vue-Admin-Beautiful （github标星数为7.2k）主线版本基于 element-plus、element-ui、ant-design-vue 三者并行开发维护，支持电脑、手机、平板电脑。

Github仓库地址： 仓库地址： element-ui：vue2.x element-ui(免费商业，支持 PC、平板、手机)vue3.x element-plus：vue3.x element-plus（alpha 版本，免费商用，支持 PC、平板、手机)vue3.x ant-design-vue：vue3.x ant-design-vue（beta 版本，免费商用，支持 PC、平板、手机)pro 演示地址：pro 演示地址(付费版，支持 PC、平板、手机)预览效果：

CoreUI-Free-Vue-Admin-Template （github标星数为2.7k）是一款基于 coreui（coreui vue bootstrap）组件的后台管理模板。特点是高性能和易于定制的UI组件可以满足任何需求，从而在一半的时间内开发出现代、美观、快速响应的应用程序。

集成方案：预览地址：预览效果：

nx-admin （github标星数为2.3k） 基于开源管理系统的前端集成方案 Vue 和 Element。它内置了最新的前端技术栈i18国际解决方案、动态路由、权限验证，完善典型的商业模式，提供丰富的功能组件，帮助您快速构建企业级中后台产品原型。最大限度地帮助个人，企业节省时间、成本和费用。

文件地址：集成方案：国内镜像：预览地址：预览效果：

vue-material-admin （github标星数为2.0k）。

集成方案：预览地址：预览效果：