นี่คือแอปพลิเคชันแผงการจัดการแบ็คเอนด์สไตล์เมโทรที่ใช้ Bootstrap UI ของ Bootstrap Metro Dashboard ขึ้นอยู่กับสไตล์ Bootstrap Twitter และใช้ส่วนประกอบ jQuery 1.9.1 และ jQuery UI ซึ่งเหมาะมากสำหรับอินเทอร์เฟซระบบการจัดการแบ็กเอนด์เว็บไซต์
รู้เบื้องต้นเกี่ยวกับ Bootstrap Metro Dashboard
Bootstrap Metro Dashboard ใช้ปลั๊กอิน jQuery ต่อไปนี้:
fullcalendar.min.js
jQuery.chosen.min.js
jQuery.cleditor.min.js
jQuery.cookie.js
jQuery.datatables.min.js
jQuery.elfinder.min.js
jQuery.flot.js
jQuery.flot.pie.js
jQuery.flot.resize.min.js
jQuery.flot.stack.js
jQuery.gritter.min.js
jQuery.imagesloaded.js
jQuery.iphone.toggle.js
jQuery.knob.modified.js
jQuery.masonry.min.js
jQuery.noty.js
jQuery.raty.min.js
jQuery.sparkline.min.js
jQuery.ui.touch-punch.js
jQuery.uniform.min.js
jQuery.uploadify-3.1.min.js
ในขณะเดียวกันก็มีการใช้ไลบรารีสคริปต์ JavaScript ต่อไปนี้ด้วย:
modernizr.js
Modernizr เป็นห้องสมุดโอเพนซอร์ส JS ที่ทำให้นักออกแบบที่พัฒนาประสบการณ์ในระดับต่าง ๆ ขึ้นอยู่กับความแตกต่างในเบราว์เซอร์ของแขก (หมายถึงความแตกต่างในการสนับสนุนมาตรฐานใหม่) ช่วยให้นักออกแบบสามารถใช้ประโยชน์อย่างเต็มที่จากคุณสมบัติ HTML5 และ CSS3 สำหรับการพัฒนาในเบราว์เซอร์ที่รองรับ HTML5 และ CSS3 โดยไม่ต้องเสียสละการควบคุมเบราว์เซอร์อื่น ๆ ที่ไม่สนับสนุนเทคโนโลยีใหม่เหล่านี้
เว็บไซต์อย่างเป็นทางการ: http://modernizr.com/
Retina.js
Retina.js ตรวจสอบรูปภาพบนหน้าเว็บเพื่อดูว่ามีเวอร์ชันความละเอียดสูงหรือไม่ หากมีอะไรจะถูกแทนที่
เว็บไซต์อย่างเป็นทางการ: http://retinajs.com
ส่วนประกอบที่เกี่ยวข้องกับ Bootstrap Metro Dashboard
โฮมเพจแผงการจัดการ
เวิร์กโฟลว์/ไทม์ไลน์
แถบเลื่อนที่สวยงาม
แผนภูมิ
นอกจากนี้ยังมีส่วนประกอบ UI ที่สวยงามมากมาย Bootstrap Metro Dashboard มีประสิทธิภาพมาก หากคุณต้องการอินเทอร์เฟซการจัดการแบ็กเอนด์ของคุณเอง Bootstrap Metro Dashboard เป็นตัวเลือกที่ดีสำหรับคุณ
ลิงก์ไปยังบทความนี้: http://www.codeceo.com/article/bootstrap-metro-dashboard.html
ผู้แต่งบทความนี้: Xiaofeng, เครือข่ายการเข้ารหัส
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น
หากคุณยังต้องการศึกษาในเชิงลึกคุณสามารถคลิกที่นี่เพื่อเรียนรู้และแนบหัวข้อที่ยอดเยี่ยมให้คุณ: การสอนการเรียนรู้ bootstrap