بررسی عملی ايجاد يک برنامه نمونه دات نت New Page 1



ساير




 

 

 

SAKHA RAVESH CO.

 ا مروز

 شنبه  6  خرداد  1396  2017  May  27   Saturday ToDay
صفحه اصلی  مقالات نکته هادايره المعارف خودآموزها | تازه ها خود آزمون ها    
  نسخه قابل چاپ  

    5 4 3 2 1 

 عنوان

 نويسنده

  مشاهده

 تعداد آراء

 امتياز

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

 مديريت وب

11919

14

4.4

با توجه به جایگاه داده در عصر حاضر و  لزوم نگاه جامع به این مقوله مهم ، بر آن شدیم تا محوریت فعالیت های خود را بر  روی این موضوع متمرکز نمائیم . از این رو گروه فابک با شعار فناوری اطلاعات برای کسب وکار شکل گرفت و  خدمات خود  را از طریق  سایت www.fabak.ir  به مخاطبان محترم عرضه می نماید

 

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

ايجاد يک برنامه وب نمونه در دات نت ( بخش دوم )
در بخش اول اين مقاله به بررسی يک برنامه نمونه دات نت پرداخته و با نحوه ايجاد يک برنامه وب آشنا شديم . در اين بخش به بررسی عمليات مرتبط با فاز دوم پرداخته و  با نحوه  استفاده ازکنترل های سرويس دهنده بر روی فرم وب آشنا خواهيم شد( بخش رابط کاربر يک برنامه وب ) .

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

 فاز دوم : استفاده از کنترل ها
در اين فاز، از کنترل های سرويس دهنده و  Validation ( به منظور بررسی صحت داده ورودی توسط کاربر)  ، استفاده کرده و کدهای مورد نياز را هم در سمت سرويس گيرنده ( اسکريپت های همراه فرم وب ) و هم در سمت سرويس دهنده ( کدهای نوشته شده در صفحه Code behind مربوط به صفحه Login )  خواهيم نوشت و در نهايت تگ های HTML  توليد شده  را بررسی می نمائيم .

 مرحله اول : افزودن کنترل های سرويس دهنده به فرم وب  : در اين مرحله ، با نحوه استفاده از کنترل های سرويس دهنده ASP.NET آشنا خواهيم شد( چهار کنترل Lable ، دو کنترل TextBox ، دو کنترل Button )
 

  • سوئيچ  به حالت Design ( کليک بر روی Design Tab )
  • فعال نمودن پنجره  Toolbox ( انتخاب گزينه Toolbox از طريق منوی View و يا فشردن کليدهای CTRL+ALT+X )
  • انتخاب کنترل Label  ازطريق Web Forms tab موجود در  Toolbox و استفرار آن بر روی فرم وب Login.aspx  ( در وضعيت Desgin view ) .

  • تنيظيم خصلت های زير برای کنترل Label استفاده شده بر روی فرم وب . ( برای مشاهده پنجره Properties مربوط به يک کنترل ، پس از انتخاب کنترل دستور View|Properties را فعال و يا از کليد F4 ، استفاده می نمائيم ) .

    تنظيم خصلت های کنترل Label   اول

    خصلت

     مقدار

    ID

    lblHeading

    Text

    ورود به بخش مقالات سايت سخا روش

    فرم وب Login.aspx پس از استقرار اولين کنترل سرويس دهنده Label بر روی آن :


     

  •  افزودن يک کنترل سرويس دهنده Label ديگر بر روی فرم وب Login و تنيظيم خصلت های آن
     

    تنظيم خصلت های کنترل Label  دوم

    خصلت

     مقدار

    ID

    lblUserID

    Text

    نام

  •  افزودن يک کنترل سرويس دهنده Label ديگر بر روی فرم وب Login و تنيظيم خصلت های آن
     

    تنظيم خصلت های کنترل Label  سوم

    خصلت

     مقدار

    ID

    lblPassword

    Text

    رمز عبور

  •  انتخاب کنترل TextBox از طريق Web Forms tab موجود در  Toolbox و استقرار آن بر روی فرم وب Login.aspx ( در مجاورت کنترل  label  مربوط به "نام"  )

     

    تنظيم خصلت های کنترل TextBox  اول

    خصلت

     مقدار

    ID

    txtUserID

    TabIndex 1

    Width

     182px

     

  • انتخاب يک کنترل TextBox  ديگر و  استقرار آن بر روی فرم وب Login.aspx ( در مجاورت کنترل   label  مربوط به  "رمزعبور"  )   

تنظيم خصلت های کنترل TextBox  دوم

خصلت

 مقدار

ID

txtPassword

TabIndex 2

Width

 182px

TextMode Password

  • انتخاب کنترل Button  از طريق Web Forms tab موجود در  Toolbox  و استقرار آن بر روی فرم وب Login.aspx و تنظيم خصلت های آن

 

تنظيم خصلت های کنترل Button  اول

خصلت

 مقدار

ID

btnSignin

Text

ورود به سايت

TabIndex 3

  • انتخاب کنترل Button  ديگر و استقرار آن بر روی فرم وب Login.aspx و تنظيم خصلت های آن

تنظيم خصلت های کنترل Button  دوم

خصلت

 مقدار

ID

btnRestore

Text

انصراف

TabIndex 4
CausesValidation False

  • افزودن يک کنترل سرويس دهنده Label ديگر بر روی فرم وب Login و تنيظيم خصلت های آن ( از کنترل فوق برای نمايش پيام مورد نظر در زمان بررسی صحت داده ورودی توسط کاربر، استفاده می گردد ) .

تنظيم خصلت های کنترل Label  

خصلت

 مقدار

ID

lblResult

Text

خالی

Font Smaller
ForeColor Red
  • فرم وب Login.aspx پس از استقرار کنترل های سرويس دهنده مورد نياز بر روی آن :

مرحله دوم : آناليز کدهای HTML ، توليد شده  : در اين مرحله با نحوه تبديل کنترل های سرويس دهنده به عناصر HTML مختص قابل نمايش در مرورگر توسط ASP.NET runtime ، آشنا خواهيم شد.

  • برای مشاهده محتوی صفحه ، بر روی HTML Tab کليک می نمائيم . کد زير به صورت اتوماتيک برای کنترل های سرويس دهنده استفاده شده در فرم وب Login.aspx ايجاد می گردند. خصلت runat ="server" ، نشاندهنده سمت سرويس دهنده بودن کنترل است .

    HTML Code For  Server Controls

    <asp:Label  id="lblUserID"         runat="server" ...  >نام</asp:Label>
    <asp:Label
     id ="lblPassword"    runat="server" ...>رمز عبور</asp:Label>
    <asp:TextBox id="txtUserID"      runat="server"
    ...></asp:TextBox>
    <asp:TextBox id="txtPassword"  runat="server" ...></asp:TextBox>
    <asp:Button  id="btnSignin"       runat="server" ...></asp:Button>
    <asp:Button  id="btnRestore"     runat="server"...></asp:Button>
    <asp:Label id="lblResult"             runat="server" ...></asp:Label>

     

  • برای مشاهده خروجی در مرورگر ، گزينه Debug | Start  را انتخاب و يا کليد F5 را فعال می نمائيم .

  •  برای مشاهده خروجی HTML کنترل های سرويس دهنده ، گزينه Source را از طريق منوی View در مرورگر IE انتخاب می نمائيم :

    HTML Output for  Server Controls  in browser

    <span id="lblHeading" ... > ورود به بخش مقالات سايت سخا روش</span>
    <input name="txtUserID" type="text" id="txtUserID" ...   />
    <input type="submit" name="btnSignin" value="ورود به سايت" ... />

     

  • همانگونه که مشاهده می شود ، ASP.NET runtime ، کنترل های سرويس دهنده را به عناصر HTML مختص مرورگر ،تبديل نموده است . Runtime ممکن است در صورت ضرورت از DHTML به منظور تعيين موقعيت و محل استقرار عناصر متفاوت HTML استفاده نمايد . 

نتايج مراحل يک و دو فاز دوم  :

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

در بخش سوم اين مقاله به بررسی ساير مراحل تعريف شده در فاز دوم ( بررسی صحت داده ،افزودن اسکريپت ،  ... ) ، خواهيم پرداخت .



جستجو

مقالات                 
دايره المعارف       
دوره های آموزشی


 

 

مشاهده گروه ها



              

 

 تهيه شده در شرکت سخا روش -  1382