Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控制面板可以给开发者使用,以下是我整理的一些UI框架模板,可以拿来稍加改造就能直接使用 ,简单实用
1、sa-admin
演示站上面有相关下载地址
演示站 http://sa-admin.dev33.cn/
自工作以来,做了不少后台增删改查的工作,也用过不少优秀的后台模板,但大多都有着一些这样那样不尽人意的地方,直到找到了sa-admin
功能十分强大,而且不用修改一行代码就能集成到自己的项目中,比着官网的文档五分钟就能快速上手
github:https://github.com/click33/sa-admin
官网:http://sa-admin.dev33.cn/
2、vue-element-admin
https://panjiachen.github.io/vue-element-admin-site/zh/guide/
本项目的定位是后台集成方案,不适合当基础模板来开发,模板建议使用 vueAdmin-template , 桌面端 electron-vue-admin
3、Layui
https://www.layui.com/
在这里插入图片描述
由职业前端倾情打造,面向所有层次的前后端开发者,零门槛开箱即用的前端UI解决方案
4、AdminLTE
Github 地址:https://github.com/almasaeed2010/AdminLTE
国内示例及文档说明下载:http://adminlte.la998.com/、http://adminlte.la998.com/documentation/index.html
AdminLTE 是一个开源的后台控制面板和仪表盘 WebApp 模板,非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。
在这里插入图片描述
5、Gentelella
Github 地址:https://github.com/puikinsh/gentelella
演示地址: https://colorlib.com/polygon/gentelella/
一个基于 Bootstarp 的免费的后台控制面板。
在这里插入图片描述
6、ng2-admin
Github 地址:https://github.com/akveo/ngx-admin
演示地址:http://akveo.com/ng2-admin/#/pages/dashboard
基于 Angular 2, Bootstrap 4 和 Webpack 的后台管理面板框架。
在这里插入图片描述
7、ant-design-pro
Github 地址:https://github.com/ant-design/ant-design-pro
演示地址:https://preview.pro.ant.design/dashboard/analysis
开箱即用的中台前端/设计解决方案
在这里插入图片描述