تبلیغات
آموزشASP.NET - ایجاد یک برنامه وب نمونه در دات نت ( بخش دوم )
 
فردا روشن اسن به
آموزشASP.NET
صفحه نخست         تماس با مدیر         پست الکترونیک        RSS         ATOM
 
 
در بخش اول این مقاله به بررسی یک برنامه نمونه دات نت پرداخته و با نحوه ایجاد یک برنامه وب آشنا شدیم . در این بخش به بررسی عملیات مرتبط با فاز دوم پرداخته و  با نحوه  استفاده ازکنترل های سرویس دهنده بر روی فرم وب آشنا خواهیم شد( بخش رابط کاربر یک برنامه وب ) .

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

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

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

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

  • مرحله چهارم : افزودن اسکریپت
  • مرحله پنجم   : نوشتن کد لازم در فایل Code Behind
~
فاز دوم : استفاده از کنترل ها
در این فاز، از کنترل های سرویس دهنده و  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 برای کنترل های سرویس دهنده به منظور نمایش توسط مرورگر

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

آموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.
آموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.netآموزشasp.





نوع مطلب :
برچسب ها :
لینک های مرتبط :


دوشنبه 30 مرداد 1396 01:24 ب.ظ
An interesting discussion is definitely worth comment.
I think that you ought to write more about this subject matter, it may not be a taboo subject but typically people don't discuss such issues.
To the next! Cheers!!
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر


درباره وبلاگ

سلام من آرش کاکاوند دانشجوی رشته کامپیوتر هستم و ورود شما رابه دنیای aspخوش امدمیگم.حتما نظر بدین تا من کارم رو بهتر ادامه بدم

مدیر وبلاگ : ارش کاکاوند
مطالب اخیر
نویسندگان
صفحات جانبی
نظرسنجی
شما کدام یک از برنامه های زیر را برای طراحی وب انتخاب می کنید؟








جستجو

آمار وبلاگ
کل بازدید :
بازدید امروز :
بازدید دیروز :
بازدید این ماه :
بازدید ماه قبل :
تعداد نویسندگان :
تعداد کل پست ها :
آخرین بازدید :
آخرین بروز رسانی :