מדריך ASP.NET MVC – התכנית הראשונה שלי

בפרק זה נלמד כיצד לבנות תוכנית בסיסית אשר מציגה הודעה פשוטה למשתמש

פתח את Visual Web Developer. קיצור לתוכנית נמצא תחת:
Start | Programs | Microsoft Visual Studio 2010 Express | Microsoft Visual Web Developer 2010 Express

על מנת לפתוח פרויקט חדש עליך לבחור:
File | New Project | Visual C# | Web | ASP.NET MVC 3 Web Application
בחר שם לפרויקט החדש (לדוגמא, MyFirstMVCApp). שים לב למיקום אשר הפרויקט החדש יימצא בו:

לחיצה על כפתור ה-OK תפתח בפניך את חלון ה-New Project:

החלון המוצג מעלה מאפשר לך לפתוח אחד מתוך שני סוגי פרויקטים:

• Empty – פרויקט חדש אשר לא מכיל שום קוד מוכן מראש. זהו סוג הפרויקט המתאים לרוב המשימות.
• Internet Application – פרויקט חדש המבוסס על תבנית קוד מוכנה מראש. סוג פרויקט זה יכול בעיקר לשמש ככלי למידה עבור מי שאיננו מכיר את ASP.NET MVC ומעוניין במהירות לראות איך חלקי הפאזל מתחברים לכדי אפליקציה בסיסית. במדריך זה אנו לא נשתמש בסוג פרויקט זה.

בחר פרויקט מסוג Empty. שים לב לבחירה עבור ה-View Engine. ברירת המחדל הינה Razor. שמור על בחירה זו ולחץ על כפתור ה-OK.

לאחר שנפתח הפרויקט החדש, פתח את ה-Solution Explorer באופן הבא: View | Solution Explorer.
ה-Solution Explorer מציג את כל הקבצים שהם חלק מהפרויקט והוא ה-Viewer המרכזי עמו תעבוד. קיימים גם Viewers אחרים אותם נכיר בהמשך.  

שים לב כי בשלב זה ספריית ה-Controllers ריקה. על מנת להריץ בהצלחה את הפרויקט החדש עלייך לייצר לפחות Controller אחד. תחת ה-Solution Explorer עמוד על ספריית ה-Controllers לחץ על מקש עכבר ימני ולאחריו Add | Controller. החלון הבא ייפתח:

שנה את שם ברירת המחדל ל-HomeController (בפרקים היותר מתקדמים במדריך זה תלמד כיצד ניתן לייצר Controller בשם אחר ולקבוע אותו בתור Controller ברירת המחדל).
ודא כי כפתור הבחירה “…Add action methods for” איננו בחור. לחץ על כפתור ה-OK.
בשלב זה ייפתח בפניך הקוד של ה-Controller החדש:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
 
namespace MyFirstMVCApp.Controllers
{
  public class HomeController : Controller
  {
    //
    // GET: /Home/
 
    public ActionResult Index()
    {
      return View();
    }
  }
}

אין צורך לשנות את הקוד. עמוד עם העכבר על הפונקציה Index. לחץ על מקש עכבר ימני ולאחריו Add View. החלון הבא ייפתח בפניך:

אין צורך לשנות דבר. לחץ על כפתור ה-Add. קובץ בשם Index.cshtml ייפתח ובתוכו ניתן לרשום פקודות HTML. רשום את התוכן הבא:

@{
    ViewBag.Title = "Index";
}
 
<h1>Hello ASP.NET MVC</h1>

בשלב זה ניתן להריץ את הפרויקט ע"י: Debug | Start Debugging. בפניך ייפתח חלון דפדפן ובו התוכן הבא:

זה הכל! הרגע סיימת לבנות את הפרויקט הראשון שלך באמצעות ASP.NET MVC ו-Visual Web Developer. בפרקים הבאים במדריך תלמד כיצד ניתן לבנות אפליקציה מלאה יותר לרבות תצוגות מורכבות יותר ועבודה עם מסד נתונים. לפני כן, עלינו להבין מי הם המרכיבים המרכזיים בארכיטקטורה של ASP.NET MVC ומה תפקיד כל מרכיב.