詳解基于Bootstrap扁平化的后臺框架Ace
最近一段時間在做一個管理系統(tǒng),在網(wǎng)上找了很久的前端展示框架,終于找到一款基于Bootstrap的后臺管理系統(tǒng)模版:Ace。Bootstrap是Twitter 于2010年開發(fā)出來的前端框架,用過的同學(xué)應(yīng)該知道,這款前端框架不僅界面很美觀,而且兼容了很多的瀏覽器,大大加速了我們開發(fā)網(wǎng)站的速度!這篇文章講到的Ace是基于Bootstrap的,所以界面自然也非常美觀,這款后臺管理系統(tǒng)組合了好多插件以及組件,可以滿足很大一部分的后臺管理系統(tǒng)模版。廢話不多說,看下界面就知道了

如果想及時了解Spark、Hadoop或者Hbase相關(guān)的文章,歡迎關(guān)注微信公共帳號:iteblog_hadoop
該后臺框架有以下幾個特點:
1、4中不同顏色的主題;
2、響應(yīng)性設(shè)計;
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
功能很強(qiáng)大,親們可以點擊這里查看演示:http://www.iteblog.com/ace/index.html。
相關(guān)文章
JavaScript具有類似Lambda表達(dá)式編程能力的代碼(改進(jìn)版)
在之前的一篇博文中我介紹了一種方法可以讓JavaScript具有一種近似于Lambda表達(dá)式的編程能力——但是它有一些缺點,其中妨礙它的使用的最主要的一條就是多了一層括號,讓代碼變得難以閱讀。2010-09-09
JavaScript設(shè)計模式之策略模式實現(xiàn)原理詳解
這篇文章主要介紹了JavaScript設(shè)計模式之策略模式實現(xiàn)原理詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-05-05
詳解JavaScript實現(xiàn)監(jiān)聽路由變化
前端實現(xiàn)路由變化主要有兩種方式,本文主要介紹了這兩種方法的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-08-08
this,this,再次討論javascript中的this,超全面(經(jīng)典)
在JavaScript中,this 的概念比較復(fù)雜。除了在面向?qū)ο缶幊讨校瑃his 還是隨處可用的。這篇文章介紹了javascript中的this相關(guān)知識,對javascript this相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-01-01

