Bootstrap フラット バックグラウンド フレームワークに基づいた Ace_javascript テクニックの詳細な説明

私は最近、インターネット上でフロントエンド表示フレームワークを探していた後、Bootstrap: Ace に基づくバックエンド管理システム テンプレートを見つけました。 Bootstrap は、2010 年に Twitter によって開発されたフロントエンド フレームワークです。Bootstrap を使用したことのある学生は、このフロントエンド フレームワークが美しいインターフェイスを備えているだけでなく、多くのブラウザと互換性があることを知っているはずです。そのため、Web サイトの開発が大幅にスピードアップします。この記事で説明する Ace は Bootstrap に基づいているため、当然ながらインターフェイスは非常に美しく、このバックエンド管理システムは多くのプラグインとコンポーネントを組み合わせており、バックエンド管理システム テンプレートの大部分を満たすことができます。それほどナンセンスではありません。インターフェイスを見ればすぐにわかります

Spark、Hadoop、または Hbase に関連する記事の最新情報を入手したい場合は、WeChat 公開アカウント: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. ブートストラップ、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。