Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Ace_javascript-Techniken basierend auf dem Bootstrap-Framework mit flachem Hintergrund

Detaillierte Erläuterung der Ace_javascript-Techniken basierend auf dem Bootstrap-Framework mit flachem Hintergrund

WBOY
WBOYOriginal
2016-05-16 15:29:231376Durchsuche

Ich habe vor kurzem an einem Managementsystem gearbeitet, nachdem ich lange im Internet nach einem Front-End-Anzeige-Framework gesucht hatte, und schließlich eine Vorlage für ein Back-End-Managementsystem gefunden, die auf Bootstrap basiert: Ace. Bootstrap ist ein Front-End-Framework, das 2010 von Twitter entwickelt wurde. Studenten, die es verwendet haben, sollten wissen, dass dieses Front-End-Framework nicht nur eine schöne Benutzeroberfläche hat, sondern auch mit vielen Browsern kompatibel ist, was die Entwicklung unserer Website erheblich beschleunigt! Das in diesem Artikel erwähnte Ace basiert auf Bootstrap, daher ist die Schnittstelle natürlich sehr schön. Dieses Backend-Verwaltungssystem kombiniert viele Plug-Ins und Komponenten, die einen großen Teil der Vorlagen des Backend-Verwaltungssystems erfüllen können. Nicht viel Unsinn, werfen Sie einfach einen Blick auf die Benutzeroberfläche und Sie werden es wissen

Wenn Sie über Artikel zu Spark, Hadoop oder Hbase auf dem Laufenden bleiben möchten, folgen Sie bitte dem öffentlichen WeChat-Konto: iteblog_hadoop

Das Hintergrund-Framework verfügt über die folgenden Funktionen:

 Themen in verschiedenen Farben in 1 und 4; 2. Responsives Design;
3. Es gibt viele Dokumente.
4. HTML-Seiten umfassen hauptsächlich:

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. Zu den benutzerdefinierten Elementen und Plug-ins gehören:

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 und Plug-ins von Drittanbietern umfassen:

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
Die Funktion ist sehr leistungsstark. Sie können hier klicken, um die Demo anzusehen:

http://www.iteblog.com/ace/index.html.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn