当你写项目的时候，如何快速的完成一个项目的搭建，这个时候就需要借助到一些模板了，前端开发的一个好处就是，各类UI模板都是相当的齐全的，直接拿来用就可以了，脱离了一行又一行垒代码的繁琐的工作，以下的开源后台管理系统模板是我在逛GitHub的时候看到的，排名先后是按照2020/5月份GitHub上面的star进行排名的。

　　一个基于 vue2.0 和 Eelement 的控制面板 UI 框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。

　　非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架，这是一个非常老牌的后台管理系统模板，每个页面都是单独的html网页，适合前端入门新手来做项目。

　　这个就不多说了，选择react技术栈的童鞋们必然离不开这个优秀开箱即用的中台前端/设计解决方案，文档齐全，组件丰富，一键生成模板，更支持开启复制黏贴模式哦。

　　这是基于 Angular 2, Bootstrap 4 和 Webpack 的后台管理面板框架，要说前面已经有了react和vue技术栈的模板，那怎么能少的了ng的？虽然在国外用的比较多，国内较少使用，但丝毫不影响ng作为前端框架三大巨头之一的地位呀。

　　Gentelella 是一个可免费使用的 Bootstrap 管理界面模版，使用群体比较广泛。这个模版使用默认的 Bootstrap 3 的样式，还有一系列功能强大的 jQuery 插件和工具，可快速创建管理界面模版或者后台的 Dashboard。

　　BlurAdmin 是一款使用 AngularJs + Bootstrap实现的单页管理端模版，视觉冲击极强的管理后台，各种动画效果。

　　vue-manage-system，一个基于 Vue.js 和 element-ui 的后台管理系统模板，挺喜欢这个界面的UI，简约清晰不累赘，多功能的后台框架模板，适用于绝大部分的后台管理系统开发。

　　D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案，基于 vue.js 和 ElementUI 的管理系统前端解决方案 ，小于 60kb 的本地首屏 js 加载,已经做好大部分项目前期准备工作

　　vuestic-admin管理台仪表盘是一个响应式的仪表盘模板，采用Bootstrap 4和Vue.js构建。这个精美的管理台模板提供了自定义元素组件，如地图，聊天，个人资料卡，图标，进度条等，以及用于登录和注册的预建页面。

　　之前在博客中写了 Vue 中后台管理系统的“系统性”测评，与其它（目前的）高赞答案不一样，我们是真正一个个包跑了一遍npm install，一一测过之后写的评测，而不是在 github 上按点赞排序直接爽文。写这篇文章花了大量大量的时间，如果觉得有帮助请点个赞再走，如果有问题欢迎直接问我

　　首先，后台管理系统的前端框架不存在“好不好”的问题，更多的是你的公司技术栈是不是允许。比如，如果你整个公司选型用 Angular 或者 React，难道你真能另辟蹊径用一个 Vue 的框架吗？

　　鉴于在国内，Vue 的使用量大概是 React 的 4倍左右（npm trends数据），这篇文章里我们就主要讨论 Vue admin 的后台系统。如果你对 React 的感兴趣，欢迎留言，之后补上

　　同时如果你需要做技术选型，马上就要开始用上一套后台管理系统，但其实并没有锁死到具体的框架上，我自荐由我一笔一画写出来的卡拉云，帮你省掉前后端二次开发，直接拖拽开发一个后台系统。是的，我也是程序员我当然知道你在想：拖拽能有什么灵活性？但事实上，逻辑的实现是需要用简单的 JavaScript 来黏合的，同时如果有数据处理的逻辑，可以直接在执行 SQL，所以是不是真能打欢迎试用后告诉我 ：）

　　我试用了市面上所有主流 Vue admin 都 npm 到本地测了一遍，筛掉长期不更新，bug 明显，社区活跃度低，功能单一的 admin 后台，把最好、最有特点的 7 款 Vue admin 挑出来，分享给大家。这些后台各有各的特点，有些功能多样，但整体很重；有些虽然稳定，但上线年头久远，含有大量陈旧功能；有些功能虽然少，但某一项功能优化的特别好。希望我的测评可以帮助你选到合适你需求的 admin 后台系统。

　　Vue element admin是国内最早也是目前最完善的后台前端解决方案，一定得放在第一个说。作为 Vue admin 解决方案的前辈之一，element admin 的用户众多，社区庞大，无论你在使用中碰到什么问题，到处搜搜，基本上都能找与你碰到类似问题的用户提问及解答。

　　当然，它的优点也是它的缺点，经过这么多年的迭代，不断的加功能威廉希尔williamhill，不断迭代堆积，element admin 稍微有点臃肿，不适合当基础模版来二开，它集成的众多细致功能，会造成不少代码冗余。

　　Vue element admin 经过时间筛选出来，能活到现在依然活跃是有原因的，如果你刚开始搭建管理后台，推荐你从 Vue element admin 开始试用。作者花裤衩自己写了个教程《手摸手带你用vue撸后台》特别棒，前端萌新可以跟着这个走一遍。

　　注意，Vue Element Admin 最大的一个问题可能是虽然它的社区足够大，但并没有再频繁更新，可能是主作者工作繁忙导致。因此如果碰上问题，或者需要作者的 bug-fix 不见得是个好选择

　　Antd Pro Vue 作为 Vue admin 后台管理框架，视觉设计上传承了 Antd 的严谨专业。官网文档经过这么多多年的迭代，已经从最开始的粗略版升级至现在涵盖各类问题解决方案的专业好文档。

　　Antd Pro Vue 从出生那一刻开始就是为复杂业务所建，它不是从简单功能逐渐迭代到复杂功能，而是从一开始设计时，就按照大公司复杂业务来设计，从一个更宏观的视角来有序安排，提炼出各类业务场景做成制式页，不论你是什么独特的业务场景，都可以找到合适自己的，稍加改动即可上线。

　　Vben 虽然早期版本有些问题，有些地方过度封装，有一些学习成本，但作者迭代的相当快，大多数问题在文档都可以找到并解决。

　　vben 提供了完整版和2两个不同类型的精简版，毕竟大多数使用者会根据自己的使用场景进行二开，会删掉自己不需要的代码，作者洞察到了这个需求，帮大家完成了这一步。

　　虽然 vben 文档里描述自己适合做中大型中后台，但 vben 发布时间还比较短，还有挺多升级迭代的路要走，建议谨慎选择。我个人非常看好 vben ，期待它有朝一日，独霸一方。

　　扩展阅读：《Axios 教程：Vue + Axios 安装及实战 - 手把手教你搭建加密币实时价格看板》

　　2017 年iView admin刚发布时，国内各类 Vue UI 框架都刚起步，还没有现在这种头部一家独大的局面。当时正好在 V2EX 看到相关信息，试了试很喜欢，经过这么多年，现在已经迭代多个版本，并且在 2019年发布了 iView admin pro 版，我来说说这两个版本。

　　iView admin 基于 Vue + iView UI 组件库构建的后台管理解决方案，它作为 iView 生态上的成员之一，遵循 iView 设计逻辑，风格统一。iView 组件很符合 Vue 开发模式，如果你同时也很熟悉 React ，那么切到 Vue ，使用 iView 也会更容易适应。但这个 admin 基础版对数据量较大的情况，处理的不是很好，把它当作轻便的基础 admin 使用更合适。

　　iView 在 2019 年推出了全系列 Pro 版本之后，对基础版的维护和更新就很少了，不过我仍然觉得基础版现在的状态，用在自己的小项目中，边用边学习是不错的选择。

　　iView admin Pro 在基础版的基础上有很多重大升级，对各类应用场景都做了细致的支持。另外 pro 对 PC 端和移动端做了非常好的自适应处理。Pro 版内置了 Quill 富文本编辑器，我自己也超爱 Quill，它非常简洁，没有多余功能，特别是对代码书写极其友好，具体可以看我写的这篇《最好用的 7 款 Vue 3 富文本编辑器》。

　　iView admin Pro 售价高达 1 万元，它有着商业软件应有的流畅和趁手，这种付费 admin 我找机会单开一篇写个测评，这里不展开了。

　　D2Admin绝对是一款低调又好用的 admin 后端管理系统。它是完全免费开源的企业中后台管理集成方案，在 element-ui 相关的开源项目里，D2 admin 的结构和代码风格顺畅清晰，小于 60kb 的本地首屏 JS 加载，而且 D2 的权限管理遵循RBAC 模型。

　　D2Admin 使用 Vue-cli3 构建，内置 UEditor富文本编辑器，多款主题，分离的路由和菜单设置，可拖拽的页面布局，Fontawesome 图标库以及提供了数据导出另存为 Excel 文件，这对有些数据看板类的项目尤为重要。

　　Naive Ui admin是我最近用过特别轻便的一款 Vue admin 中后台管理系统解决方案。它完全免费，可商用。

　　目前基于 Vue3 有好用的项目并不多，老牌前端框架还在支持 Vue3 的路上，现在支持 Vue3 完成度又高的项目屈指可数，Naive Ui Vue Admin 相对来说，是一个比较完整的项目，虽然有些组件还有待开发，但以目前作者的更新频率来说，应该很快就能赶上。

　　mall admin web主要针对电商垂直场景，开发的电商后台管理系统。mall admin 内置功能主要围绕电商需求展开，商品管理、订单、会员、促销、统计报表、财务管理等有针对性的功能场景展开。

　　对于快速上线的电商项目，这套系统是非常好的选择，功能全覆盖，简单又直接。

　　卡拉云是在 reactive programming 的思路上实现的后台系统开发工具，在卡拉云中你可以任意定制插件（比如输入框，按钮，文本框，表格，地图，图表等），同时用 JS 来定义逻辑，这就避免了很多零代码平台的完全拖拽但缺乏灵活性的操作。简单来说，卡拉云等于一个靠谱程序员给你写好了

　　而你需要做的，就是配合产品经理把逻辑梳理清楚，拖拽组件把需求实现，再用 SQL 和 JS 把逻辑连接清楚就可以了，省下来的时间去做点自己喜欢做的项目或者自娱自乐都可以，把琐碎的后台系统开发留给产品和我们 :)

　　以下是一个用卡拉云实现的订单发货系统的小视频，如果需要了解更多，欢迎访问卡拉云

　　vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。

　　Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的用户和设计者的体验。

　　iView-admin是iView生态中的成员之一，是一套采用前后端分离开发模式，基于Vue的后台管理系统前端解决方案。其内置了开发后台管理系统常用的逻辑功能，和开箱即用的业务组件，旨在让开发者能够以最小的成本开发后台管理系统，降低开发量。

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

　　Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的vue3,vite2,TypeScript等主流技术开发，开箱即用的中后台前端解决方案。其特点如下：

　　D2Admin 是一个完全开源免费的企业中后台产品前端集成方案，使用最新的前端技术栈，小于 60kb 的本地首屏 js 加载，已经做好大部分项目前期准备工作，并且带有大量示例代码，助力管理系统敏捷开发。

　　Soybean Admin 是一个基于 Vue3、Vite3、TypeScript、Naive UI和UnoCSS 的清新优雅的中后台模版，它使用了最新的前端技术栈，内置丰富的主题配置，有着极高的代码规范，基于mock实现的动态权限路由，开箱即用的中后台前端解决方案。

　　vue-admin-box是一个免费并且开源的中后台管理系统模板。使用最新版本的vue3+vite+element-plus开发而成，目的是为了解决通用型的业务中后台系统复杂的配置。

　　vue3.0-template-admin 是基于 vue3+ElementPlus+Typescript+Vite 搭建一套通用的后台管理模板；并基于常见业务场景，抽象出常见功能组件；包括动态菜单，菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等。

　　我推荐用 Adminlte 所有开源的后台管理UI框架哦都在这里dmins威廉希尔williamhill威廉希尔williamhill威廉希尔williamhill