ASP.NET MVC 精要 - 建立MVC專案(1)

這一篇開始會用一些篇幅討論如何用 ASP.NET MVC 開發簡單的網頁,初步的內容之前已釋出,不過因為版本轉變以及工作室專案開發的影響,這裏將從 Visual Studio 2013 重新開始,歡迎閱讀。安裝好 VS Express 2013 for Web ,然後啟動,開啟「新增專案」功能畫面,選擇Web 類型範本,點選「ASP.NET Web應用程式」按一下「確定」按鈕,開始建立程序。



於接下來出現的畫面中選取 MVC ,按下「確定」按鈕,即可建立專案樣板。



一個標準的 MVC 專案樣板建立完成,初始畫面如下:



現在按一下F5 即可執行,出現以下的畫面:



在預設的情形下,MVC 採用 bootstrap 樣板,你可以直接採用此樣板設定,或是打造自己的專屬版型。完成準備動作之後,現在我們要從控制器開始建立並討論 MVC 在開發上的應用。於方案總管找到 controllers 資料夾,按右鍵展開功能選單,依序選取「加入>控制器」如下:



按下「按制器」選項後,出現加入控制器對話方塊,於其中指定控制器名稱為 HelloController ,然後在範本選單中,選取「MVC5 控制器 – 空白」。



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



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



現在於其中定義一個簡單的方法 SayHello() 回傳一段歡迎訊息,完成後內容如下:



按下F5執行專案,於瀏覽器中的預設網址列字串附加控制器名稱Hello/ HelloMessage,完整位址字串如下:

http://localhost:xxx/Hello/HelloMessage

出現以下的畫面,其中顯示 SayHello() 回傳的訊息字串。


沒有留言: