>웹 프론트엔드 >JS 튜토리얼 >Bootstrap 플랫 배경 프레임워크 기반의 Ace_javascript 기술에 대한 자세한 설명

Bootstrap 플랫 배경 프레임워크 기반의 Ace_javascript 기술에 대한 자세한 설명

WBOY
WBOY원래의
2016-05-16 15:29:231437검색

최근에 관리 시스템 작업을 하다가 오랫동안 인터넷에서 프런트엔드 디스플레이 프레임워크를 검색한 끝에 마침내 Bootstrap: Ace를 기반으로 한 백엔드 관리 시스템 템플릿을 찾았습니다. Bootstrap은 2010년 Twitter에서 개발한 프런트 엔드 프레임워크입니다. 이를 사용한 학생들은 이 프런트 엔드 프레임워크가 아름다운 인터페이스를 가질 뿐만 아니라 많은 브라우저와 호환되므로 웹 사이트 개발 속도를 크게 높일 수 있다는 것을 알아야 합니다! 이 글에서 언급한 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. 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

이 기능은 매우 강력합니다. 여기를 클릭하면 데모를 볼 수 있습니다: http://www.iteblog.com/ace/index.html.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.