转发链接：
前言
当你写一个项目的时候，如何快速的完成一个项目的搭建，这个时候就需要用到一些模板。 前端开发的用处之一就是各类UI模板相当齐全，可以直接使用。 就是这样，没有一行行构建代码的复杂工作，下面这些开源后台管理系统模板是我在访问 GitHub 时听到的。 该排名是根据2020年5月GitHub上的星星来计算的。
1：vue-元素-管理
推荐指数： 星数：55k
demo预览体验地址：#/dashboard
基于vue2.0和Eelement的控制面板UI框架，是使用vue技术栈开发的后端程序员的首选管理系统模板。 模板特别成熟，有相关社区和维护者。 开发时遇到问题不要惊慌。
2：管理LTE
推荐指数： 星数：34.7k
GitHub地址：
预览：
一个非常流行的基于Bootstrap 3.x的免费后台UI框架。 这是一个特别老式的后台管理系统模板。 每个页面都是一个独立的html页面，适合后端初学者做项目。
3：ant-design-pro
推荐指数： 星数：25.2k
GitHub地址：
演示预览：
这个我就不多说了，选择react技术栈的童鞋一定离不开这个优秀的开箱即用的中端后端/设计方案，完整的文档简单网站后台模板，丰富的组件，一键模板生成，并支持开启复制粘贴模式。
4：ng2-管理
推荐指数： 星数：20.6k
GitHub地址：
演示：
这是一个基于Angular 2、Bootstrap 4和Webpack的后台管理面板框架。 如果上面已经有react和vue技术栈模板了，ng怎么会少呢？ 虽然在美国用的多，中国用的少，但是并不影响ng作为三大后端框架之一的地位。
5：龙胆属
推荐指数： 星数：19.1k
GitHub地址：
演示预览：
Gentelella是一款免费使用的Bootstrap管理界面模板，拥有广泛的用户群体。 该模板使用默认的Bootstrap 3风格和一系列强大的jQuery插件和工具来快速创建管理界面模板或后台Dashboards。
6：iview管理
推荐指数： 星数：14.7k
GitHub地址：
演示预览：
iView admin 是一个基于 iView 的 Vue 2.0 控制面板，结合使用 iView UI 组件库生成的一套后台集成解决方案。
7：模糊管理
推荐指数： 星数：10.9k
GitHub地址：
演示：#/仪表板
BlurAdmin是一个使用AngularJs + Bootstrap实现的单页管理模板，具有很强的视觉冲击力的管理背景和各种动画效果。
8：vue管理系统
推荐指数： 星数：10.6k
地址：
演示预览：#/dashboard
vue-manage-system，基于Vue.js和element-ui的后台管理系统模板。 我喜欢这个界面的UI。 它简单、清晰、不引人注目。 是一个多功能的后台框架模板，适合大多数后台管理系统开发。
9：材料仪表板
推荐指数：星数：9.1k
GitHub地址：
演示：
基于Bootstrap 4和Material风格的控制面板。 Material Dashboard 是一个开源的 Material Bootstrap Admin，其设计灵感来自于 Microsoft 的 Material Design。
10: d2-管理员
推荐指数： 星数：8.7k
github地址：
D2Admin是一款完全开源、免费的企业中后端产品的后端集成解决方案。 它是一个基于vue.js和ElementUI的管理系统后端解决方案。 本地首屏js加载不到60kb，项目前期规划工作大部分已经完成。
11：vuestic-admin
推荐指数：星数：7.1k
GitHub：
预览：
vuestic-admin 仪表板是使用 Bootstrap 4 和 Vue.js 构建的响应式仪表板模板。 这个灵活的管理模板提供自定义元素组件，如地图、聊天、个人资料卡、图标、进度条等，以及用于登录和注册的预构建页面。
Vue学习资料文章推荐：
《手把手教你实现一个Vue自定义指令延迟加载》
《基于Vue和高德地图的地图组件实现《实践》》
《Vue作者尤玉溪开发的一款Web开发工具——vite》
“是什么让我爱上了 Vue.js”
《11000字深入详解Vue3.0源码响应系统笔记》第1部分
《11000字深入详解Vue3.0源码响应系统笔记》第2部分
《《实践》Vue数据更新7种情况总结及扩展解决方案总结》
《于达详述Vue3的诞生》翻译》
《Snowpack 2.0，打包速度提升10倍的工具即将发布，不再需要打包器》
《大厂Code Review总结Vue开发规范经验“值得学习”》
《Vue3插件开发解读尝鲜版“值得收藏”》
《五步带你学会Vue SSR》
《记得一次Vue3.0技术干货分享会》
《Vue 3.x 如何快速、无风险上手《进阶篇》》
《《干货》微信支付前端流程安排（Vue+Node）》
《带你了解vue-next（Vue 3.0）的熟练‘实践’》
《《干货》Vue+高德地图实现页面点击绘制五边形和六边形切割分割》
《《干货》Vue+Element前端导入导出Excel》
《实践》Deno bytes 模块全解析》
《pdf.js解决水印和电子图章问题详解《Vue篇》》
《基于vue+element的后台管理系统解决方案》
《Vue仿蘑菇街商城项目（vue+koa+mongodb）》
基于Electron-Vue开发的音乐播放器《实践》
《实践》Vue项目标准编辑器插件Vue-Quill-Editor》
《基于Vue技术栈的微后端解决方案实践》
《消息队列帮助你成为高薪 Node.js 工程师》
Node.js中stream模块的解读
“干货”Deno TCP Echo Server 是如何工作的？ ”
《干货》大德诺实用教程》
《《干货》浅显易懂的Deno入门教程》
《Deno 正式发布，彻底搞懂与 Node 的区别》
《《实践》基于Apify+node+react/vue搭建一个有趣的爬虫平台》
《实践》深入对比Vue 3.0 Composition API与React Hooks
《前端网红框架（axios、koa、redux、vuex）的插件机制全面梳理》
《深入Vue必须学习高级组件HOC《进阶》》
《深入研究Vue的数据、计算、观察，实现最精简的响应式系统》
《10个小例子练习，快速入门并熟练掌握Vue3核心新特性（一）》
《10个小例子练习，快速入门并熟练掌握Vue3核心新特性（二）》
《手把手教你部署搭建Vue-cli4+Webpack移动框架《实战》》
《2020年前端就业Vue框架《实践》》
《详细讲解一下Vue3中的router带来了哪些变化？》 ”
《Vue项目部署与性能优化指南《实践》》
《Vue高性能渲染大数据树组件《实践》》
用VuePress搭建技术网站和个人博客的《实践》详解
《10种Vue开发方法‘实践’》
《是什么原因导致友达选择放弃Webpack？【vite原理解析】》
《带你了解vue-next（Vue 3.0）小测试【实践】》
《带你了解vue-next（Vue 3.0）的开始【实践】》
《练习Vue 3.0做JSX(TSX)风格的组件开发》
“一篇文章教你并排比较React.js和Vue.js的句型[练习]”
《携手带你开启Vue3世界的神作【实践】》
《深入讲解通过vue-cli3构建SSR应用【实践】》
《如何加速你的 Vue.js 单页应用程序》
《今天尤玉溪站讲讲Vue3.0 Beta版新特性的知识点总结》
“【新消息】Vue 3.0 Beta版本发布了，还能学会动起来吗？” ”
“Vue太好了，一万多字的Vue知识点超级详细！”
《Vue + Koa 从零开始打造H5页面可视化编辑器——Quark-h5》
《深入讲解Vue3，跟随尤玉溪学习TypeScript的Ref【实践】》
《简单教你如何从 vue-cli3 升级 vue-cli4》
“Vue 3.0 Beta 和 React 开发者分别在栏上”
《教你如何使用vue拖动图表实现一个可拖动/缩放的图表组件》
Vue3 的早期采用者
《Vue组件通信总结》
《Vue开源项目TOP45》
“2020 年 Vue 会比 React 更流行吗？” ”
《尤玉溪：Vue 3.0的设计原理》
《利用vue实现HTML页面生成图片》
《实现全栈收银系统（Node+Vue）（第1部分）》
《实现全栈收银系统（Node+Vue）（第2部分）》
《Vue引入原生高德地图》
《Vue合理配置WebSocket，实现群聊》
《多年Vue项目实践经验总结》
《Vue将echart封装为组件》
《基于Vue的两层吸顶踩坑总结》
《Vue插件总结【前端开发所需】》
《Vue开发必须知道的36种方法[近1W字]》
构建小型 Vue.js 项目的 10 个技巧
《深入理解vue中的slot和slot-scope》
《教你Vue解析pdf(base64)为图片【练习】》
《利用vue+node搭建后端异常监控系统》
《推荐8个漂亮的vue.js进度条组件》
《基于Vue的拖拽升级（九宫格拖拽）》
《手拉手，带你用vue玩后台系列2（登录权限）》
《手拉手，带你用vue玩后台系列三（实用篇）》
“前端框架用vue还是react？” 两者的差异一目了然
“Vue组件之间通信的几种方法，你使用哪一种？” 【实践】”
《React/Vue跨端渲染原理及实现解析》
《促进成为更好工程师的10种Vue开发方法》
《教你实战讲解Vue兄弟姐妹组件之间的通信[props, $ref, $emit]”
《1W字长文字+多张图片，带你了解Vue单向数据绑定的源码实现》
Vue3的响应能力和之前有什么区别？ 【实践】”
《干货满满！如何高贵简单地实现时钟翻转（支持JS/Vue/React）》
《基于Vue/VueRouter/Vuex/Axios的登录路由及socket级拦截原理及实现》
《教你D3.js实现数据可视化，快速上手Vue应用》
《全面Vue项目开发实践|16个方面深入后端工程化开发方法【第一部分】》
《通过了解Vue项目开发实践｜16个方面深入后端工程化开发方法[中]》
《全面Vue项目开发实践|16个方面深入后端工程化开发方法【第二部分】》
《Vue3.0权限管理实现流程[实践]》
《后台管理系统简单网站后台模板，前端Vue根据角色动态设置菜单栏和路由》
发表评论