صفحات ASP.NET Web - نموذج HTML
- الصفحة السابقة عالمية WebPages
- الصفحة التالية أهداف WebPages
النموذج (الاستمارة) هو المكان الذي تضعه فيه عناصر الإدخال (نص boxes، مربعات اختيار، مربعات اختيار واختيارات منسدلة) في وثيقة HTML.
إنشاء صفحة إدخال HTML
Razor مثال
<html> <body> @{ if (IsPost) { string companyname = Request["companyname"]; string contactname = Request["contactname"]; <p>لقد أدخلت: <br /> اسم الشركة: @companyname <br /> اسم الاتصال: @contactname </p> } else { <form method="post" action=""> اسم الشركة:<br /> <input type="text" name="CompanyName" value="" /><br /> اسم الاتصال:<br /> <input type="text" name="ContactName" value="" /><br /><br /> <input type="submit" value="Submit" class="submit" /> </form> } } </body> </html>
تشغيل مثال
مثال Razor - عرض الصورة
افترض أن لديك ثلاثة صور في مجلد الصور الخاص بك، وتريد عرض هذه الصور بشكل ديناميكي بناءً على اختيار المستخدم.
يمكن تحقيق ذلك بسهولة باستخدام جزء صغير من Razor.
إذا كان اسم الصورة في مجلد صور الموقع "Photo1.jpg"، يمكنك استخدام عنصر <img> في HTML لعرض هذه الصورة، مثل هذا:
<img src="images/Photo1.jpg" alt="Sample" />
في هذا المثال، سنعرض كيفية عرض الصورة التي اختارها المستخدم من القائمة المنسدلة:
Razor مثال
@{ var imagePath=""; if (Request["Choice"] != null) {imagePath="images/" + Request["Choice"];} } <!DOCTYPE html> <html> <body> <h1>عرض الصور</h1> <form method="post" action=""> أريد رؤية: <select name="Choice"> <option value="Photo1.jpg">Photo 1</option> <option value="Photo2.jpg">Photo 2</option> <option value="Photo3.jpg">Photo 3</option> </select> <input type="submit" value="Submit" /> @if (imagePath != "") { <p> <img src="@imagePath" alt="Sample" /> </p> } </form> </body> </html>
تشغيل مثال
مثال تفسيري
يُنشئ الخادم متغيرًا يُدعى imagePath
هناك متغيرًا في صفحة HTML به اسم Choice منقائمة تنازلية(<select> عنصر). يتيح للمستخدم اختيار اسم ودود (ملاحظة المحرر: سهل القراءة) (مثل Photo 1)، عند تقديم الصفحة إلى خادم الويب، يتم إرسال اسم الملف (مثل Photo1.jpg) إلى الخادم.
Razor من خلال Request["Choice"] قراءة قيمة Choice. إذا كانت القيمة موجودة، يقوم الكود ببناء مسار إلى الصورة (images/Photo1.jpg) ويسجله في متغير imagePath .
يظهر عنصر <img> في صفحة HTML هذه الصورة. عند عرض الصفحة، يتم تعيين خاصية src إلى قيمة متغير imagePath.
إذا كان قيمة المتغير imagePath فارغة، فإن ذلك يمنع عرض صورة غير موجودة لـ <img> (مثل عند تحميل الصفحة لأول مرة).
- الصفحة السابقة عالمية WebPages
- الصفحة التالية أهداف WebPages