掉進 ASP.NET MVC 馬里亞納海溝的第一天：Hello World~

發表於 更新於 分類於
AdSense

學習前具備知識：

  • 基礎 C#
  • 基礎網頁前端 (HTML、CSS、JS) 和後端知識
  • .Net 的世界

MVC 是什麼？

MVC 是一種架構模式，也就是「如何建構程式的設計理念」。主要把程式碼分為三個基本部分：模型 (Model)、視圖 (View) 和控制器 (Controller)。

  • M：與資料邏輯有關的操作。
  • V：如何 (動態地) 呈現畫面。
  • C：藉由轉發瀏覽器請求，對請求進行處理，並且控制模型和視圖。

參考資料：「筆記」- 何謂 MVC 軟體設計模式

ASP.NET 中 Web Form 和 MVC 的差異

可以參考下面的影片，從 20:00 開始觀看。

簡單來說，Web Form 用來簡單、快速地開發一個網頁。而 MVC 適合先設計、規劃好程式架構，設計思維是將 MVC 的程式碼分開撰寫。

如何建立一個專案

目前沒有 Mac 版本，只能以 Windows 系統開發。

請選擇 File >> New >> Project

w

請選擇 最左列 Visual C# >> 中間列的
ASP.NET Web Application (.Net Framework) >> MVC >> OK

等待初始建置完成後，在右方的方案總管中，可以看到自動產生的目錄架構和 MVC 資料夾。

Hello World~

不免俗，還是要來 Hello World 一下～

  1. 展開 Controllers 資料夾 >> 打開它設定好的首頁控制器 HomeController 檔案 (首頁控制器，習慣被命名為 HomeController)。
  2. 找到類別中的 Index() 方法，將回傳型態從 ActionResult 改成 string，回傳值從 View() 改成 "Hello World~"。
  3. 執行，就會出現如下畫面啦！