نماذج الويب هي صفحات ويب مبنية على تقنية ASP.NET. يتم تنفيذه على الخادم ويولد الإخراج إلى المتصفح. وهو متوافق مع أي متصفح وأي لغة يدعمها وقت تشغيل اللغة العامة .NET. إنه مرن ويسمح لنا بإنشاء وإضافة عناصر تحكم مخصصة.
يمكننا استخدام Visual Studio لإنشاء نماذج ويب ASP.NET. إنها بيئة تطوير متكاملة (IDE) تسمح لنا بسحب وإفلات عناصر تحكم الخادم في نماذج الويب. كما يسمح لنا بتعيين الخصائص والأحداث والأساليب لعناصر التحكم. لكتابة منطق الأعمال، يمكننا اختيار أي لغة .NET مثل: Visual Basic أو Visual C#.
تتكون نماذج الويب من مكونين: الجزء المرئي (ملف ASPX)، والتعليمة البرمجية الموجودة خلف النموذج، والتي توجد في ملف فئة منفصل.
تين: يوضح هذا الرسم البياني مكونات ASP.NET
الغرض الرئيسي من نماذج الويب هو التغلب على قيود ASP وفصل العرض عن منطق التطبيق.
يوفر ASP.NET عناصر تحكم مختلفة مثل: عناصر تحكم الخادم وعناصر تحكم HTML لنماذج الويب. لدينا جداول كل هذه الضوابط أدناه.
ضوابط الخادم
يحتوي الجدول التالي على عناصر التحكم من جانب الخادم لنماذج الويب.
| اسم التحكم | الأحداث المعمول بها | وصف |
|---|---|---|
| ملصق | لا أحد | يتم استخدامه لعرض النص على صفحة HTML. |
| مربع الكتابة | تم تغيير النص | يتم استخدامه لإنشاء إدخال نص في النموذج. |
| زر | انقر فوق الأمر | يتم استخدامه لإنشاء زر. |
| زر الرابط | انقر فوق الأمر | يتم استخدامه لإنشاء زر يشبه الارتباط التشعبي. |
| زر الصورة | انقر | يتم استخدامه لإنشاء زر الصور. هنا، تعمل الصورة كزر. |
| الارتباط التشعبي | لا أحد | يتم استخدامه لإنشاء عنصر تحكم الارتباط التشعبي الذي يستجيب لحدث النقر. |
| قائمة منسدلة | تم تغيير الفهرس | يتم استخدامه لإنشاء عنصر تحكم القائمة المنسدلة. |
| ListBox | SelectedIndexCnhaged | يتم استخدامه لإنشاء عنصر تحكم ListBox مثل عنصر تحكم HTML. |
| شبكة بيانات | CancelCommand، EditCommand، DeleteCommand، ItemCommand، SelectedIndexChanged، PageIndexChanged، SortCommand، UpdateCommand، ItemCreated، ItemDataBound | يتم استخدامه لإنشاء frid يستخدم لعرض البيانات. يمكننا أيضًا إجراء الترحيل والفرز والتنسيق بسهولة شديدة باستخدام عنصر التحكم هذا. |
| قائمة البيانات | CancelCommand، EditCommand، DeleteCommand، ItemCommand، SelectedIndexChanged، UpdateCommand، ItemCreated، ItemDataBound | يتم استخدامه لإنشاء قائمة بيانات غير جدولية وتستخدم لعرض البيانات. |
| مكرر | ItemCommand، ItemCreated، ItemDataBound | يسمح لنا بإنشاء نوع غير جدولي من التنسيق للبيانات. يمكنك ربط البيانات بعناصر القالب، والتي تشبه أجزاء من HTML تم تجميعها معًا بتنسيق متكرر محدد. |
| خانة الاختيار | CheckChanged | يتم استخدامه لإنشاء خانة الاختيار. |
| قائمة الاختيار | تم تغيير الفهرس | يتم استخدامه لإنشاء مجموعة من خانات الاختيار التي تعمل جميعها معًا. |
| زر الراديو | CheckChanged | يتم استخدامه لإنشاء زر الراديو. |
| قائمة أزرار الراديو | تم تغيير الفهرس | يتم استخدامه لإنشاء مجموعة من عناصر التحكم في أزرار الاختيار التي تعمل جميعها معًا. |
| صورة | لا أحد | يتم استخدامه لإظهار الصورة داخل الصفحة. |
| لوحة | لا أحد | يتم استخدامه لإنشاء لوحة تعمل كحاوية. |
| PlaceHolder | لا أحد | يتم استخدامه لتعيين العنصر النائب لعنصر التحكم. |
| تقويم | SelectionChanged، VisibleMonthChanged، DayRender | يتم استخدامه لإنشاء التقويم. يمكننا ضبط التاريخ الافتراضي والتحرك للأمام والخلف وما إلى ذلك. |
| AdRotator | تم إنشاء الإعلان | يسمح لنا بتحديد قائمة الإعلانات المراد عرضها. في كل مرة يقوم المستخدم بإعادة عرض الصفحة. |
| طاولة | لا أحد | يتم استخدامه لإنشاء الجدول. |
| XML | لا أحد | يتم استخدامه لعرض مستندات XML داخل HTML. |
| حرفي | لا أحد | إنه يشبه الملصق لأنه يعرض حرفيًا، ولكنه يسمح لنا بإنشاء قيم حرفية جديدة في وقت التشغيل ووضعها في عنصر التحكم هذا. |
ضوابط HTML
يتم عرض عناصر التحكم هذه بواسطة المتصفح. يمكننا أيضًا إنشاء عناصر تحكم HTML كتحكم في الخادم. سنناقش هذا الأمر في برنامجنا التعليمي الإضافي.
| اسم الضوابط | وصف |
|---|---|
| زر | يتم استخدامه لإنشاء زر HTML. |
| زر إعادة الضبط | يعيد تعيين كافة عناصر نموذج HTML الأخرى في النموذج إلى القيمة الافتراضية |
| زر الإرسال | ينشر بيانات النموذج تلقائيًا إلى الصفحة المحددة المدرجة في سمة الإجراء في علامة النموذج |
| حقل النص | يمنح المستخدم منطقة إدخال في نموذج HTML |
| منطقة النص | يستخدم للإدخال متعدد الأسطر في نموذج HTML |
| حقل الملف | يضع حقلاً نصيًا وزر تصفح في نموذج ويسمح للمستخدم بتحديد اسم ملف من جهازه المحلي عند النقر فوق زر استعراض |
| حقل كلمة المرور | منطقة إدخال في نموذج HTML، على الرغم من أن أي أحرف مكتوبة في هذا الحقل يتم عرضها كعلامات نجمية |
| خانة الاختيار | يمنح المستخدم خانة اختيار يمكنه تحديدها أو مسحها |
| زر الراديو | يستخدم اثنين أو أكثر من النموذج، ويتيح للمستخدم اختيار أحد عناصر التحكم |
| طاولة | يسمح لك بتقديم المعلومات في شكل جدول |
| صورة | يعرض صورة في نموذج HTML |
| ListBox | يعرض قائمة العناصر للمستخدم. يمكنك ضبط الحجم من اثنين أو أكثر لتحديد عدد العناصر التي ترغب في عرضها. إذا كان هناك عناصر أكثر مما يمكن احتواؤه ضمن هذا الحد، فسيتم إضافة شريط تمرير تلقائيًا إلى عنصر التحكم هذا. |
| اسقاط | يعرض قائمة بالعناصر للمستخدم، ولكن سيظهر عنصر واحد فقط في كل مرة. يمكن للمستخدم النقر فوق سهم لأسفل من جانب عنصر التحكم هذا وسيتم عرض قائمة بالعناصر. |
| قاعدة افقية | يعرض خطًا أفقيًا عبر صفحة HTML |