شروع کاربا asp.net
یادگیری Asp.NET را از کجا و چگونه شروع کنیم؟
اکنون باید زبان برنامه نویسی خود را انتخاب کرده باشید که ما زبان c#را برگزیده ایم، در اینجا چند مبحث زیر را ارائه خواهم کرد :
- نصب و راه اندازی Visual Studio.NET
- آشنایی با محیط نرم افزار
- اشنایی با نحوه کار AspNET
- نکات کلی
برای شروع کافیست یکی از نسخه های Visual Studio.NET را تهیه کنید
نصب نرم افزار Visual Studio یا VS توضیح خاصی ندارد ، مانند همه نرم افزار ها خیلی ساده با چند مرحله Next زدن نصب می شود ، پس از پایان نصب نرم افزار را اجرا نمایید .
وقتی برای بار اول نرم افزار اجرا شود سوالی مبنی بر تنظیمات محیط از شما پرسیده می شود ، پیشنهاد می کنم شما گزینه Web Development را انتخاب نمایید .
برای ایجاد یک پروژه وب جدید وارد منوی File > New Website شوید ، در این پنجره تنظیمات وب سایت جدید شما قرار دارد ، دو گزینه مهم در این قسمت Location و Language می باشد ، شما برای Location سه انتخاب دارید :
- File System : در این حالت بدون نیاز به نصب IIS میتوانید پروژه وب خود را در آدرس فیزیکی هارد دیسک ایجاد کنید
- Http : فقط در حالتی که IIS نصب شده است کاربرد دارد .
- Ftp : از این گزینه برای ایجاد یک وب سایت به از طریق پروتوکل FTP در یک سرور دیگر استفاده می شود که کاربرد زیادی ندارد .
همچنین یک لیست بازشو برای انتخاب ورژن Dotnet Framework نیز قرار داده شده است ، پیشنهاد می کنم حتی المقدور با آخرین ورژن آن کار کنید .
سپس Language خود را طبق زبانی که انتخاب کرده اید برگزینید و پروژه را ایجاد کنید .
به صورت پیشفرض یک صفحه وب به نام Default.aspx به پروژه شما اضافه خواهد شد ، در مورد این صفحه در ادامه بیشتر صحبت خواهیم کرد .
اکنون یک پروژه وب جدید در اختیار داریم ، بهتر است کمی با پنجره های این نرم افزار آشنا شویم :
نرم افزار VS.NET داری 4 پنجره بسیار مهم می باشد :
- پنجره Solution Explorer : برای نمایش این پنجره مسیر View > Solution Explorer را انتخاب کنید . این پنجره وظیفه نمایش تمامی فایل های پروژه شما را بر عهده دارد ، از طریق این پنجره شما قادر خواهید بود صفحات مختلف را باز کرده ، ویرایش و مدیریت نمایید . همانطور که در تصویر زیر ملاحظه می کنید این پنجره در سمت راست بالای تصویر قرار گرفته است .
- پنجره ToolBox : برای نمایش مسیر View > Toolbox را بمیپایید ، در این پنجره تمامی ابزار لازم جهت طراحی فرم ها در اختیار شما قرار داده می شود ، همانطور که در تصویر ملاحظه می کنید این پنجره در سمت چپ تصویر قرار دارد .
- پنجره Properties : برای ظاهر کردن این پنجره View > Properties Window را انتخاب نمایید ، این پنجره تمامی خواص و رویداد های یک شی را نمایش می دهد ، در مورد خواص و رودیداد در قسمتهای بعدی به تفصیل صحبت خواهد شد ، همانطور که ملاحظه می کنید این پنجره در سمت راست پایین صفحه قرار گرفته است .
- پنجره اصلی : این پنجره که در تصویر در وسط صفحه قرار گرفته است شامل بخش های اساسی جهت طراحی و کد نویسی می باشد ، همانطور که مشاهده می کنید در بالای این پنجره صفحات مختلف شما به صورت Tab در کنار هم قرار گرفته اند که شما به راحتی میتوانید آنها را انتخاب نمایید ، در قسمت پایین این پنجره 3 گزینه وجود دارد :
- Design : با انتخاب این گزینه یک صفحه سفید در اختیار شما قرار داده خواهد شد ، شما میتوانید از منوی ابزار، اشیا مورد نظر را داخل این فضا Drag نمایید . همچنین میتوانید از منوی Table که در بالای نرم افزار VS.NET قرار گرفته جداول مختلفی در این فضا ایجاد نمایید .
- Source : هر چیزی که شما در بخش Design به صفحه اضافه نمایید یک کد معادل خواهد داشت که در این بخش نمایش داده می شود ، این صفحه بر اساس و پایه HTML طرح ریزی می شود بنابراین یادگیری HTML در فهم این کدها و به تبع آن طراحی بهتر شما کمک خواهد کرد .
- Split : این صفحه همانطور که از نامش پیداست ترکیبی از دو نحوه نمایش فوق را به نمایش می گذارد .
نکته ای در مورد این پنجره ها :
- پنجره ها خاصیتی برای Auto hide شدن دارند که در قسمت فوقانی هر پنجره با شکل قرار گرفته است، که فضا را برای کد نویسی باز تر خواهد کرد .
همانطور که ملاحظه کردید به صورت پیشفرض یک صفحه به نام Default.aspx به پروژه شما اضافه شد که میتوانید آن را از طریق Solution Explorer باز نمایید ، لازم به ذکر است که صفحات وب در Asp.NET با پسوند aspx شناخته می شوند ، برای اضافه کردن یک صفحه جدید به پروژه روی نام صفحه وب در Solution Explorer کلیک راست کرده و سپس گزینه Add New Item را انتخاب کنید(و یا وارد منوی Website شده و گزینه Add New Item را برگزینید )، در پنجره باز شده لیستی از تمام آیتم هایی که شما قارد هستید به پروژه اضافه کنید نمایش داده می شود ، از بین این آیتم ها گزینه اول یعنی Web Form را انتخاب کرده در فیلد Name یک نام لخواه مثلاpage.aspx برای این صفحه انتخاب کنید ، از لیست Language زبان مورد نظر را انتخاب کرده و حتما تیک Place Code In Seperate File را علامت دار کنید ، این کار باعث میشود که صفحه طراحی شما از صفحه کد نویسی شما جدا شود . در مورد گزینه Select Master Page هم بعدا صبحت خواهد شد .
پس از تایید ، صفحه جدید به پروژه اضافه شده و به صورت پیشفرض در حالت Source در پنجره اصلی گشوده می شود ، با کلیک بر روی گزینه Design به حالت طراحی وارد شوید ، اکنون میخواهیم یک فرم ساده ایجاد کنیم و چند خط کد نویسی خیلی ساده انجام دهیم .
بدین منظور از پنجره Toolbox و از بخش Standard ابزار Textbox را پیدا کرده و آن را در صفحه اصلی Drag نمایید (همچنین با Double Click کردن بر روی هر کدام از آیتم ها نیز ابزار مورد نظر به صفحه اضافه می شود) ، سپس یک Button هم به همین صورت به صفحه اضافه نمایید .
هر یک از این ابزار که شما داخل صفحه انداختید از این پس یک شی محسوب می شود ، شما میتوانید خواص مختلف هر یک از این اشیا را تغییر دهید ، برای این کار روی شی مورد نظر (مثلا Button که در صفحه قرار داده اید) کلیک کنید تا انتخاب شود ،سپس در پنجره Propertiesخواص انرا بررسی و تغییر دهید (ویا روی شی مورد نظر کلیک راست کرده و گزینه Properties را برگزینید) :
همانطور که ملاحظه می کنید خواص این Button در پنجره Properties نمایش داده خواهد شد ،هر شی خواص مختص به خود را داشته و برخی خواص مانند BackColor و... در بین همه اشیا مشترک هست ، این خواص به چند دسته مختلف تعیین شده است ، خواص ظاهری ، خواص که مربوط به رفتار شی است و... برخی از خواص مهم تر بوده و کاربرد بیشتری دارد ، مانند خاصیت Text و خاصیت ID ، خاصیت Text متن نوشته شی را مشخص می کند و خاصیت ID شناسه شی است و نمیتواند تکراری باشد .
نکته : از آنجایی که خاصیت ID شناسه هر شی می باشد و ما در کد نویسی اشیا را با ID پیدا می کنیم ، همیشه سعی کنید خاصیت ID تمام اشیا روی صفحه را تغییر دهید ، مثلا اگر یک Textbox برای دریافت ایمیل کاربر قرار دادید ID آن را txtEmail بگذارید ، اگر یک Label برای نمایش نام کاربر قرار دادید ID آن را lblName قرار دهید و اگر یک Button برای تایید فرم گذاشتید ID آن را btnSubmit قرار دهید .
منبع: http://tajiki-m.blogfa.com