هذا هو تطبيق لوحة إدارة الواجهة الخلفية على غرار المترو يعتمد على bootstrap. تعتمد واجهة المستخدم الخاصة بـ Bootstrap Metro Dashboard على نمط Twitter Bootstrap وتستخدم مكونات JQuery 1.9.1 و JQuery UI ، وهي مناسبة جدًا لواجهة نظام إدارة المواقع الخلفية.
مقدمة إلى لوحة معلومات مترو Bootstrap
تستخدم لوحة معلومات مترو bootstrap المكون الإضافي التالي 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 تحقق من الصور الموجودة على صفحة الويب لمعرفة ما إذا كان هناك نسخة عالية الدقة. إذا كان هناك أي ، سيتم استبداله.
الموقع الرسمي: http://retinajs.com
Bootstrap Metro Dashboard المكونات ذات الصلة
صفحة إدارة لوحة الإدارة
سير العمل/الجدول الزمني
شريط التمرير التجميل
جدول
هناك أيضًا العديد من مكونات واجهة المستخدم الجميلة. لوحة معلومات مترو Bootstrap قوية للغاية. إذا كنت بحاجة إلى واجهة إدارة الواجهة الخلفية الخاصة بك ، فإن لوحة معلومات مترو Bootstrap هي خيار جيد لك.
رابط لهذه المقالة: http://www.codeceo.com/article/bootstrap-metro-dashboard.html
مؤلف هذه المقالة: Xiaofeng ، شبكة الترميز
ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.
إذا كنت لا تزال ترغب في الدراسة بعمق ، فيمكنك النقر هنا للتعلم وإرفاق موضوع رائع لك: Bootstrap التعلم التعليمي