ايجاد يک برنامه وب نمونه در دات نت ( بخش چهارم )

 فاز دوم : استفاده از کنترل ها  

• مرحله اول : افزودن کنترل های سرويس دهنده به فرم وب

• مرحله دوم : آناليز کدهای HTML ، توليد شده 

• مرحله سوم : بررسی صحت  و اعتبار داده ها و ارائه  پيام خطاء

• مرحله چهارم : افزودن اسکريپت
• مرحله پنجم : نوشتن کد لازم در فايل Code Behind

در بخش های دوم و سوم اين مقاله ، مراحل اول ، دوم و سوم مربوط به فاز دوم تشريح گرديد . در اين بخش به بررسی ساير مراحل ، خواهيم پرداخت .
مرحله چهارم : افزودن اسکريپت  :  در اين مرحله ، از اسکريپت های سمت سرويس دهنده به عنوان بخشی از کد HTML  همراه صفحه فرم وب aspx استفاده می شود . در اين رابطه مراحل زير را دنبال می نمائيم :

• افزودن اسکريپت به صفحه ( کليک بر روی  HTML tab )

• افزودن يک تگ اسکريپت ( SCRIPT )  در ابتدای صفحه Login.aspx و مقداردهی خصلت Language به  Vb  ( بعد از تگ HTML >
   

  Add SCRIPT tag

  <script Language="Vb" runat="Server">    Sub btnSignin_Click(Sender As Object, E As EventArgs)      If (txtUserID.Text.Length >=4 And txtPassword.Text.Length >=4 And txtUserID.Text.StartsWith("S")) Then         lblResult.Text = "کاربر مجاز "      Else        lblResult.Text = "کاربر غير مجاز"     End If End Sub </script>

   

• نسبت دهی رويداد  Onclick مربوط به کنترل سرويس دهنده  "btnSignin " به  تابع  btnSignin_Click. پس از تشخيص صحت داده ورودی با توجه به سياست های تعريف شده در روتين btnSignin_Click ، پيام مورد نظر جهت نمايش در خروجی به خصلت Text  کنترل سرويس دهنده lblResult نسبت داده می شود. برای بررسی صحت داده ورودی سه شرط بررسی و در صورت درست بودن آنان ، پيام " کاربر مجاز" و در صورت عدم صحت،  پيام "کاربر غير مجاز " ، در خروجی نمايش داده می شود. در اين رابطه فيلدهای مربوط به نام و رمز عبور می بايست بيش از چهار حرف بوده و حرف اول نام کاربر با "S " ، شروع گردد .
   

  Add OnClick Event

  <asp:Button id="btnSignin" runat="server" Text="ورود به سايت" OnClick="btnSignin_Click"> </asp:Button

   

• برای تست صحت داده ها ، گزينه Start را از طريق منوی Debug انتخاب و يا کليد F5 را فعال می نمائيم . 
   در فيلد "نام" ، مقدار  TestSrco  و در فيلد "رمز عبور" ، مقدار " 0123457789000"  را وارد نموده و دکمه "ورود به سايت "  را فعال می نمائيم . پس از بررسی داده ورودی ، پيام  " کاربر غير مجاز " ، در خروجی نمايش داده می شود . در صورتی که در فيلد "نام " ،  مقدار " Srco " و در فيلد "رمز عبور " ،  مقدار  " 0123457789000" را وارد نموده  و در ادامه دکمه " ورود به سايت " را فعال نمائيم ، با پيام " کاربر مجاز " مواجه خواهيم شد.

مرحله پنجم : نوشتن کد لازم در فايل Code Behind  : در اين مرحله ، کد لازم را در صفحه Code behind خواهيم نوشت . کد فوق ، از مرحله طراحی  جدا بوده و  بدين ترتيب خوانائی برنامه بالا رفته و کد نوشته شده از عناصر HTML ، متمايز می گردد .

• انتخاب گزينه Solution Explorer از طريق منوی View و يا فشردن کليدهای CTRL+ALT+I

• مشاهده صفحه Code behind ، مربوط به صفحه Login.aspx ( کليک سمت راست بر روی صفحه Login.aspx ( در Solution Explorer ) و انتخاب گزينه View code ) .

• افزودن کد زير  به تابع Page_Load ( هدف صرفا" نشان دادن توانائی رويداد  Page_Load  است ).

• نمايش اوليه فرم Login در مرورگر :

• با کليک ( Double Click ) بر روی دکمه " ورود به سايت "،  متد  btnSignin_Click  در فايل Code behind  ايجاد می گردد . کد مورد نظر به منظور برخورد با رويداد  کليک ، می بايست در اين تابع ، درج گردد . ( Event Handler  ) .

• سوئيچ به Design view ، گزينه Designer را از طريق منوی View انتخاب و يا کليد های SHIFT+F7 را فعال می نمائيم .

• مشاهده محتوی صفحه ( کليک بر روی HTML tab )

• حذف کد زير ( کد فوق ، به منظور بررسی و تست اسکريپت های سمت سرويس گيرنده در فرم Login.aspx  استفاده شده بود)

• حذف   "OnClick="btnSignin_Click  از سطر مربوط به تعريف کنترل سرويس دهنده  btnSignin ( دکمه "ورود به سايت " ) .

نتايج  فاز دوم  :

• افزودن کنترل ها ی سرويس دهنده مورد نياز بر روی فرم Login.aspx ( چهار کنترل Lable ، دو کنترل TextBox ، دو کنترل Button )
• بررسی کد توليد شده در ويژوال استوديو دات نت برای کنترل ها ی سرويس دهنده که به صورت اتوماتيک ، ايجاد می گردند .
• بررسی کد توليد شده توسط ASP.NET Runtime برای کنترل های سرويس دهنده به منظور نمايش توسط مرورگر
• استفاده از کد سمت سرويس گيرنده به منظور بررسی صحت داده ورودی توسط کاربر
• استفاده از کد سمت سرويس دهنده و استقرار آنان در فايل Code Behind به منظور بررسی صحت اعتبار داده ورودی توسط کاربر