详解基于Bootstrap扁平化的后台框架Ace


Posted in Javascript onNovember 27, 2015

最近一段时间在做一个管理系统,在网上找了很久的前端展示框架,终于找到一款基于Bootstrap的后台管理系统模版:Ace。Bootstrap是Twitter 于2010年开发出来的前端框架,用过的同学应该知道,这款前端框架不仅界面很美观,而且兼容了很多的浏览器,大大加速了我们开发网站的速度!这篇文章讲到的Ace是基于Bootstrap的,所以界面自然也非常美观,这款后台管理系统组合了好多插件以及组件,可以满足很大一部分的后台管理系统模版。废话不多说,看下界面就知道了

详解基于Bootstrap扁平化的后台框架Ace

如果想及时了解Spark、Hadoop或者Hbase相关的文章,欢迎关注微信公共帐号:iteblog_hadoop

该后台框架有以下几个特点:

1、4中不同颜色的主题;

2、响应性设计;

3、文档很多。

4、HTML页面主要包括:

Dashboard with stats, charts and recent events
UI elements
Buttons
Treeview
Form elements
Wysiwyg editor
Wizard
Customizable widgets
Image gallery
Pricing tables
Invoice
Inbox
Timeline
FAQ
User profile
Login, register and forgot password
Error 404 and error 500 pages
And a few other

5、自定义元素和插件包括:

Pure CSS3 checkbox, radio and On/Off switch elements (not available in IE8)
File input control
Simple color picker
Custom scrollbars
Onpage help to provide better help for users

6、Bootstrap, jQuery UI 以及第三方插件包括:

jQuery
jQuery UI (Custom Build)
Twitter Bootstrap
FontAwesome
Google "Open Sans" Font
jQuery Flot Charts
jQuery Sparklines
Easy Pie Chart
jQuery Knob
jQuery Validate
FuelUX (Spinner & Wizard & Treeview)
FullCalendar
jQuery ColorBox
jQuery dataTables
jQuery Chosen
jQuery Masked Input
jQuery Input Limiter
jQuery AutoSize
Bootstrap Colorpicker
Bootstrap Datepicker
Bootstrap Timepicker
Bootstrap DateRange Picker
Bootstrap Date-Time Picker
Bootbox.js
jQuery Gritter
jQuery slimScroll
Spin.js
jQuery UI Touch Punch
Google Code Prettify
ExplorerCanvas
Mindmup Wysiwyg Editor
Toopay Markdown Editor
X-editable
Select2
Bootstrap Tags
jQuery Mobile (Custom Build)
jqGrid
Dropzone.js
Nestable lists plugin
typeahead.js
Dual listbox
Multiselect
jQuery raty

功能很强大,亲们可以点击这里查看演示:http://www.iteblog.com/ace/index.html。

Javascript 相关文章推荐
js中将多个语句写成一个语句的两种方法小结
Dec 08 Javascript
javascript 建设银行登陆键盘
Jun 10 Javascript
精选的10款用于构建良好易用性网站的jQuery插件
Jan 23 Javascript
jquery一般方法介绍 入门参考
Jun 21 Javascript
jquery滚动到顶部底部代码
Apr 20 Javascript
jQuery消息提示框插件Tipso
May 04 Javascript
jQuery满意度星级评价插件特效代码分享
Aug 19 Javascript
AngularJS优雅的自定义指令
Jul 01 Javascript
浅谈JavaScript中的apply/call/bind和this的使用
Feb 26 Javascript
JavaScript实现快速排序的方法分析
Jan 10 Javascript
解决element-ui的下拉框有值却无法选中的情况
Nov 07 Javascript
javascript实现点击小图显示大图
Nov 29 Javascript
Bootstrap精简教程
Nov 27 #Javascript
Bootstrap每天必学之标签与徽章
Nov 27 #Javascript
Bootstrap每天必学之导航条
Nov 27 #Javascript
javascript设计模式--策略模式之输入验证
Nov 27 #Javascript
jQuery实现图片预加载效果
Nov 27 #Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
Nov 27 #Javascript
jquery实现两边飘浮可关闭的对联广告
Nov 27 #Javascript
You might like
Smarty中的注释和截断功能介绍
2015/04/09 PHP
PHP性能分析工具XHProf安装使用教程
2015/05/13 PHP
PHP的mysqli_ssl_set()函数讲解
2019/01/23 PHP
使用composer命令加载vendor中的第三方类库 的方法
2019/07/09 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
JS 自动安装exe程序
2008/11/30 Javascript
Jquery 一次处理多个ajax请求的代码
2011/09/02 Javascript
优化javascript的执行效率一些方法总结
2013/12/25 Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
2014/10/17 Javascript
JS实现图片放大镜效果的方法
2015/02/27 Javascript
JavaScript基础知识及常用方法总结
2016/01/10 Javascript
JS作为值的函数用法示例
2016/06/20 Javascript
浅谈js多维数组和hash数组定义和使用
2016/07/27 Javascript
Vue.js实现模拟微信朋友圈开发demo
2017/04/20 Javascript
使用yeoman构建angular应用的方法
2017/08/14 Javascript
深入理解Node.js中通用基础设计模式
2017/09/19 Javascript
vue实现移动端轻量日期组件不依赖第三方库的方法
2019/04/28 Javascript
微信小程序调用微信支付接口的实现方法
2019/04/29 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
2019/12/02 Javascript
javascript设计模式 ? 单例模式原理与应用实例分析
2020/04/09 Javascript
为react组件库添加typescript类型提示的方法
2020/06/15 Javascript
vue实现导航菜单和编辑文本的示例代码
2020/07/04 Javascript
Python环境变量设置方法
2016/08/28 Python
Flask框架Flask-Login用法分析
2018/07/23 Python
Python3 venv搭建轻量级虚拟环境的步骤(图文)
2019/08/09 Python
python 一篇文章搞懂装饰器所有用法(建议收藏)
2019/08/23 Python
python的json包位置及用法总结
2020/06/21 Python
北美最大的零售退货翻新商:VIP Outlet
2019/11/21 全球购物
在阿联酋购买翻新手机和平板电脑:Teckzu
2021/02/12 全球购物
建房协议书
2014/04/11 职场文书
法律专业求职信
2014/05/24 职场文书
个人租房协议书
2014/11/28 职场文书
2015社区爱国卫生工作总结
2015/04/21 职场文书
JS ES6异步解决方案
2021/04/29 Javascript
pytorch 6 batch_train 批训练操作
2021/05/28 Python
《勇者辞职不干了》ED主题曲无字幕动画MV公开
2022/04/13 日漫