زمان کنونی: 1395-12-05, 03:05 ق.ظ
خوش آمدید، مهمان! (ورودثبت نام)

ارسال پاسخ 
 
امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
اشتراک موضوع در Digg delsios Reddit Facebook Twitter StumbleUpon
آموزش: شروع کار در ASP.Net (مقدماتی)
نویسنده پیام
********
مدیر ارشد
مدیر ارشد سایت
وضعيت : آفلاین
ارسال ها:305
تاریخ ثبت نام:خرداد 1392
اعتبار: 10
سن: 25
ساکن: بوشهر
حالت من: شاد
سپاس ها: 1001
سپاس شده 1346 بار در 314 ارسال

ارسال: #1
آموزش: شروع کار در ASP.Net (مقدماتی)
سلام

قبل از اینکه بخوایم وارد کار در ASP.Net  و آموزشش بشیم ، لازمه که کسانی که در مرحله مقدماتی هستند رو با محیط این زبان و نرم افزار Visual Studio  آشنا کنیم.
با توجه به اینکه این تاپیک ویژه افراد تازه کار هست، کسانی که حرفه ای هستن این تاپیک رو هر چه سریعتر ترک کنند.  16

توضیحات اولیه :
اول اینکه ASP.NET  چی هست و چه کاربردی داره و چجوری کار می کنه و.....
نمی خوام تاریخچه ASP یا یک سری مطالب تئوری غیر کاربردی رو بگم ، خیلی خلاصه و واضح توضیح میدم و سعی می کنم از اصطلاحات تخصصی استفاده نکنم و همینطور به طور عامیانه توضیح میدم.
ASP.net  ویرایش جدیدتر زبان برنامه نویسی ASP  هست .

ASP.Net برای تولید صفحات وب سایتهای پویا یا ایستا استفاده میشه.
       صفحات ایستا (Static) : صفحاتی که هر گونه عملیاتی در اون ( حذف،ویرایش ، اضافه ) فقط از طریق کد نویسی و ویرایش کد اون صفحه امکان پذیر هست.
       صفحات پویا (Dynamic) : صفحاتی که عملیاتی مانند ویرایش ، حذف و یا اضافه را می توان بدون تغییری در کد صفحه و بدون اینکه از کد نویسی چیزی بدونید ، تنها با چند کلیک از طریق کنترل پنل اون سایت ، این عملیات رو بر روی اون صفحه انجام بدید.

یک صفحه ASP از 2 فایل تشکیل شده:
         Name.ASPX : این فایل ظاهر صفحه رو با استفاده از تگ های HTML و CSS به ما نمایش میده و کاربران و بازدیدکنندگان سایت این فایل رو موقع باز کردن سایت میبینند.پسوند این فایلها ASPX هست.
         NAme.ASPX.CS : این فایل تنها برنامه نویس سایت می تونه توی محیط ویژوال استدیو ببینتش، که محتوای اون کدهای سی شارپ هستند . (البته برنامه نویس می تونه به جای سی شارپ از ویژوال بیسیک هم استفاده کنه) این فایل بهش میگن "محیط تحت کد"  یا Code Behind .این فایل به فایل اول (ASPX) میگه که مثلا اگه فلان دکمه فشرده شد چه کاری رو انجام بده یا چه چیزی رو نمایش بده یا ....
پسوند این فایلهای ASPX.CS.  هست که کاربران و بازدید کنندگان سایت مستقیما بهش دسترسی ندارند و فقط در اختیار برنامه نویس سایت هست.
تصویر این دو فایل همراه با کمی توضیح :
   
نتیجه : در ASP.NET   کد ظاهر صفحه از کد عملیات ( ویرایش ، حذف ، اضافه ) در صفحه جدا هستند . ( البته با روشهایی میشه هر دو این نوع کد را در فایل ASPX ) قرار داد که اصلا توصیه نمیشه و در اینجا هم توضیحی داده نمیشه.

در پروژه ASP.net  وب سایتتون از حداقل یک صفحه ASP  تشکیل شده که ، انواع فایل هایی دیگر که توسط ویژوال استدیو پشتیبانی میشن هم می تونید به پروزه اضافه و استفاده کنید.مثل فایلهای CSS ، تصاویر ، فایلهای دیتابیسSQL و.....

نکته آخر تو این پست :
وقتی توی ویژوال استدیو یک پروزه میسازید و اون رو ذخیره می کنید . این پروژه یک فایل سلوشن (solution) داره که با باز کردن این فایل ، کل فایلهایی که در پروژه تون اضافه کردید هم باز میشن و می تونید ادامه پروژه رو بنویسید و یا اجرا کنید.... پسوند این فایلهای هم sln.  هست و نام این فایل هم دقیقا همان نامی هست که وقع ساخت پروژه جدید براش انتخاب کردید.
پس بعد از ساختن پروژه جدید و ذخیره کردنش.  اگه خواستید دفعه بعد همین پروژه رو باز کنید و ادامه بدید ، یک راهش اینه که فایل solution پروژه رو باز کنید .
اینم بگم که به طور پیشفرض وقتی یک پروژه ایجاد میکنید و ذخیره می کنید ، فایلهای این پروژه در مسیر : Documents\Visual Studio 2010\Projects قرار میگیرند.

راه دیگه برای باز کردن پروژه ای  که قبلا ایجاد کردید و ذخیره کردید و اخیرا هم بازش کردید اینه که : ویژوال استدیو رو باز کنید ، سمت چپ (مانند تصویر زیر) لیست آخرین پروژه هایی که باز کردید رو میبینید که با کلیک روی هر کدوم ، می تونید بازشون کنید.
   

اگه اشتباه تایپی داشتم عذر خواهی می کنم.
این تاپیک و آموزش ادامه دارد.....

کپی برداری : فقط با ذکر لینک و نام بوشهرتیم مجاز هست.
در صورت استفاده و مطالعه این آموزش ، دکمه تشکر در پایین همین پست را کلیک کنید. (جهت افزایش محبوبیت آموزش )
با سپاس.















پیروزی آن نیست که هرگز زمین نخوری، آنست که بعد از هر زمین خوردنی برخیزی.(مهاتما گاندی)
انجمن تخصصی برنامه نویسی و نرم افزار بوشهرتــیــــــــم
(آخرین ویرایش در 1392-05-23 02:00 ق.ظ توسط: Reza.Heydari. دلیل ویرایش : )
1392-05-23 01:55 ق.ظ
مشاهده سایت این کاربر یافتن همه ی ارسالهای این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط Ehsan.Teimouri ، ssarina ، omrani.meysam63 ، milad ، sentak ، ali.niknejad ، bita6642 ، sani0111 ، nahid
********
مدیر ارشد
مدیر ارشد سایت
وضعيت : آفلاین
ارسال ها:305
تاریخ ثبت نام:خرداد 1392
اعتبار: 10
سن: 25
ساکن: بوشهر
حالت من: شاد
سپاس ها: 1001
سپاس شده 1346 بار در 314 ارسال

ارسال: #2
RE: آموزش: شروع کار در ASP.Net (مقدماتی)
ایجاد یک پروژه ساده در ASP.NET
این پست رو اختصاص میدیم به ایجاد یک پروژه بسیار ساده در ASP.net  تا کسانی که تازه وارد هستند با محیط این زبان و ویژوال استدیو آشنا شن.


بعد از اینکه ویژوال استدیو رو باز کردید ، در سمت چپ نرم افزار ، گزینه New Project  رو بزنید (تصویر زیر):

[تصویر: do.php?imgf=137655926706121.gif]


در پنجره ای که باز شده ، مثل تصویر زیر گزینه ها رو به ترتیب انتخاب کنید و در آخر دکمه Ok  رو بزنید تا پروژه شما ایجاد شه.

[تصویر: do.php?imgf=137655937643471.gif]
بعد از اینکه پروژه رو ایجاد کردید وارد محیط نرم افزار ویژوال استدیو میشید که هیچ فایل Asp  در اون وجود نداره ( تصویر زیر):


[تصویر: do.php?imgf=137655926722943.gif]

قبل از اینکه ادامه پروژه رو انجام بدیم و فایل ASPX اضافه کنیم ، لازم هست قسمت هایی از  محیط ویژوال استدیو رو توضیح بدم.

Solution Explorer
سلوشن اکسپلورر یا به فارسی "جستجوگر راه حل"  یکی از پنجره های ویژوال استدیو هست که پیشفرض در قسمت سمت راست و بالای صفحه قرار دارد.
این پنجره شامل تمامی فایلهایی است که به پروژه اضافه کرده اید و همینطور فایلهایی که برای اجرای یک پروژه ASP لازم هست به طور پیشفرض در این پنجره قرار دارند. ( تصویر زیر)

[تصویر: do.php?imgf=13765592671732.gif]

کادر قرمز رنگ : فایلهایی که به پروژه اضافه می کنید در این قسمت قرار می گیرند مانند فایلهای ASP , تصاویر ، فایل های دیتابیس ، فایلهای ارتباط با دیتابیس ، کلاس ها و ...
کادر سبز رنگ : نام و محیط پروژه شما را تعیین می کند. با راست کلیک روی این قسمت و گزینه ADD > NEW Item  می تونید فایلهای جدیدی رو به پروژه خودتون اضافه کنید . و یا ADD>Existing Item  می تونید فایلهایی که در کامپیوتر شما موجود هست رو به پروژه خود اضافه کنید .که قبل از این کار بهتر است ابتدا فایل مورد نظرتون رو در پوشه پروژه خود کپی کنید و بعد این عملیات رو انجام بدید.
کادر آبی رنگ : نام فایل و محیط عملیاتی ( محیط سلوشن یا راه حل ) پروژه های شما را تعیین می کند . می توانید در یک محیط عملیاتی یک یا چند پروژه داشته باشید . به عنوان مثال می توانید رو این قسمت راست کلیک و گزینه ADD  و بعد new Project  یا Existing PRoject  را بزنید تا پروژه جدیدی در کنار پروژه فعلی اضافه شود.
کادر مشکی : این قسمت شامل دکمه هایی هست که این دکمه ها و نوع این دکمه ها بستگی به این دارد که در قسمت سلوشن اکسپلورر کدام گزینه را انتخاب کرده باشید و نسبت به آن این دکمه ها تغییر می کنند.

فرض ما بر این هست که شما کادر سبز رنگ یعنی نام پروژه را انتخاب کرده باشید .  به ترتیب از سمت چپ این دکمه ها عبارتند از :
Properties : با فشردن این دکمه ، خصوصیات و ویژگیهای پروژه و یا فایلی که انتخاب کرده اید را دز زیر سلوشن اکسپلورر می توانید مشاهده کنید.
Show All Files: این دکمه تمام فایلهایی که در پوشه پروژه (Documents\Visual Studio 2010\Projects\test) قرار دارند ( چه آنهایی که به پروژه خود اضافه کرده اید چه آنهایی که اضافه نکردید ) را در قسمت سلوشن اکسپلورر نمایش می دهد.
Refresh : خوب واضح هست ، فایل های سلوشن اکسپلورر را  تازه سازی می کند ، به این معنی که اگر فایلی حذف یا اضافه یا تغییری درش ایجاد شده باشه را در قسمت سلوشن اکسپلورر تازه سازی می کند.
View Class Diagram: این دکمه محیط نمودارو همینطور کلاس های که در پروژه ساخته اید را نمایش می دهد .
ASP.Net Configuration : این گزینه محیط تنظیمات پروژه ASP شما را نمایش می دهد که بعدا در صورت نیاز توضیح میدم .

پنجره Properties یا خواص
این پنجره که در سمت راست و پایین نزم افزار ویژوال استدیو قرار دارد ، خصوصیات و خواص و همینطور رویدادها(Event)  شی ای که انتخاب کرده اید را نمایش می دهدو از این قسمت می توانید خصوصیات شی مورد نظرتون رو مشاهده و یا تغییر بدید و همینطور رویداد مورد نظرتون رو باز کنید .تصویر زیر:


[تصویر: do.php?imgf=137655956893911.jpg]

رویداد یا Event  رو کمی جلوتر توضیح میدم تا بهتر متوجه بشید.

و قسمت آخر در این پست : تصویر زیر گویا هست و احتیاجی به توضیح نیست.
قسمت های مهم رو در تصویر زیر معرفی کردیم :


[تصویر: do.php?imgf=137655937657722.gif]

در صورت هر گونه سئوال می تونید در بخش ASP.Net تاپیک جدید ایجاد کنید و سئوال خود را مطرح کنید.
در پست بعد نحوه ایجاد یک فایل Asp  و ایجاد یک فرم ساده در آن ،آموزش داده خواهد شد..

این آموزش ادامه دارد....















پیروزی آن نیست که هرگز زمین نخوری، آنست که بعد از هر زمین خوردنی برخیزی.(مهاتما گاندی)
انجمن تخصصی برنامه نویسی و نرم افزار بوشهرتــیــــــــم
(آخرین ویرایش در 1392-05-24 02:14 ب.ظ توسط: Reza.Heydari. دلیل ویرایش : )
1392-05-24 02:12 ب.ظ
مشاهده سایت این کاربر یافتن همه ی ارسالهای این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط omrani.meysam63 ، Ehsan.Teimouri ، sentak ، ali.niknejad ، sani0111 ، nahid
********
مدیر ارشد
مدیر ارشد سایت
وضعيت : آفلاین
ارسال ها:305
تاریخ ثبت نام:خرداد 1392
اعتبار: 10
سن: 25
ساکن: بوشهر
حالت من: شاد
سپاس ها: 1001
سپاس شده 1346 بار در 314 ارسال

ارسال: #3
RE: آموزش: شروع کار در ASP.Net (مقدماتی)
تصویری: اضافه کردن یک فایل aspx به پروژه + توضیحات لازم

نحوه اضافه کردن یک فایل ASPX  به پروژه ( مراحل زیر رو دنبال کنید) :

[تصویر: do.php?imgf=1377893987311.gif]

[تصویر: do.php?imgf=1377893987332.gif]

بعد از انجام مراحل بالا ، فایل جدید با همان نامی که انتخاب کرده بودید در قسمت Solution Explorer  اضافه میشه :

[تصویر: do.php?imgf=1377893987343.gif]


که اگر اون فلش کوچیک کنارش رو کلیک کنید  2 فایل که در زیر شاخه فایل اصلی قرار دارند ، نمایش داده میشه :

[تصویر: do.php?imgf=1377893987354.gif]


فایل webform1.aspx : این فایل اصلی صفحه شما هست که شامل اجزا و کنترل ها و در واقع ظاهر صفحه شما هست که دربرگیرنده کدهای html  و asp  می شود.
فایل webform1.aspx.cs: این فایل نیز شامل کدهای سی شارپی هست که این کدها مثل این میمونه که به فایل Aspx  دستور میده که چه کاری رو انجام بده . به عنوان مثال شما یک کنترل button (دکمه) در فایل webform1.aspx میزارید و در فایل webform1.aspx.cs  با استفاده از کدهای سی شارپ ، تعریف می کنید که زمانی که روی اون دکمه کلیک شد ، چه کاری انجام داده شه.  به این فایل ، فایل تحت کد (Code Behind) گفته می شود.
فایل webform1.aspx.designer.cs: این فایل تنها فایلی هست که شما هیچ کاری با اون ندارین ، این فایل جهت ارتباط فایل اصلی یعنی aspx  با فایل تحت کد (Code Behind) ساخته شده و همچنین کنترل های استفاده شده در فایل اصلی را معرفی می کند.البته اطلاعات دیگری نیز در این فایل ذخیره می شوند که لازم به توضیح نیست.


روی فایل webform1.aspx دو بار کلیک کنید تا محتوای این فایل را مثل تصویر زیر ببینید:
تصویر زیر معرف قسمت های مهم این صفحه هست.


[تصویر: do.php?imgf=1377893987365.gif]


همچنین اگه روی فایل webform1.aspx.cs  دو بار کلیک کنید وارد محیط تحت کد صفحه مورد نظرتون میشید:

[تصویر: do.php?imgf=1377893987376.gif]


پست بعدی >>>>> طراحی ظاهر صفحه + استفاده از کنترل های asp
موفق باشید.



 















پیروزی آن نیست که هرگز زمین نخوری، آنست که بعد از هر زمین خوردنی برخیزی.(مهاتما گاندی)
انجمن تخصصی برنامه نویسی و نرم افزار بوشهرتــیــــــــم
(آخرین ویرایش در 1392-06-09 01:29 ق.ظ توسط: Reza.Heydari. دلیل ویرایش : )
1392-06-09 01:28 ق.ظ
مشاهده سایت این کاربر یافتن همه ی ارسالهای این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط sentak ، ali.niknejad ، omrani.meysam63 ، bita6642 ، nahid
ارسال پاسخ 


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  آموزش Asp.net 8908183 0 274 1395-02-08 11:09 ب.ظ
آخرین ارسال: 8908183
  آموزش ASP.Net از مقدماتی تا پیشرفته Reza.Heydari 8 3,243 1393-08-18 09:48 ق.ظ
آخرین ارسال: boy57iran

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان

دوستان ما