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



ساير




 

 

 

SAKHA RAVESH CO.

 ا مروز

 چهارشنبه  4  اسفند  1395  2017  Feb.  22   Wendesday ToDay
صفحه اصلی  مقالات نکته هادايره المعارف خودآموزها | تازه ها خود آزمون ها    
  نسخه قابل چاپ  

    5 4 3 2 1 

 عنوان

 نويسنده

  مشاهده

 تعداد آراء

 امتياز

 ايجاد يك وب سايت توسط ويژوال استوديو 2005 ( بخش دوم )

 مديريت وب

9764

10

4.2

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

 

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

ايجاد يك وب سايت توسط  ويژوال استوديو 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 )

استفاده از toolbox و افزودن كنترل به فرم وب

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

افزودن كنترل سرويس دهنده به يك فرم وب

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

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

تنظيم خصلت های كنترل button

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

IntelliSense

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

  • سوئيچ به  Design View

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

Skeleton event handler

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

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



جستجو

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


 

 

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



              

 

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