دوره های آموزشی
خانه / #C / آموزش ASP.NET Core MVC و ویژوال استودیو

آموزش ASP.NET Core MVC و ویژوال استودیو

در این سری آموزش ها به نحوه ساخت یک پروژه در ASP.NET Core MVC 2 به همراه ایجاد کنترلر و نماها(View) خواهیم پرداخت . صفحات Razor یکی از ویژگی‌های  ASP.NET Core هستند که ساخت و آزمایش رابط‌کاربری وب را آسان‌تر و بهره‌ورتر می‌کند. شما می‌توانید در یک پروژه، از صفحات Razor در کنار کنترلرها و نماها استفاده کنید. در ادامه با آموزش Asp.net Core 2 با ما همراه باشید .

سایر پست های آموزش ASP.NET Core MVC :

ویژوال استودیو و NET Core. را نصب کنید

نسخه ۱۵٫۷٫۳ یا بالاتر ویژوال استودیو ۲۰۱۷ را با آیتم ها زیر نصب کنید:
• ASP.NET and web development
• .NET Core cross-platform development

یک پروژه وب Asp.net Core 2 ایجاد کنید

در ویژوال استودیو، به ترتیب گزینه‌های File، New و سپس Project را انتخاب کنید.

آموزش asp.net core 2
روند کار New Project را کامل کنید:
• در پنجره سمت چپ، روی NET Core. کلیک کنید.
• در پنچره میانی، روی ASP.NET Core Web Application (.NET Core) کلیک کنید.
• نام پروژه را «MvcMovie» بگذارید (مهم است که نام پروژه را «MvcMovie» بگذارید تا زمانی که کد را کپی می‌کنید، namespace تطابق داشته باشد).
• Ok کنید.

آموزش asp.net core

حال روند New ASP.NET Core Web Application (.NET Core) – MvcMovie را کامل کنید:
• در جعبه کرکره‌ای انتخاب‌گر نسخه، ASP.NET Core 2.1 را انتخاب کنید.
• گزینه Web Application(Model-View-Controller) را انتخاب کنید.
• Ok کنید.

آموزش asp core 2

ویژوال استودیو برای ایجاد پروژه ، از یک الگوی پیش‌فرض استفاده می‌کند. با وارد کردن نام پروژه و انتخاب چند گزینه، شما حال یک برنامه کاربردی آماده دارید. این یک پروژه ساده برای شروع است و نقطه خوبی برای آغاز است.
برای این که برنامه در حالت دیباگ اجرا شود F5 و برای این که در حالت غیر دیباگ اجرا شود Ctrl- F5 را بزنید.

asp.net core

آموزش Asp.net Core 2

• ویژوال استودیو IIS Express را اجرا کرده و برنامه شما را فراخوانی می‌کند. توجه داشته باشید که نوار آدرس localhost:port# را نشان می‌دهد، نه چیزی مانند example.com را. زیرا localhost نام استاندارد کامپیوتر شماست. وقتی ویژوال استودیو یک پروژه وب ایجاد می‌کند، یک پورت تصادفی برای سرویس‌دهنده (سرور) وب مورد استفاده قرار می‌گیرد. در تصویر بالا، عدد پورت ۵۰۰۰ است. نوار آدرس در مرورگر localhost:5000 را نشان می‌دهد. وقتی شما برنامه را اجرا کنید، عدد پورت متفاوتی را می‌بینید.
• اجرای برنامه در حالت غیردیباگ (با Ctrl- F5)، به شما امکان تغییر کد را می‌دهد. فایل را ذخیره کنید، مرورگر را رفرش کرده و تغییرات کد را ببینید. بسیاری از توسعه‌دهندگان ترجیح می‌دهند از حالت غیردیباگ استفاده کنند تا برنامه را سریع اجرا کرده و تغییرات را ببینند.
• شما می‌توانید از بخش Debug منو ، برنامه را در حالت دیباگ یا غیردیباگ اجرا کنید.

 

asp
• شما می‌توانید با کلیک روی IIS Express، برنامه را در حالت دیباگ اجرا کنید.

 

iis
در پروژه ایجاد شده شما لینک‌های Home، About و Contact را می توانید ببینید . تصویر مرورگر که در بالا آمده است لینک‌ها را نشان نمی‌دهد. بسته به اندازه مرورگر شما، ممکن است نیاز باشد روی نشان‌گر جهت‌یاب کلیک کنید تا لینک‌ها را نمایش دهد.

asp mvc
اگر برنامه را در حالت دیباگ اجرا کرده‌اید، برای توقف دیباگ Shift- F5 را بزنید.
در قسمت بعد آموزش Asp.net Core 2 در خصوص مدل برنامه نویسی MVC آموزش خواهیم داد و شروع به نوشتن کد خواهیم کرد.

من محمد آذرنیوا، نویسنده و مدرس دوره های برنامه نویسی ، طراحی وب و تحلیل گر پایگاه داده هستم و قصد دارم در این وبسایت مطالب کاربردی در این زمینه را با شما به اشتراک بگذارم. بیشتر از یک برنامه نویس باشید…

درباره ی محمد آذرنیوا

من محمد آذرنیوا، نویسنده و مدرس دوره های برنامه نویسی ، طراحی وب و تحلیل گر پایگاه داده هستم و قصد دارم در این وبسایت مطالب کاربردی در این زمینه را با شما به اشتراک بگذارم. بیشتر از یک برنامه نویس باشید...

همچنین ببینید

ساخت اپلیکیشن سمت کاربر با فرمت Javascript

در این بخش از آموزش Web API با استفاده از HTML، Javascript و  Knockout.js   اپلیکیشنی ...

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *