شروع كار با ASP.NET 4 (2)

شرح مختصري درمورد Visual Web Developer
 

وقتي فرآيند نصب به پايان رسيد مدّتي صبر كنيد تا Visual Web Developer يك تست انجام دهد. براي اجراي Visual Web به منوي Developer برويد، Programs را انتخاب و بر روي Microsoft Visual Web Developer كليك كنيد. شكل(8) Visual Web Developer را بعد از بارگذاري نشان مي دهد.

وقتي Visual Web Developer را باز مي كنيد صفحه Start نشان داده مي شود. اين صفحه Start شامل ليستي از پروژه هاي اخير در سمت چپ و بخش Get Started در سمت راست است كه شامل لينك هايي براي اجراي عمليات عمومي است. همچنين يك برگه Latest News (جديدترين اخبار) در صفحه Start وجود دارد كه مطالب جديد توسعه‌دهندگان را از سايت مايكروسافت ليست مي كند.
در سمت چپ شما برگه هايي براي Toolbox, CSS Properties و پنجره هاي Manage Styles را مشاهده مي كنيد. شما مي توانيد با قرار دادن ماوس بر فراز هر يك از برگه ها آنها را توسعه دهيد. در اين مرحله اين سه پنجره خالي هستند اما وقتي شما درحال ايجاد يا ويرايش صفحه ASP.NET هستيد آنها گزينه هاي مختلفي را در برخواهند گرفت. به عنوان مثال Toolbox جايي است كه شما مجموعه وسيعي از كنترل هاي ASP.NET را كه مي توانيد به صفحه ASP.NET اضافه كنيد خواهيد ديد. پنجره هاي CSS Properties و Manage Styles براي تعريف و مشخص نمودن Style و تنظيمات ظاهري عناصر HTML و كنترل هاي وب در داخل يك صفحه وب مورد استفاده قرار مي گيرند.
در سمت راست صفحه، شما Solution Explorer را مي بينيد كه از صفحه Start خالي است اما وقتي يك سايت ASP.NET را بارگذاري يا ايجاد مي كنيد Solution Explorer فايل هاي سايت وب را ليست مي كند. اين فايل ها شامل فايل هاي بانك اطلاعاتي، صفحات ASP.NET، فايل هاي CSS، فايل هاي پيكره‌بندي و غيره هستند. Database Explorer، بانك هاي اطلاعاتي مرتبط با پروژه را ليست مي كند و عملكردهاي لازم براي ايجاد، ويرايش و حذف ساختار و محتواي اين بانك هاي اطلاعاتي را فراهم مي نمايد.

ايجاد يك سايت وب ASP.NET جديد
 

براي ايجاد و طراحي يك صفحه ASP.NET ما ابتدا بايد يك سايت ASP.NET بوجود آوريم. روش هاي متعددي براي ساخت يك سايت وب ASP.NET با استفاده از Visual Web Developer وجود دارد. شما مي توانيد به منوي File برويد و گزينه ‌New Web Site را انتخاب كنيد. يا بر روي آيكون در نوار ابزار كليك كنيد و يا بر روي لينك New Web Site در بالاي ستون Recent Projects صفحه Start كليك نمائيد.
همه اين روش ها باعث باز شدن جعبه محاوره اي New Web Site كه در شكل(9) نشان داده شده است مي شود. اجازه دهيد كمي تأمل كنيم و يك سايت وب جديد بسازيم. براي الآن، نگران تمام گزينه هاي در دسترس يا معني آنها نباشيد زيرا بعداً درمورد آنها صحبت خواهيم كرد. به طور پيش‌فرض، جعبه محاوره‌اي New Web Site بايد داراي Visual Basic به عنوان زبان برنامه‌نويسي انتخاب شده، ASP.Net Web Site به عنوان الگو و قالب انتخابي براي سايت، و گزينه File System (به شكل انتخاب شده) در ليست پائين‌افتادني Web Location باشد. قالب سايت وب را از ASP.NET Web Site به Empty Web Site تغيير دهيد. سپس مكان سايت وب را به گونه‌اي تغيير دهيد كه در پوشه‌اي به نام My First Web Site بر روي دسك‌ تاپ ايجاد شود. شما براي انتخاب پوشه مي توانيد نام آن را تايپ و يا بر روي دكمه Browse كليك كنيد.
پس از ايجاد يك سايت وب جديد، صفحه نمايش شما بايد شبيه به شكل(10) شده باشد.
مراقب باشيد! وقتي با استفاده از الگوي Empty Web Site يك سايت وب جديد ايجاد مي كنيد Visual Web Developer يك فايل پيكره‌بندي واحد به پروژه اضافه مي كند كه web.config نام دارد. استفاده از ساير قالب‌ها باعث مي‌شود تا Visual Web Developer پوشه ها و فايل هاي بيشتري به سايت وب جديد بيفزايد. به عنوان مثال اگر شما قالب ASP.NET Web Site را انتخاب كنيد سايت وب جديد شما دركنار فايل هايي مثل About.aspx, Default.aspx, Global.aspx و غيره، پوشه هايي به نام Account, App Data, Scripts و Styles خواهد داشت. اين فايل هاي اضافه شده درصورتي ‌كه شما ازقبل با ASP.NET آشنا باشيد مي توانند سودمند باشند اما هنگام فراگيري ASP.NET مي توانند آزاردهنده به نظر برسند. اگر به طور اتفاقي قالبي به غير از قالب Empty Web Site را انتخاب كرديد به منوي File برويد، New Web Site را انتخاب كنيد و با استفاده از قالب مناسب، يك سايت وب جديد ايجاد كنيد.

ايجاد يك صفحه ساده ASP.NET
 

وقتي براي بازديد از يك سايت وب مرورگر خود را اجراء مي‌كنيد مرورگر شما يك صفحه وب خاص را از سرور وب درخواست مي كند. در اين مرحله، سايت وب ما هنوز دربردارنده صفحات ASP.NET نيست يعني هيچ راهي براي بازديد از سايت وجود ندارد. اجازه دهيد يك صفحه ASP.NET را به سايت‌مان اضافه كنيم. در Solution Explorer بر روي نام سايت وب كليك راست كنيد و گزينه Add New Item menu ا انتخاب كنيد. اين كار باعث ظاهر شدن جعبه محاوره اي New Item كه در شكل(11) نمايش داده شده است مي شود. تنظيمات پيش‌فرض، يك صفحه ASP.NET جديد به نام Default.aspx را به پروژه اضافه مي كند. اطمينان حاصل كنيد كه زبان برنامه‌نويسي Visual Basic و Web Form item templates انتخاب شده باشند. همچنين مطمئن شويد كه نام اين فايل Default.aspx باشد و چك‌باكس Place code نيز انتخاب شده باشد؛ سپس بر روي دكمه Add كليك كنيد.
شكل(12)، Visual Web Developer را بعد از اينكه صفحه Default.aspx به سايت اضافه شده است نشان مي دهد. توجه داشته باشيد كه Default.aspx در Solution Explorer ليست شده باشد و محتواي آن در پنجره اصلي نمايش داده شود.

در اين لحظه Default.aspx فقط از HTML تشكيل شده است. همان‌گونه كه بعداً مشاهده خواهيم كرد صفحات مي توانند شامل كنترل هاي وب و كد منبع سمت سرور نيز باشند. صفحات ASP.NET نوعاً به دو فايل تقسيم مي شوند: يكي كه شامل نشانه‌گذاري HTML و سينتكس هاي كنترل وب است و ديگري كه شامل كد منبع است. اگر شما Default.aspx را در Solution Explorer توسعه دهيد، مشاهده خواهيد كرد كه فايل ديگري به نام Default.aspx.vb نيز وجود دارد.
اين، فايل كد منبع براي Default.aspx است.

سه نما يا Views وجود دارد كه ازطريق آن مي توانيد با عناصر HTML و كنترل هاي وب در صفحه ASP.NET كار كنيد. اولي Source View است كه نشانه‌گذاري HTML صفحه و سينتكس كنترل وب را نشان مي دهد. اين، نماي پيش‌ فرض و چيزي است كه در شكل(12) نمايش داده شده است. نماي دوم، Design View نام دارد كه يك آلترناتيو ساده‌تر براي مشخص كردن و نمايش محتواي صفحه به شمار مي رود. در Design View شما مي توانيد عناصر HTML و كنترل هاي وب را از Toolbox به داخل سطح طراحي بكشيد. شما نيازي به تايپ سينتكس‌هاي HTML يا كنترل‌هاي وب نداريد. نماي سوم، Split است كه صفحه را به دو نيم تقسيم مي كند و Source View را در بخش بالايي صفحه و Design Viewي مرتبط با آن را در بخش پائين نشان مي دهد. شما با استفاده از دكمه هاي Design, Source و Split كه در انتهاي پنجره اصلي قرار دارد يا با تايپ ازطريق صفحه‌كليد مي‌توانيد هركدام از اين نماها را انتخاب كنيد و هريك را به ديگري تغيير دهيد.

تست يك صفحه ASP.NET
 

براي مشاهده يا تست يك صفحه ASP.NET يك مرورگر بايد درخواستي براي آن صفحه وب را به سرور وب ارسال كند. اجازه دهيد Default.aspx را تست كنيم. قبل از اينكه اين كار را انجام دهيد اجازه دهيد مقداري محتوا به اين صفحه بيفزائيم زيرا درحال‌حاضر HTML صفحه‌اي را نشان نمي دهد. از نماي Source در صفحه Default.aspx، نشان‌گر ماوس را بين برچسب‌هاي <div> و <div/> قرار داده و متن زير را تايپ كنيد:
<hl>Hello, World!</hl>
اين كار، عبارت Hello, World را با يك فونت بزرگ نمايش مي دهد.
پس از ورود اين متن به Solution Explorer برويد، بر روي Default.aspx كليك راست كنيد و گزينه View in Browser را انتخاب كنيد. اين كار باعث اجراي ASP.NET Development Web Server ، راه‌اندازي مرورگر پيش‌فرض كامپيوتر شما و هدايت آن به http://localhost:portNumber/MyFirstWebsite/Default.aspx مي‌شود(شكل13). بخش portNumber در URL به درگاه انتخاب شده توسط ASP.NET Development Web Serverبستگي خواهد داشت.

اين صفحه ASP.NET خيلي هم جالب نيست زيرا محتواي آن ايستا است. هرچند نشان مي دهد كه براي نمايش محتواي يك صفحه وب ASP.NET شما بايد ASP.NET Development Web Server را اجراء و صفحه را ازطريق يك مرورگر درخواست كنيد.
منبع:نشريه بزرگراه رايانه- ش133