ايجاد يك وب سايت توسط ويژوال استوديو 2005

[Travis]

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

• <LI dir=rtl>كنترل های Input و Validation در ارتباط با كاربر بوده و داده مورد نياز پردازش ها را تامين می نمايند.
  <LI dir=rtl>كنترل های Script Activation ،$ مسئوليت فراخوانی برنامه های فرعی و توابع را به منظور انجام پردازش های مورد نياز برعهده دارند.
  <LI dir=rtl>كنترل های خروجی و نمايش اطلاعات ، نواحی مقصد بر روی صفحات را مشخص نموده تا ماحصل اجرای اسكريپت ها در آن نواحی نمايش داده شود .
  <LI dir=rtl> كنترل های منبع داده در ارتباط با منابع داده خارجی بوده و اطلاعات مورد نياز برای پردازش و يا نمايش را ارائه می نمايند .
• كنترل های navigation ، تسهيلات لازم به منظور حركت در يك سايت را در اختيار كاربر قرار می دهند .

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

• <LI dir=rtl>كنترل TextBox : كنترل فوق از جمله كنترل های سرويس دهنده ورودی است كه با استفاده از آنان می توان بخش رابط كاربر يك فرم وب را پياده سازی و اطلاعاتی را از كاربر دريافت نمود . RadioButton , RadioButtonList , CheckBox ,CheckBoxList , DropDownList و ListBox از ديگر كنترل های سرويس دهنده ورودی می باشند .
  <LI dir=rtl>كنترل label : كنترل فوق از جمله كنترل های سرويس دهنده خروجی است كه با استفاده از آن يك ناحيه بر روی صفحات وب ايجاد و می توان خروجی مورد نظر را در آن ناحيه درج نمود . Panel , Table و Image از ديگر كنترل های سرويس دهنده خروجی می باشند .
• كنترل Button : كنترل فوق از جمله كنترل های سرويس دهنده ای است كه با استفاده از آن می توان يك اسكريپت را فعال نمود . LinkButton ,ImageButton و ImageMap نمونه هائی ديگر در اين زمينه می باشند .

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

• <LI dir=rtl>سوئيچ به Design View
  <LI dir=rtl>فشردن كليد SHIFT+ENTER برای ايجاد فضای خالی ( در صورت لزوم چندين مرتبه )
• از طريق Toolbox و گروه استاندارد ، سه كنترل اشاره شده را انتخاب و آنان را بر روی صفحه قرار می دهيم.
  ( button ,Labels,TextBox )

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

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

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

• <LI dir=rtl>به 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 را مشاهده نمود.

[Travis]

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

• <LI dir=rtl>سوئيچ به 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 كد زير را خواهيم داشت :

<script runat="server">

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Label1.Text = TextBox1.Text & ", اولين صفحه ايجاد شده توسط ويژوال استوديو دات نت"

End Sub
</script>

زمانی كه در 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: شروع می شوند را مشاهده نخواهيم كرد.