Web 開發中幾乎的平台都需要一個后台管理，但是從零開發一套后台控制面板並不容易，幸運的是有很多開源免費的后台控制面板可以給開發者使用，以下是我整理的一些UI框架模板，可以拿來稍加改造就能直接使用
1、vue-element-admin
https://panjiachen.github.io/vue-element-admin-site/zh/guide/
本項目的定位是后台集成方案，不適合當基礎模板來開發，模板建議使用 vueAdmin-template ， 桌面端 electron-vue-admin
功能
- 登錄/注銷
- 權限驗證
- 側邊欄
- 面包屑
- 富文本編輯器
- Markdown編輯器
- JSON編輯器
- 列表拖拽
- plitPane
- Dropzone
- Sticky
- CountTo
- echarts圖表
- 401，404錯誤頁面
- 錯誤日志
- 導出excel
- table example
- 動態table example
- 拖拽table example
- 內聯編輯table example
- form example
- 多環境發布
- dashboard
- 二次登錄
- 動態側邊欄（支持多級路由）
- mock數據
- cache tabs example
- screenfull
- markdown2html
- views-tab
2、Layui
官網有詳細的代碼示例：https://www.layui.com/demo/
由職業前端傾情打造，面向所有層次的前后端開發者，零門檻開箱即用的前端UI解決方案
頁面元素
- 布局 柵格 / 后台布局
- 顏色 主題色設計感 / 內置背景色
- 圖標 字體圖標
- 動畫 內置的CSS3動畫類
- 按鈕 button組
- 表單 form元素集合
- 導航 菜單 / 面包屑
- 選項卡 Tabs 切換
- 進度條 progress
- 面板 折疊 / 手風琴
- 表格 靜態table
- 徽章 小圓點 / 小邊框
- 時間線 timeline
- 輔助 引用 / 字段集 / 橫線等
內置模塊
- 彈出層 layer
- 日期與時間選擇 laydate
- 即時通訊 layim
- 分頁 laypage
- 模板引擎 laytpl
- 數據表格 table
- 表單 form
- 文件上傳 upload
- 常用元素操作 element
- 顏色選擇器 colorpicker
- 滑塊 slider
- 評分 rate
- 輪播 carousel
- 流加載 flow
- 工具集 util
- 代碼修飾器 code
3、AdminLTE
Github 地址：https://github.com/almasaeed2010/AdminLTE
國內示例及文檔說明下載：http://adminlte.la998.com/、http://adminlte.la998.com/documentation/index.html
AdminLTE 是一個開源的后台控制面板和儀表盤 WebApp 模板，非常流行的基於 Bootstrap 3.x 的免費的后台 UI 框架。
4、Gentelella
Github 地址：https://github.com/puikinsh/gentelella
演示地址： https://colorlib.com/polygon/gentelella/
一個基於 Bootstarp 的免費的后台控制面板。
5、ng2-admin
Github 地址：https://github.com/akveo/ngx-admin
演示地址：http://akveo.com/ng2-admin/#/pages/dashboard
基於 Angular 2, Bootstrap 4 和 Webpack 的后台管理面板框架。
6、ant-design-pro
Github 地址：https://github.com/ant-design/ant-design-pro
演示地址：https://preview.pro.ant.design/dashboard/analysis
開箱即用的中台前端/設計解決方案
==========================================================
例外推薦一個
bootstrap模板網站：http://www.cssmoban.com/cssthemes/houtaimoban/
==========================================================
原文鏈接：https://blog.csdn.net/weixin_41846320/article/details/82866086