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

如果想及時(shí)了解Spark、Hadoop或者Hbase相關(guān)的文章,歡迎關(guān)注微信公共帳號(hào):iteblog_hadoop
該后臺(tái)框架有以下幾個(gè)特點(diǎn):
1、4中不同顏色的主題;
2、響應(yīng)性設(shè)計(jì);
3、文檔很多。
4、HTML頁(yè)面主要包括:
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)大,親們可以點(diǎn)擊這里查看演示:http://www.iteblog.com/ace/index.html。
- Python的Django框架中forms表單類的使用方法詳解
- Python的Django框架中使用SQLAlchemy操作數(shù)據(jù)庫(kù)的教程
- 使用PyCharm配合部署Python的Django框架的配置紀(jì)實(shí)
- 在Python的Django框架的視圖中使用Session的方法
- 如何使用bootstrap框架 bootstrap入門必看!
- 一個(gè)基于flask的web應(yīng)用誕生 bootstrap框架美化(3)
- Bootstrap框架下下拉框select搜索功能
- python設(shè)計(jì)微型小說(shuō)網(wǎng)站(基于Django+Bootstrap框架)
相關(guān)文章
js購(gòu)物車實(shí)現(xiàn)思路及代碼(個(gè)人感覺(jué)不錯(cuò))
提起購(gòu)物車想必只有在一些購(gòu)物網(wǎng)站上才可以看得到,下面為大家介紹下使用js實(shí)現(xiàn)的購(gòu)物車,感興趣的朋友可以參考下2013-12-12
JS數(shù)組搜索之折半搜索實(shí)現(xiàn)方法分析
這篇文章主要介紹了JS數(shù)組搜索之折半搜索實(shí)現(xiàn)方法,結(jié)合具體實(shí)例形式分析了javascript數(shù)組折半搜索算法的原理、實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-03-03
js canvas實(shí)現(xiàn)二維碼和圖片合成的海報(bào)
這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)二維碼和圖片合成的海報(bào),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11
JavaScript具有類似Lambda表達(dá)式編程能力的代碼(改進(jìn)版)
在之前的一篇博文中我介紹了一種方法可以讓JavaScript具有一種近似于Lambda表達(dá)式的編程能力——但是它有一些缺點(diǎn),其中妨礙它的使用的最主要的一條就是多了一層括號(hào),讓代碼變得難以閱讀。2010-09-09
JavaScript設(shè)計(jì)模式之策略模式實(shí)現(xiàn)原理詳解
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之策略模式實(shí)現(xiàn)原理詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
使用webpack-dev-server處理跨域請(qǐng)求的方法
本篇文章主要介紹了使用webpack-dev-server處理跨域請(qǐng)求的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04
詳解JavaScript實(shí)現(xiàn)監(jiān)聽(tīng)路由變化
前端實(shí)現(xiàn)路由變化主要有兩種方式,本文主要介紹了這兩種方法的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08
this,this,再次討論javascript中的this,超全面(經(jīng)典)
在JavaScript中,this 的概念比較復(fù)雜。除了在面向?qū)ο缶幊讨?,this 還是隨處可用的。這篇文章介紹了javascript中的this相關(guān)知識(shí),對(duì)javascript this相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01

