أول مثال برمجة صفحات الويب آي إس بي ASP.NET First Example#

أول مثال برمجة صفحات الويب آي إس بي

 ASP.NET  First Example#

أول مثال  برمجة صفحات الويب آي إس بي ASP.NET  First Example#



تتكون صفحة ASP.NET من عدد من عناصر التحكم بالخادم بالإضافة إلى عناصر تحكم HTML والنص والصور.  يتم تخزين البيانات الحساسة من الصفحة وحالات عناصر التحكم المختلفة على الصفحة في الحقول المخفية التي تشكل سياق طلب الصفحة.

 يتحكم وقت تشغيل ASP.NET في الارتباط بين مثيل الصفحة وحالتها.  صفحة ASP.NET هي كائن من الصفحة أو موروثة منها.

 جميع عناصر التحكم في الصفحات هي أيضًا كائنات لفئة التحكم ذات الصلة الموروثة من فئة التحكم الأصلية.  عند تشغيل الصفحة ، يتم إنشاء مثيل لصفحة الكائن مع جميع عناصر التحكم في المحتوى الخاصة به.

 صفحة ASP.NET هي أيضًا ملف جانب الخادم يتم حفظه بملحق .aspx.  وهي وحدات في طبيعتها ويمكن تقسيمها إلى الأقسام الأساسية التالية:

 توجيهات الصفحة Page Directives
 قسم الكود Code Section
 تخطيط الصفحة Page Layout

توجيهات الصفحة
 توجيهات الصفحة إعداد البيئة لتشغيل الصفحة.  يعرّف توجيهPage السمات الخاصة بالصفحة المستخدمة من قبل محلل صفحات ASP.NET والمترجم.  تحدد توجيهات الصفحة كيفية معالجة الصفحة وما هي الافتراضات التي يجب اتخاذها بشأن الصفحة.

 يسمح باستيراد مساحات الأسماء وتحميل التجميعات وتسجيل عناصر تحكم جديدة بأسماء علامات مخصصة وبادئات مساحة الاسم.

 قسم الكود
 يوفر قسم الكود معالجات للصفحة وتحكم الأحداث إلى جانب الوظائف الأخرى المطلوبة.  ذكرنا أن ASP.NET يتبع طراز كائن.  الآن ، ترفع هذه الكائنات الأحداث عندما تحدث بعض الأحداث على واجهة المستخدم ، مثل قيام أحد المستخدمين بالنقر فوق أحد الأزرار أو تحريك المؤشر.  يتم ترميز نوع الاستجابة التي تحتاجها هذه الأحداث إلى المعاملة بالمثل في وظائف معالج الأحداث.  معالجات الأحداث ليست سوى وظائف مرتبطة بعناصر التحكم.

 تخطيط الصفحة
 يوفر تخطيط الصفحة واجهة الصفحة.  أنه يحتوي على عناصر تحكم الخادم والنص وجافا سكريبت وعلامات HTML.

 يوفر مقتطف الشفرة التالي نموذجًا لصفحة ASP.NET تشرح توجيهات الصفحة وقسم التعليمات البرمجية وتخطيط الصفحة مكتوبًا في C #:


<% @Page Language="C#" %>






    
      </span><span class="pln" style="color: rgb(0, 0, 0);"> Change to Upper Case </span><span class="tag" style="color: rgb(0, 0, 136);">

Conversion to Upper Case
runat="server"> runat="server" id="mytext" type="text" /> runat="server" id="button1" type="submit" value="Enter..." OnServerClick="convertoupper"/>
/>

Results:
runat="server" id="changed_text" />


انسخ هذا الملف إلى دليل جذر خادم الويب.  عموما هو ج: \ iNETpub \ wwwroot.  افتح الملف من المتصفح لتنفيذه ويقوم بإنشاء النتيجة التالية:

باستخدام Visual Studio IDE
 دعنا نطور نفس المثال باستخدام Visual Studio IDE.  بدلاً من كتابة التعليمات البرمجية ، يمكنك فقط سحب عناصر التحكم في عرض التصميم:
تم تطوير ملف المحتوى تلقائيًا.  كل ما تحتاج إلى إضافته هو روتين Button1_Click ، ​​وهو كما يلي:

protected void Button1_Click(object sender, EventArgs e)
{
   string buf = TextBox1.Text;
   changed_text.InnerHtml = buf.ToUpper();
}

رمز ملف المحتوى كما هو محدد:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" 
   Inherits="firstexample._Default" %>



 xmlns="http://www.w3.org/1999/xhtml" >

    runat="server">
      </span><span class="pln" style="color: rgb(0, 0, 0);">
         Untitled Page
      </span><span class="tag" style="color: rgb(0, 0, 136);">
   
   
   
   
      

 id="form1" runat="server">
         




         
             ID="TextBox1" runat="server" style="width:224px">
            
            
            
 />
            
 />
            
             ID="Button1" runat="server" Text="Enter..." style="width:85px" onclick="Button1_Click" />
            

 />
            
            



 Results:
runat="server" id="changed_text" />

نفذ المثال عن طريق النقر بزر الماوس الأيمن على عرض التصميم واختيار "عرض في المتصفح" من القائمة المنبثقة.  هذا يولد النتيجة التالية: