بخش کار با صفحات ASP.Net > راهکار شماره 1 : ایجاد یک
صفحه جدید ASP.Net در ویژوال استودیو
ایجاد یک صفحه جدید ASP.Net در ویژوال استودیو :
راهکار شماره 1 شما را با محیط کلی طراحی وب در نرم افزارهای Microsoft Visual Studio
2010 و Microsoft Visual Web Developer آشنا می سازد . در این راهکار شما نحوه ساخت
یک صفحه ساده ASP.Net را فرا گرفته و خواهید آموخت چگونه کنترل ها و کدهای مورد نظر
خود را به یک صفحه جدید ASP.Net اضافه نمایید .
کارهای ارائه شده در این راهکار عبارتند از :
- ایجاد یک پروژه جدید وب سایت ASP.Net و اضافه کردن فایل های آن .
- آشنایی با محیط نرم افزار ویژوال استودیو .
- ایجاد یک صفحه جدید ASP.Net .
- اضافه کردن کنترل های مورد نظر خود به صفحه .
- اضافه کردن مدیریت کننده رویدادها و کدهای مورد نظر به صفحه .
- اجرا و آزمایش خروجی صفحاتی که طراحی کرده اید توسط موتور سرور مجازی ASP.Net که به
صورت پیش فرض در نرم افزار ویژوال استودیو تعبیه شده است .
پیش نیازها :
برای انجام این راهکار شما به پیش نیازها و نرم افزارهای زیر نیاز دارید :
- برای طراحی صفحات ASP.Net بایستی یکی از نرم افزارهای Microsoft Visual Studio یا Microsoft
Visual Web Developer بر روی سیستم شما نصب شده باشند .
- چهارچوب کاری NET Framework. ، که همزمان با نصب ویژوال استودیو بر روی سیستم شما نصب
خواهد شد .
ساخت یک پروژه وب سایت ASP.Net و اضافه کردن صفحات جدید به آن :
در این مرحله از راهکار شما بایستی یک پروژه وب سایت جدید را ایجاد کرده و یک صفحه
را به آن اضافه نمایید . سپس کدهای مورد نظر HTML و ASP.Net خود را به صفحه اضافه کرده
و آن را در مرورگر اجرا کنید .
در این راهکار ما پروژه وب سایت ASP.Net خود را با استفاده از حالت File system web
site project ایجاد می کنیم . در این حالت نیازی به کار با سیستم IIS ویندوز نداریم
، به جای آن صفحات سایت بر روی فایل سیستم ویندوز ساخته شده و اجرا می شوند . بنابراین
شما نیاز به انجام تنظیمات اضافه نداشته و به راحتی می توانید سایت خود را در ویژوال
استودیو اجرا نمایید .
فایل سیستم ویندوز ( File System ) صفحات و سایر فایل های سایت شما را در یک پوشه Folder
در مکانی دلخواه شما بر روی کامپیوترتان ذخیره می کند . راه های دیگری برای نگهداری
فایل های پروژه وب سایت ASP.Net نیز وجود دارد که در لیست زیر به معرفی آنها می پردازیم
:
- local web site project : در این حالت صفحات و فایل های پروژه
وب سایت در یک فولدر اصلی در پروژه IIS ویندوز قرار گرفته ( معمولا inetup\wwwroot\
) و توسط سرور IIS ویندوز اجرا می شوند .
- FTP site project : در این حالت فایل ها و صفحات پروژه وب سایت
بر روی یک سرور راه دور قرار گرفته و از طریق پروتکل ( FTP : File Transfer Protocol
) می توانید به آنها دسترسی داشته و فایل ها را آپلود و دانلود کنید .
- remote IIS web site project : در این حالت فایل ها و صفحات
پروژه وب سایت شما بر روی یک سرور دیگر قرار گرفته و شما از طریق یک شبکه محلی ( local
network ) به سایت و فایل های آن دسترسی دارید .
- web application project : این روش بسیار شبیه روش file system
web site project می باشد ، با این تفاوت که قبل از اجرا و ارسال سایت خود ، بایستی
پروژه خود را در قالب یک فایل dll کامپایل کنید .
نحوه ساخت یک وب سایت file system :
برای ایجاد و ساخت یک وب سایت جدید ASP.Net بر مبنای فایل سیستم ویندوز ، مراحل زیر
را به ترتیب انجام دهید :
- برنامه Microsoft Visual Studio یا Microsoft Visual Web Developer را برای کار با
سایت ASP.Net خود باز کنید .
- از منوی File برنامه ، گزینه New Web Site را انتخاب نمایید .
پنجره New Web Site مطابق تصویر زیر برای شما نمایش داده می شود :
- از قسمت Installed Templates زبان مورد نظر خود برای طراحی و برنامه نویسی سایت را
که می تواند VB یا #C باشد را انتخاب نمایید .
سپس از کادر وسط پنجره گزینه ASP.NET web site که به صورت پیش فرض انتخاب شده است را
انتخاب نمایید . انتخاب این گزینه باعث ایجاد وب سایت ASP.Net جدید با یک Template
معمولی ، شامل فایل های اصلی و مهم یک سایت ASP.Net می شود .
اگر گزینه دوم یعنی ASP.NET Empty Web Site را انتخاب نمایید ، یک پروژه وب سایت ASP.Net
کاملا خالی و بدون هیچ فایل آماده ای ایجاد می شود .
- از منوی web location ، گزینه File System را انتخاب نمایید . انتخاب این گزینه باعث
می شود تا فایل های پروژه سایت ASP.Net شما بر روی یک پوشه در فایل سیستم ویندوز ایجاد
شود .
در کادر مقایل منوی web location آدرس پوشه یا محلی که می خواهید سایت خود را در آن
ذخیره نمایید را تعیین کنید . نمایید را تعیین کنید .
- بر روی گزینه OK کلیک نمایید .
بر حسب گزینه ای که از کادر وسط پنجره New Web Site انتخاب کرده اید ، برنامه ویژوال
استودیو پروژه سایت ASP.Net جدید را با فایل های لازم برای شما ایجاد می کند .
پس از این مراحل ، نوبت آن است که به طراحی و گسترش سایت خود بپردازید .
نگاهی سریع و کلی به محیط کار نرم افزار ویژوال استودیو :
قبل از اینکه به ادامه طراحی و توسعه صفحات در وب سایت ASP.Net خود بپردازید ، ، قصد
داریم تا شما را با محیط کلی کار در نرم افزار ویژوال استودیو آشنا سازیم . این بخش
به شما ابزارها و پنجره های مهم و اصلی کار در محیط ویژوال استودیو را نشان خواهد داد
.
تصویر زیر محیط کلی کار با نرم افزار ویژوال استودیو را در حالت پیش فرض نشان می دهد
. پنجره ها و ابزارهای عکس زیر به صورت پیش فرض در نرم افزار ویژوال استودیو نمایش
داده می شوند ، اما شما می توانید از منوی View ابزارها و پنجره های دیگری را نیز به
برنامه اضافه کرده و یا ابزارهای موجود را پنهان سازید .
آشنایی با منوها و ابزارهای پیش فرض در ویژوال استودیو :
در این بخش به معرفی و تشریح کار منوها و ابزارهای پیش فرض که در نرم افزار ویژوال
استودیو برای کار با صفحات ASP.Net قرار دارند ، می پردازیم . توجه کنید که این منوها
و ابزارها همه ی ابزارهای موجود در ویژوال استودیو نیستند .
- منوی Toolbars : این منوها ابزارهایی برای کار با متن ها و
ویرایش آنها را در اختیار شما قرار می دهد . برخی از ابزارهای این منو فقط در زمانی
که صفحه در حالت Design است ، فعال هستند .
- پنجره Solution Explorer : این پنجره فایل ها و پوشه ای موجود
در وی سایت را نمایش داده و از اینجا می توانید به آنها دسترسی داشته باشید .
- پنجره Document : این پنجره صفحه ها و فایل هایی که در حال
کار با آنها هستید را در یک حالت Tabbed نمایش می دهد . شما می توانید با کلیک بر روی
Tab هر سند ، بین آنها حرکت نمایید .
- منوی Properties : از طریق این پنجره می توانید به خواص شی
که در آن لحظه انتخاب کرده اید مثل صفحه ، المنت های HTML و یا کنترل های ASP.Net دسترسی
داشته و آنها را ویرایش نمایید .
- قسمت View Tabs : در قسمت پایین نرم افزار ویژوال استودیو نواری
وجود دارد که دارای 3 گزینه Split ، Source و Design است . از طریق این نوار می توانید
صفحه ASP.Net خود را در 3 حالت مختلف مشاهده نمایید :
- Design : در این حالت صفحه در نمای طراحی به شما نمایش داده
می شود و می توانید اجزا و کنترل های صفحه را مشاهده نمایید .
- Source : در حالت Source کد HTML صفحه نمایش داده می شود و
می توانید مستقیما این کدها را مشاهده و ویرایش نمایید .
- Split : در حالت Split ، صفحه به دو بخش تقسیم شده که در قسمت
بالا نمای طراحی و در قسمت پایین نمای کد صفحه به صورت همزمان نمایش داده می شود .
- منوی ToolBox : در این منو انواع کنترل های ASP.Net و المنت
های HTML بر حسب کارکرد ، در دسته های مختلفی تقسیم تقسیم بندی
شده اند و شما می توانید هر کنترل مورد نظر خود را انتخاب کرده و بر روی صفحه قرار
دهید .
- پنجره Server Explorer : این پنجره Data Connections و پایگاه
داده های موجود بر روی سرور کامپیوتر شما را نمایش می دهد . از این پنجره می توانید
به بانک های اطلاعاتی SQL Server دسترسی داشته و آنها را ایجاد یا ویرایش نمایید .
ایجاد یک صفحه جدید ASP.Net :
هنگامی که یک پروژه جدید ASP.Net می سازید ، ویژوال استودیو چندین فایل را به صورت
آماده در پروژه شما قرار می دهد . یکی از این فایل ها ، فایل Default.aspx است که از
آن می توانید برای صفحه خانه پروژه استفاده نمایید . همچنین در صورت نیاز می توانید
به تعداد مورد نظر صفحات جدید ASP.Net را به وب سایت خود اصافه نمایید .
برای اضافه کردن یک صفحه ASP.Net به پروژه خود ، مراحل زیر را به ترتیب انجام دهید
:
- در پنجره Solution Explorer ، بر روی نام وب سایت خود کلیک سمت راست کرده و از منوی
باز شده گزینه Add New Item را انتخاب کنید .
- کادر پنجره ای ، مطابق تصویر زیر باز می شود :
- از قسمت Installed Templates ، زبان مورد نظر خود برای کدنویسی صفحه که VB یا #C است
را انتخاب کنید .
سپس از قسمت وسط پنجره گزینه Web Form را انتخاب نمایید .
نکته : هنگامی که شما یک پروژه وب سایت جدید ASP.Net را ایجاد می
کنید ، زبان #C یا VB به عنوان زبان پیش فرض سایت انتخاب می شود . هر بار که بخواهید
صفحه جدیدی را به سایت اضافه نمایید ، زبان آن زبان پیش فرض سایت خواهد بود .
ولی می توانید برای هر صفحه زبانی متفاوت از زبان پیش فرض سایت نیز انتخاب کنید . برای
مثال اگر زبان پیش فرض سایت #C است ، می توانید زبان VB را برای صفحه های جدید نیز
انتخاب کنید .
- در قسمت Name ، نام مورد نظر را برای صفحه تعیین نمایید .
- دو عدد کادر انتخابی در پایین منو سمت راست وجود دارد .
گزینه اول Place code in separate file می باشد . اگر آن را علامت بزنید ، یک فایل
کد به همراه صفحه ساخته می شود تا کدهای برنامه نویسی را در داخل آن قرار دهید . اما
اگر علامت آن را بردارید ، صفحه به صورت تک فایل ساخته شده و فایل کد جداگانه برای
آن ایجاد نمی شود . برای دریافت اطلاعات بیشتر درباره انواع حالات کدنویسی در صفحات
ASP.Net به بخش بررسی مدل های کد نویسی در صفحات ASP.NET
بروید .
در این راهکار ، برای ادامه کار علامت هر دو گزینه را بردارید .
- در پایان بر روی گزینه Add کلیک نمایید . برنامه صفحه جدید را ساخته و به پروژه شما
اضافه می کند .
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نطر خودتان درباره این صفحه را با ما در میان گذاشته و در صورت تمایل از Developer1
حمایت نمایید :