背景

雖然當前前端大行其道，各種框架層出不窮，隨之而來的是學習成本的提升，有些時候甚至是為了學習而學習，可能自己並不會用得到，加重了自己的心理負擔，特別是對後端程序員來說，並不是所有人都能夠跟得上前端的腳步，因此，今天分享一個免費的前端後台管理模板——Gentelella Admin，這在Github上也斬獲了17+star，可見還是有很多人需要的。

介紹

Gentelella Admin是一個免費使用Bootstrap管理模板。此模板使用默認的Bootstrap 3樣式以及各種強大的jQuery插件和工具來創建用於創建管理面板或後端儀錶板的強大框架。主題使用多個庫來進行圖表，日曆，表單驗證，嚮導樣式界面，離開畫布導航菜單，文本表單，日期範圍，上傳區域，表單自動完成，範圍滑塊，進度條，通知等等。

快速開發

• 克隆倉庫

git clone https://github.com/ColorlibHQ/gentelella.git

• 如果你沒有安裝gulp，則安裝gulp

npm install -g gulp

• 安裝項目依賴

npm install

• 輸入gulp啟動

gulp

• 打開瀏覽器查看結果

效果預覽

在線演示地址：

https://colorlib.com/polygon/gentelella/index.html

• 面板頁面（首頁）

• 表單

• 一些高級組件

• 表單驗證

• 分步表單

• 上傳表單

• 按鈕

• 通用元素

• 媒體元素

• 圖標

• 頁面零部件

• 靜態表格

• 數據表格

• 圖表類（比較多，不一一截圖）

• 403頁面（404、500類似）

• 登錄頁

• 付款元素

• 多級菜單

項目用到的插件

• Bootstrap
• Font Awesome
• jQuery-Autocomplete
• FullCalendar
• Charts.js
• Bootstrap Colorpicker
• Cropper
• dataTables
• Date Range Picker for Bootstrap
• Dropzone
• easyPieChart
• ECharts
• bootstrap-wysiwyg
• Flot – Javascript plotting library for jQuery.
• gauge.js
• iCheck
• jquery.inputmask plugin
• Ion.RangeSlider
• jQuery
• jVectorMap
• moment.js
• Morris.js – pretty time-series line graphs
• PNotify – Awesome JavaScript notifications
• NProgress
• Pace
• Parsley
• bootstrap-progressbar
• select2
• Sidebar Transitions – simple off-canvas navigations
• Skycons – canvas based wather icons
• jQuery Sparklines plugin
• switchery – Turns HTML checkbox inputs into beautiful iOS style switches
• jQuery Tags Input Plugin
• Autosize – resizes text area to fit text
• validator – HTML from validator using jQuery
• jQuery Smart Wizard