bootstrap登陆界面模板_响应式web开发项目教程

bootstrap登陆界面模板_响应式web开发项目教程 背景虽然当前前端大行其道，各种框架层出不穷，随之而来的是学习成本的提升，有些时候甚至是为了学习而学习，可能自己并不会用得到，加重了自己的心理负担，特别是对后端程序员来说，并不是所有人都能够跟得上前端的脚步，因此，今天分享一个免费的前端后台管理模板——Gentelella Admin，这在Github上也斩获了17+star，可见还是有很多人需要的。

---

---

介绍Gentelella Admin是一个免费使用Bootstrap管理模板。

此模板使用默认的Bootstrap 3样式以及各种强大的jQuery插件和工具来创建用于创建管理面板或后端仪表板的强大框架。

主题使用多个库来进行图表，日历，表单验证，向导样式界面，离开画布导航菜单，文本表单，日期范围，上传区域，表单自动完成，范围滑块，进度条，通知等等。

快速开发克隆仓库git clone https://github.com/ColorlibHQ/gentelella.git

---

---

如果你没有安装gulp，则安装gulpnpm install -g gulp

---

安装项目依赖npm install

---

输入gulp启动gulp

---

打开浏览器查看结果

---

---

效果预览在线演示地址：https://colorlib.com/polygon/gentelella/index.html

---

面板页面（首页）

---

---

---

---

表单

---

---

---

---

---

一些高级组件

---

---

---

表单验证

---

---

分步表单

---

---

上传表单

---

---

按钮

---

---

通用元素

---

---

---

媒体元素

---

---

图标

---

---

---

---

页面零部件

---

---

静态表格

---

---

数据表格

---

---

---

---

---

---

---

图表类（比较多，不一一截图）

---

---

---

---

---

---

---

---

---

403页面（404、500类似）

---

---

登录页

---

---

付款元素

---

---

多级菜单

---

---

项目用到的插件

---

BootstrapFont AwesomejQuery-AutocompleteFullCalendarCharts.jsBootstrap ColorpickerCropperdataTablesDate Range Picker for BootstrapDropzoneeasyPieChartEChartsbootstrap-wysiwygFlot – Javascript plotting library for jQuery.gauge.jsiCheckjquery.inputmask pluginIon.RangeSliderjQueryjVectorMapmoment.jsMorris.js – pretty time-series line graphsPNotify – Awesome JavaScript notificationsNProgressPaceParsleybootstrap-progressbarselect2Sidebar Transitions – simple off-canvas navigationsSkycons – canvas based wather iconsjQuery Sparklines pluginswitchery – Turns HTML checkbox inputs into beautiful iOS style switchesjQuery Tags Input PluginAutosize – resizes text area to fit textvalidator – HTML from validator using jQueryjQuery Smart Wizard