网站首页 > 基础教程 正文
背景
虽然当前前端大行其道,各种框架层出不穷,随之而来的是学习成本的提升,有些时候甚至是为了学习而学习,可能自己并不会用得到,加重了自己的心理负担,特别是对后端程序员来说,并不是所有人都能够跟得上前端的脚步,因此,今天分享一个免费的前端后台管理模板——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
总结
如下Github访问慢的同学,可以到以下码云仓库下载
https://gitee.com/null_341_5574/chrome_plugin/attach_files
如果对你有帮助,可以帮忙转发、点赞加关注哦!
猜你喜欢
- 2024-11-07 ASP.NET Core 知识速递 - Day 6:每天进步一点
- 2024-11-07 基于nodejs实现根据文件类型统计工程源代码行数
- 2024-11-07 谈谈springboot 获取前端json数据几种方法
- 2024-11-07 GitHub爆火!银四巨作:拼多多/蚂蚁/百度面经分享
- 2024-11-07 RxJs 介绍 rxjs教程
- 2024-11-07 盘点Django展示可视化图表多种方式(建议收藏)
- 2024-11-07 可视化:前端数据可视化插件大盘点 图表/图谱/地图/关系图
- 2024-11-07 JQuery 获取多个select标签option的text内容
- 2024-11-07 高清地图产品输出改进过程记录 高精度地图数据格式
- 2024-11-07 HTML页面通过高德地图JS API实现高德地图显示 经纬度功能
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)