ايجاد يك وب سايت توسط  ويژوال استوديو 2005  ( بخش دوم )
در بخش اول با اولين مرحله ايجاد يك وب سايت توسط ويژوال استوديو 2005 آشنا شديم . در اين بخش به بررسی  مراحل دوم ( افزودن كنترل به صفحه )  و سوم ( نوشتن روتين های پاسخگو در زمان بروز يك رويداد ) ، خواهيم پرداخت .

مرحله دوم : افزودن كنترل های سرويس دهنده به صفحه
صفحات وب پويا ، در مقابل خواسته كاربران پاسخگو بوده و  متناسب با درخواست آنان اطلاعات را توليد و عرضه می نمايند . اين موضوع جايگاه مهم فرم های وب را به خوبی مشخص می نمايد . با استفاده از فرم های وب ، كاربران درخواست خود را ارسال و پاسخ آن را از سرويس دهنده دريافت می نمايند . در فرم های وب از چندين نوع كنترل سرويس دهنده به منظور انجام پردازش های سمت سرويس دهنده استفاده می گردد :

• كنترل های Input و Validation در ارتباط با كاربر بوده و داده مورد نياز پردازش ها را تامين می نمايند.

• كنترل های Script Activation ،‌ مسئوليت فراخوانی برنامه های فرعی و توابع را به منظور انجام پردازش های مورد نياز برعهده دارند.

• كنترل های خروجی و نمايش اطلاعات ، نواحی مقصد بر روی صفحات را مشخص نموده تا ماحصل اجرای اسكريپت ها در آن نواحی نمايش داده شود .

•  كنترل های منبع داده در ارتباط با منابع داده خارجی بوده و اطلاعات مورد نياز برای پردازش و يا نمايش را ارائه می نمايند .

•  كنترل های navigation ، تسهيلات لازم به منظور حركت در يك سايت را در اختيار كاربر قرار می دهند .

در ASP.NET فرم ها و کنترل های موجود بر روی آنان به منزله اشياء سرويس دهنده بوده ( نه عناصر HTML ) و امكان دستيابی به آنان توسط اسكريپت های سمت سرويس دهنده وجود دارد .
پس از مقدمه فوق كه هدف از بيان آن آشنائی با جايگاه فرم ها و نقش كنترل های سرويس دهنده است ، در ادامه با نحوه اضافه كردن كنترل های سرويس دهنده  بر روی يك صفحه آشنا می شويم .
در اين مرحله سه كنترل سرويس دهنده ( button ,Label,TextBox ) را به صفحه اضافه می نمائيم و تنظميات لازم را برای هر يك از آنان انجام خواهيم داد .

• كنترل TextBox : كنترل فوق از جمله كنترل های سرويس دهنده ورودی است كه با استفاده از آنان می توان بخش رابط كاربر يك فرم وب را پياده سازی و اطلاعاتی را از كاربر دريافت نمود .  RadioButton , RadioButtonList , CheckBox ,CheckBoxList , DropDownList و ListBox از ديگر كنترل های سرويس دهنده ورودی می باشند .

• كنترل label : كنترل فوق از جمله كنترل های سرويس دهنده خروجی است كه با استفاده از آن يك ناحيه بر روی صفحات وب ايجاد و می توان خروجی مورد نظر را در آن ناحيه درج نمود . Panel , Table و Image از ديگر كنترل های سرويس دهنده خروجی می باشند .

• كنترل Button : كنترل فوق از جمله كنترل های سرويس دهنده ای است كه با استفاده از آن می توان يك اسكريپت را فعال نمود . LinkButton ,ImageButton و ImageMap  نمونه هائی ديگر در اين زمينه می باشند .

افزودن كنترل به صفحه  

• سوئيچ به Design View

• فشردن كليد SHIFT+ENTER  برای ايجاد فضای خالی  ( در صورت لزوم  چندين مرتبه )

• از طريق Toolbox و گروه استاندارد ، سه كنترل اشاره شده را انتخاب و آنان را بر روی صفحه قرار می دهيم.
  ( button ,Labels,TextBox )

• در قسمت بالای كنترل TextBox قرار گرفته و يك متن دلخواه را تايپ نمائيد ( مثلا"  "لطفا" نام خود را وارد نمائيد: " ) . متن فوق به عنوان caption كنترل TextBox در نظر گرفته می شود .

تنظيم خصلت های كنترل
VWD ، روش های متفاوتی‌ را برای تنظيم خصلت كنترل های موجود بر روی يك صفحه وب در اختيار پياده كنندگان صفحات وب قرار می دهد  . در ادامه با نحوه تنظيم خصلت كنترل ها در حالت Design View و Source View  آشنا می شويم .

• كنترل Button را انتخاب كرده و در ادامه و  از طريق پنجره Properties ، خصلت Text  آن را "نمايش نام " در نظر می گيريم  .

• به Source View سوئيچ نمائيد .  در اين mode ، تگ های Html صفحه به همراه  عناصری كه VWD برای كنترل های سرويس دهنده ايجاد كرده است ، نمايش داده می شوند . كنترل ها از گرامری شبيه Html استفاده می نمايند  با اين تفاوت كه آنان دارای يك پيشوند asp: و خصلت " runat="server  ، می باشند. تمامی كنترل ها درون يك تگ <form> قرار داده می شوند كه شامل خصلت " runat="server  است . خصلت فوق و پيشوند asp: هر يك از كنترل ها اين امكان را فراهم می نمايد كه بتوان از طريق اسكريپت های سمت سرويس دهنده  به آنان دستيابی و پردازش های مورد نياز را انجام داد .

• مكان نما را در محلی درون تگ <asp:label> قرار داده و كليد spacebar را فعال نمائيد . يك ليست Drop-down نمايش داده شده  و مجموعه ای از خصلت هائی را كه می توان برای‌ كنترل Label تنظيم نمود ، نشان داده می شود. به ويژگی فوق IntelliSense  گفته شده و باعث می شود بتوان زمانی كه در Source View می باشيم با گرامر كنترل های سرويس دهنده ، تگ های Html و ساير آيتم های موجود بر روی صفحه به سرعت دستيابی داشت . خصلت ForeColor را انتخاب نموده و يك علامت "=" را تايپ نموده بلافاصله  IntelliSense ليستی از رنگ ها را نشان می دهد . در هر لحظه می توان با فشاردادن كليدهای CTRL+J  ليست  Intellisense Drop-down را مشاهده نمود.

مرحله سوم : نوشتن روتين های پاسخگو در زمان بروز يك رويداد ( رويداد onclick كنترل button )
در اين مرحله كد لازم برای خواندن نام تايپ شده توسط كاربر در كنترل  Textbox و نمايش آن در كنترل label نوشته می گردد. برای افزودن يك روتين پاسخگوی پيش فرض ، مراحل زير را دنبال می نمائيم :

• سوئيچ به  Design View

• بر روی كنترل Button كليك می نمائيم ( Double Click ) . در ادامه ، VWD به Source View سوئيچ نموده و يك Skeleton event handler برای رويداد پيش فرض (  click )  كنترل Button  را ايجاد می نمايد . ( Double Click بر روی يك كنترل در Design view صرفا" يكی از روش های موجود برای ايجاد event handlers است ) .

• درون handler ، عبارت Label1 را تايپ نمائيد . در ادامه VWD ، ليستی از اعضاء قابل استفاده در رابطه با كنترل label  را نشان می دهد :

• پس از اتمام  Click event handler   كد زير را خواهيم داشت :

زمانی كه در Sourec View هستيم ، كنترل  asp:Button دارای يك خصلت "onClick="Button1_Click است . خصلت فوق ، روتين Button1_Click را به رويداد Click كنترل button نسبت می دهد .

مرحله نهائی : اجرای برنامه
برای اجرای برنامه و مشاهده آن در مرورگر می توان از كليدهای CTRL+F5 استفاده نمود . در ادامه صفحه مجددا" با استفاده از ASP.NET Development Server اجراء می گردد .  پس از  درج يك نام  دلخواه در Textbox و كليك برروی دكمه Button ،  نام تايپ شده در Label نمايش داده می شود .پس از كليك بر روی دكمه button ، صفحه برای سرويس دهنده وب ارسال خواهد شد  و  ASP.NET مجددا" صفحه را ايجاد ، كد موجود در صفحه را اجراء و صفحه جديد را برای مرورگر ارسال می نمايد (  يك round trip برای سرويس دهنده) .
در صورت مشاهده source صفحه ارسالی در  مرورگر (با استفاده از گزينه View  | Source ) ،  صرفا" تگ های Html نشان داده شده و  كنترل های سرويس دهنده كه با asp: شروع می شوند را مشاهده نخواهيم كرد.