ASP.NET 實務入門 - 建立第一個 MVC 專案

》此為2019 年新版 ASP.NET 實務入門 課程 ,將逐步整合至完整課程頁

開始討論MVC各項技術之前,先建立第一個MVC專案,並嘗試在瀏覽器載入新建立的網頁,在網頁上顯示「Hello MVC !」訊息文字。開啟「新增專案」功能畫面,選擇Web 類型範本,點選「ASP.NET Web應用程式」,在「名稱」欄位裏輸入專案名稱,例如「MVCDemo」,並且於「位置」選擇儲存路徑,按一下「確定」按鈕,開始建立程序。


於接下來出現的畫面中選取「空白」,並且核取下方的「MVC」項目,按下「確定」按鈕,即可建立專案樣板。


MVC 專案,由模型、檢視與控制器三個部份協同運作,M 表示模型(Model),V 是檢視(View),而 C 則是控制器(Controller),專案中則分別以同名的資料夾負責管理相關的檔案。


MVC 以控制器為中心,因此建立 MVC 應用首先從控制器開始,於 Controllers 資料夾中,新增一個控制器檔案,按右鍵展開功能選單,依序選取「加入 〉控制器」如下:


接下來出現「新增Scaffold」設定畫面,,選取「MVC 5 Controller – Empty」,這會建立一個空白的控制器。


按一下「新增」按鈕,出現以下的對話方塊,於其中輸入欲新增的控制器名稱,按一下「Add」按鈕,完成新的控制器檔案建立作業。


現在回到編輯器,Controllers 資料夾中新增的 HomeController.cs 已建立其中,畫面左邊是控制器檔案的預設內容,其中的 HomeController 為一繼承Controller的控制器類別。


找到 Index 方法,修改其中的內容,完成後如下:

namespace MVCDemo.Controllers
{
    public class HomeController : Controller
    {
        // GET: Home
        public ActionResult Index()
        {
            return Content("Hello, MVC !");
        }
    }
}

其中的 Content為修改的部份,這表示要讓MVC在網頁輸出其中指定文字訊息。點擊功能表的 IIS Expressy執行專案,會出現以下的結果:


瀏覽器出現 Content 小括弧內的訊息文字。

以上成功的建立了第一個 MVC 專案,並且輸出一段指定的訊息,並初步體驗控制器的設定,下一篇我們將針對執行到訊息內容呈現的過程原理,進行詳細的討論。



沒有留言: