Maison >interface Web >js tutoriel >Explication détaillée des techniques Ace_javascript basées sur le framework d'arrière-plan plat Bootstrap

Explication détaillée des techniques Ace_javascript basées sur le framework d'arrière-plan plat Bootstrap

WBOY
WBOYoriginal
2016-05-16 15:29:231437parcourir

J'ai récemment travaillé sur un système de gestion. Après avoir longuement cherché un framework d'affichage front-end sur Internet, j'ai finalement trouvé un modèle de système de gestion back-end basé sur Bootstrap : Ace. Bootstrap est un framework front-end développé par Twitter en 2010. Les étudiants qui l'ont utilisé doivent savoir que ce framework front-end possède non seulement une belle interface, mais est également compatible avec de nombreux navigateurs, ce qui accélère considérablement le développement de notre site Web ! L'Ace mentionné dans cet article est basé sur Bootstrap, donc l'interface est naturellement très belle. Ce système de gestion backend combine de nombreux plug-ins et composants, qui peuvent satisfaire une grande partie des modèles de système de gestion backend. Pas grand chose de bêtises, il suffit de jeter un oeil à l'interface et vous saurez

Si vous souhaitez rester informé des articles liés à Spark, Hadoop ou Hbase, veuillez suivre le compte public WeChat : iteblog_hadoop

Le framework d'arrière-plan présente les fonctionnalités suivantes :

 Thèmes de couleurs différentes en 1 et 4
2. Conception réactive ;
3. Il existe de nombreux documents.
4. Les pages HTML comprennent principalement :

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. Les éléments personnalisés et les plug-ins incluent :

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, l'interface utilisateur jQuery et les plug-ins tiers incluent :

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

La fonction est très puissante, vous pouvez cliquer ici pour voir la démo : http://www.iteblog.com/ace/index.html.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn