目录
项目开发中后台管理平台必不可少,但是从零搭建一套多样化后台管理并不容易,目前有许多开源、免费、样式丰富的后台管控面板,深夜学习简书上一位大神的博文,共总结10项优秀后台管理控制面板(9个GitHub项目,1个在线UI 框架)。
1、AdminLTE
简介:非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。
网站:https://github.com/ColorlibHQ/AdminLTE
2、vue-Element-Admin
简介:一个基于 vue2.0 和 Element 的控制面板 UI 框架。
网站:https://github.com/PanJiaChen/vue-element-admin
3、tabler
简介:构建在 BootStrap 4 之上的免费的 HTML 控制面板框架。
网站:https://github.com/tabler/tabler
4、Gentelella
简介:一个基于 Bootstarp 的免费的后台控制面板。
网站:https://github.com/ColorlibHQ/gentelella
5、ng2-admin
简介:基于 Angular 2, Bootstrap 4 和 Webpack 的后台管理面板框架。
网站:https://github.com/akveo/ngx-admin
6、ant-design-pro
简介:开箱即用的中台前端/设计解决方案。
网站:https://github.com/ant-design/ant-design-pro
7、blur-admin
简介:基于 Angular 和 Bootstrap 的后台管理面板框架。
网站:https://github.com/akveo/blur-admin
8、iview-admin
简介:基于 iView 的 Vue 2.0 控制面板。
网站:https://github.com/iview/iview-admin
9、material-dashboard
简介:基于 Bootstrap 4 和 Material 风格的控制面板。
网站:https://github.com/creativetimofficial/material-dashboard
10、layui
简介:layui,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。
<li class="tool-item tool-active is-like "><a href="javascript:;"><svg class="icon" aria-hidden="true"> <use xlink:href="#csdnc-thumbsup"></use> </svg><span class="name">点赞</span> <span class="count">469</span> </a></li> <li class="tool-item tool-active is-collection "><a href="javascript:;" data-report-click="{"mod":"popu_824"}"><svg class="icon" aria-hidden="true"> <use xlink:href="#icon-csdnc-Collection-G"></use> </svg><span class="name">收藏</span></a></li> <li class="tool-item tool-active is-share"><a href="javascript:;"><svg class="icon" aria-hidden="true"> <use xlink:href="#icon-csdnc-fenxiang"></use> </svg>分享</a></li> <!--打赏开始--> <!--打赏结束--> <li class="tool-item tool-more"> <a> <svg t="1575545411852" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5717" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M179.176 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5718"></path><path d="M509.684 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5719"></path><path d="M846.175 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5720"></path></svg> </a> <ul class="more-box"> <li class="item"><a class="article-report">文章举报</a></li> </ul> </li> </ul> </div> </div> <div class="person-messagebox"> <div class="left-message"><a href="https://blog.csdn.net/m0_38106923"> <img src="https://profile.csdnimg.cn/6/A/C/3_m0_38106923" class="avatar_pic" username="m0_38106923"> <img src="https://g.csdnimg.cn/static/user-reg-year/2x/2.png" class="user-years"> </a></div> <div class="middle-message"> <div class="title"><span class="tit"><a href="https://blog.csdn.net/m0_38106923" data-report-click="{"mod":"popu_379"}" target="_blank">不脱发的程序猿</a></span> <span class="flag expert"> <a href="https://blog.csdn.net/home/help.html#classicfication" target="_blank"> <svg class="icon" aria-hidden="true"> <use xlink:href="#csdnc-blogexpert"></use> </svg> 博客专家 </a> </span> </div> <div class="text"><span>发布了126 篇原创文章</span> · <span>获赞 7416</span> · <span>访问量 53万+</span></div> </div> <div class="right-message"> <a href="https://bbs.csdn.net/forums/p-m0_38106923" target="_blank" class="btn btn-sm btn-red-hollow bt-button personal-messageboard">他的留言板 </a> <a class="btn btn-sm bt-button personal-watch" data-report-click="{"mod":"popu_379"}">关注</a> </div> </div> </div>