تقدم هذه المقالة بشكل أساسي الواجهة الوظيفية الشاملة لإطار Bootstrap هذا ، وتقدم نقاط المعرفة والواجهات الشاملة المستخدمة فيه. آمل أن يكون للقراء فهم أكثر سهولة وواقعية للإطار. يمكن تعلم تصميم الواجهة والأفكار ذات الصلة وتحسينها ، ويمكنهم أيضًا مناقشة المحتويات ذات الصلة للتحسين معًا.
1. السمات الفنية لـ "إطار تطوير Bootstrap على أساس Metronic"
1) اعتماد أحدث وأبهر تقنية الإطار الإطار المستجيبة
يستخدم إطار تطوير Bootstrap الكامل المستند إلى Metronic تقنية Bootstrap الأحدث في جزء الواجهة ، ويعتمد أحدث Bootstrap 3.x الحالي ، ويدمج العديد من عناصر التحكم القوية في Bootstrap.
Bootstrap هو إطار فني في الواجهة الأمامية يمكن اعتماده من قبل العديد من المنصات. يمكن استخدام Java/PHP/.NET لصنع واجهات أمامية. يمكن أن يحقق دمج jQuery تأثيرات واجهة غنية للغاية. حاليًا ، هناك العديد من المكونات الإضافية التي يمكن توفيرها للجميع لاستخدامها. يجمع هذا الإطار العديد من أكثر المكونات الإضافية ممتازة ، والتي يمكن أن تحسن تجربة مستخدم الويب الخاصة بنا إلى مستوى غير مسبوق.
Metronic هو إطار لتطوير Bootstrap الأجنبي يعتمد على HTML و JS وغيرها من التقنيات ، ودمج العديد من تقنيات الواجهة الأمامية Bootstrap والمكونات الإضافية. إنه إطار فني جيد جدًا. استنادًا إلى هذا الإطار ، إلى جانب بحثي حول إطار الويب الخاص بـ MVC ، يدمج هذا الإطار إطار تطوير Bootstrap استنادًا إلى MVC لتمكينه من تلبية الاحتياجات الهيكلية للمشاريع الفعلية.
تستخدم الواجهة الخلفية الإطارية تقنية MVC المستندة إلى C ، والتي تعد حاليًا التكنولوجيا الأكثر نضجًا وشعبية تم تطويرها بواسطة .NET. تدعم قاعدة بيانات الإطار الخلفي لقواعد البيانات العادية مثل Oracle و SQLServer و MySQL و SQLite والوصول وما إلى ذلك ، ويمكن تبديلها بحرية من خلال التكوين. استخدم وحدة مكتبة المؤسسة للتحكم في الوصول إلى البيانات ، مما يجعل الوصول إلى البيانات أكثر ملاءمة وسهولة.
يستخدم تطوير الإطار العام Visual Studio 2013 وأداة تحرير الصفحات SubliMe مع النصي المدمج مع التطوير والصفحة ورمز الخلفية ، ويستخدم Database2Sharp أداة توليد الكود لتحقيق أقصى قدر من تحسين الكفاءة في التطوير الكلي.
الهيكل العام للإطار هو كما يلي:
يمكّن ذلك وحدة التحكم من الحصول على علاقات وراثة جيدة ويمكنها تحقيق تطوير مشاريع الويب مع كود أقل وكفاءة تطوير أكثر كفاءة. فكرة تصميم وحدة التحكم بأكملها هي كما يلي.
التحكم في الإذن: يمكن أن توفر قواعد تصميم وحدة التحكم الجيدة التحكم الجيد في الوصول إلى المستخدم والتحكم في الإذن لإطار تطوير الويب نفسه ، بحيث تعرض واجهة المستخدم القوائم والأزرار والمحتويات الخاصة بواجهة الويب ، ويمكن أن يكون التحكم في تقديم الإجراء جميعها ضمن تداول وظيفة الإذن الشاملة.
توليد الرمز السريع: تتيح بنية جيدة توفير منطق الرمز الموحد في طبقة منطق العمل ، وطبقة وحدة التحكم ، وطبقة واجهة المستخدم لواجهة الويب. يمكن إنشاء هذه الرموز من خلال Database2Sharp أداة توليد الكود. يمكن أن يستفيد رمز واجهة الويب الكامل لمعلومات البيانات الوصفية الخاصة بـ Code Generation Tool Database2Sharp لتحقيق توليد سريع من واجهة الويب. تقلل بشكل فعال من فرصة حدوث أخطاء ، وتحسين كفاءة التطوير والمرح في ترميز واجهة الويب ، وكذلك تمكين التوحيد الفعال لوضع الترميز داخل المؤسسة.
يمكن لتوليد رمز مكتبة المؤسسة إنشاء رمز إطار شامل باستثناء الواجهة. يمكن لتوليد رمز واجهة الويب الخاص بـ Bootstrap إنشاء رمز واجهة الواجهة الأمامية ورمز وحدة تحكم الخلفية من bootstrap المستندة إلى Metronic. يتضمن جزء الواجهة واجهات وظيفية أساسية مثل الاستعلام ، والترحيل ، وعرض البيانات ، واستيراد البيانات وتصديرها ، والجديد ، والتحرير ، والعرض ، والحذف. بعد الجيل ، يمكننا إجراء تعديلات بسيطة وسريعة بناءً على هذا الأساس لتلبية الاحتياجات الفعلية ، وتحسين كفاءة تطوير واجهة الويب الخاصة بنا بشكل كبير.
تخطيط الإطار: ما يلي هو التقديم العام لمشروعي العام.
محتوى [شريط قائمة النظام] هو قائمة تم الحصول عليها ديناميكيًا من قاعدة البيانات ؛ يوضح [System Top Bar] بعض المعلومات ويوفر للمستخدمين معالجة سريعة للبيانات الشخصية ، مثل عرض المعلومات الشخصية ، وإلغاء ، وقفل الشاشة ومحتوى التشغيل الآخر ؛ تتضمن منطقة المحتوى عمومًا [منطقة قائمة الأشجار] و [منطقة الاستعلام عن الحالة] و [قائمة البيانات وترقيم الصفحات] يتم عرض بيانات المحتوى بصريًا بشكل أساسي ، والتي يمكن عرضها من خلال عناصر التحكم في قائمة الأشجار وعناصر التحكم في الجدول. بشكل عام ، يجب أيضًا إضافة البيانات وحذفها وتعديلها وترحيلها ، لذلك يجب دمج الوظائف المختلفة. بالإضافة إلى الاستعلام وعرض بيانات المستخدم ، فإنه يتطلب أيضًا عمليات الاستيراد والتصدير المتعلقة بالتصدير ، والتي هي وظائف معالجة البيانات الروتينية.
معالجة القائمة وعرضها: بشكل عام ، لراحة الإدارة ، تنقسم القوائم إلى ثلاثة مستويات. القوائم المحددة تختلف عن أنماط القائمة الأخرى. يمكن طي القوائم وتقليلها. التأثير كما يلي.
2. مقدمة لواجهة الوحدة النمطية لـ "إطار تطوير Bootstrap على أساس Metronic"
2.1 واجهة وحدة الرسم البياني المنزلي
2.2 وظيفة شريط أعلى النظام
2.3 وظائف ديناميكية الصناعة (السياسات واللوائح والإشعارات والإعلانات والمعلومات الديناميكية)
السياسات واللوائح والإشعارات والإعلانات/واجهة قائمة المعلومات الديناميكية
واجهة التحرير هي كما يلي:
واجهة محتوى المشاهدة هي كما يلي:
2.4 إدارة معلومات العميل
واجهة قائمة العملاء كما يلي:
واجهة تحرير معلومات العميل:
واجهة استيراد معلومات العميل:
2.5 إدارة اتصال العميل
واجهة الاتصال بالاتصال/تحرير العميل
واجهة عرض اتصال العميل
واجهة معلومات المرفق
2.6 إدارة دفتر العناوين
قائمة جهات الاتصال
ويرد أدناه واجهة تحرير دفتر العناوين.
2.7 إدارة الإذن
1) واجهة قائمة مستخدم النظام
واجهة استيراد مستخدم النظام
واجهة تحرير مستخدم النظام
تحميل وتحرير صور مستخدمي النظام
مربع الحوار حذف مستخدم النظام.
واجهة تقرير RDLC لمستخدم النظام.
2) واجهة إدارة المنظمة
تحتوي المؤسسة على واجهة تحرير المستخدم
3) إدارة دور المستخدم
عرض مجموعة الوظائف التشغيلية للدور
إمكانية الوصول إلى التحكم في أذن البيانات:
تشمل الأدوار الإدارة التنظيمية:
4) إدارة وظائف النظام
5) إدارة قائمة النظام
تحرير واجهة معلومات القائمة:
حدد واجهة أيقونة القائمة:
6) إدارة تسجيل الدخول إلى النظام
7) إدارة القاموس العام
8) إدارة أيقونة القائمة
9) إدارة ألبوم الصور
واجهة صور التحرير هي كما يلي:
واجهة عرض الصور
ما سبق هو المحتوى ذي الصلة التي قدمها المحرر لك من خلال ملخص تجربة الإطار القائم على إطار تطوير Metronic Bootstrap [8]. آمل أن يكون ذلك مفيدًا للجميع!