開始使用 ASP.NET Core MVC

  • 發行項

注意

這不是這篇文章的最新版本。 如需目前版本，請參閱本文的 .NET 8 版本。

重要

這些發行前產品的相關資訊在產品正式發行前可能會有大幅修改。 Microsoft 對此處提供的資訊，不做任何明確或隱含的瑕疵擔保。

如需目前版本，請參閱本文的 .NET 8 版本。

作者：Rick Anderson

本教學課程可讓您了解 ASP.NET Core MVC web 開發與控制器和檢視。 若您不熟悉 ASP.NET Core Web 開發，請考慮此教學課程的 Razor Pages 版本，其提供較簡單的起點。 請參閱選擇 ASP.NET Core UI，以比較 Razor 頁面、MVC 和 Blazor 以進行 UI 開發。

這是第一個教學課程系列，會教導使用控制器和檢視進行 ASP.NET Core MVC Web 開發。

在系列結束時，您將有一個應用程式可管理及顯示電影資料。 您將學習如何：

  • 建立 Web 應用程式。
  • 新增並建構模型。
  • 使用資料庫。
  • 新增搜尋和驗證。

檢視或下載範例程式碼 (如何下載)。

必要條件

建立 Web 應用程式

  • 啟動 Visual Studio 並選取 [建立新專案]。
  • 在 [建立新專案] 對話方塊中，選取 [ASP.NET Core Web 應用程式 (Model-View-Controller)]>[下一步]。
  • 在 [設定新專案] 對話方塊中，輸入 MvcMovie 作為 [專案名稱]。 請務必將專案命名為 MvcMovie。 複製程式碼時，大小寫必須符合每個 namespace 大小寫。
  • 選取 [下一步] 。
  • 在 [其他資訊] 對話方塊中：
    • 選取 [.NET 8.0 (長期支援)]。
    • 確認未勾選 [不要使用最上層陳述式]。
  • 選取 建立。

其他資訊對話方塊

如需詳細資訊，包括建立專案的替代方法，請參閱在 Visual Studio 中建立新專案。

Visual Studio 會針對已建立的 MVC 專案使用預設專案範本。 建立的專案：

  • 這是一個正常運作的應用程式。
  • 這是基本的入門專案。

執行應用程式

  • 按 [Ctrl]+[F5]，以在沒有偵錯工具的情況下執行應用程式。

    當專案尚未設定為使用 SSL 時，Visual Studio 會顯示下列對話方塊：

    此專案設定為使用 SSL。為避免瀏覽器中的 SSL 警告，您可以選擇信任 IIS Express 產生的自我簽署憑證。您要信任 IIS Express SSL 憑證嗎？

    如果您信任 IIS Express SSL 憑證，請選取 [是]。

    此時會顯示下列對話方塊：

    安全性警告對話方塊

    若您同意信任開發憑證，請選取 [是]。

    如需關於信任 Firefox 瀏覽器的資訊，請參閱 Firefox SEC_ERROR_INADEQUATE_KEY_USAGE 憑證錯誤。

Visual Studio 會執行應用程式，並開啟預設瀏覽器。

位址列會顯示 localhost:<port#>，而不是類似於 example.com 的內容。 本機電腦的標準主機名稱為 localhost。 當 Visual Studio 建立 Web 專案時，會為網頁伺服器使用隨機連接埠。

按 [Ctrl]+[F5] 以啟動應用程式而不進行偵錯，可讓您：

  • 進行程式碼變更。
  • 儲存檔案。
  • 快速重新整理瀏覽器，並查看程式碼變更。

您可以從 [偵錯] 功能表的偵錯或非偵錯模式中啟動應用程式：

[開始偵錯] 和 [開始但不偵錯] 功能表

您可以選取工具列中的 [HTTPs] 按鈕來偵錯應用程式：

MvcMovie 偵錯按鈕

下圖顯示應用程式：

Home 或索引頁面

  • 關閉瀏覽器視窗。 Visual Studio 將停止應用程式。

在本系列的下一個教學課程中，您會了解 MVC，並開始撰寫一些程式碼。

下一步：新增控制器

本教學課程可讓您了解 ASP.NET Core MVC web 開發與控制器和檢視。 若您不熟悉 ASP.NET Core Web 開發，請考慮此教學課程的 Razor Pages 版本，其提供較簡單的起點。 請參閱選擇 ASP.NET Core UI，以比較 Razor 頁面、MVC 和 Blazor 以進行 UI 開發。

這是第一個教學課程系列，會教導使用控制器和檢視進行 ASP.NET Core MVC Web 開發。

在系列結束時，您將有一個應用程式可管理及顯示電影資料。 您將學習如何：

  • 建立 Web 應用程式。
  • 新增並建構模型。
  • 使用資料庫。
  • 新增搜尋和驗證。

檢視或下載範例程式碼 (如何下載)。

必要條件

建立 Web 應用程式

  • 啟動 Visual Studio 並選取 [建立新專案]。
  • 在 [建立新專案] 對話方塊中，選取 [ASP.NET Core Web 應用程式 (Model-View-Controller)]>[下一步]。
  • 在 [設定新專案] 對話方塊中，輸入 MvcMovie 作為 [專案名稱]。 請務必將專案命名為 MvcMovie。 複製程式碼時，大小寫必須符合每個 namespace 大小寫。
  • 選取 [下一步] 。
  • 在 [其他資訊] 對話方塊中：
    • 選取 .NET 7.0。
    • 確認未勾選 [不要使用最上層陳述式]。
  • 選取 建立。

其他資訊對話方塊

如需詳細資訊，包括建立專案的替代方法，請參閱在 Visual Studio 中建立新專案。

Visual Studio 會針對已建立的 MVC 專案使用預設專案範本。 建立的專案：

  • 這是一個正常運作的應用程式。
  • 這是基本的入門專案。

執行應用程式

  • 按 [Ctrl]+[F5]，以在沒有偵錯工具的情況下執行應用程式。尚未將專案設定為使用 SSL 時，Visual Studio 會顯示下列對話方塊：當您信任 IIS Express SSL 憑證時，此專案設定為使用 SSL。為避免瀏覽器中的 SSL 警告，您可以選擇信任 IIS Express 產生的自我簽署憑證。您要信任 IIS Express SSL 憑證嗎？選取 [是]。隨即顯示下列對話方塊：如果您同意信任開發憑證，安全性警告對話方塊選取 [是]。如需信任 Firefox 瀏覽器的資訊，請參閱 Firefox SEC_ERROR_INADEQUATE_KEY_USAGE 憑證錯誤。

Visual Studio 會執行應用程式，並開啟預設瀏覽器。

位址列會顯示 localhost:<port#>，而不是類似於 example.com 的內容。 本機電腦的標準主機名稱為 localhost。 當 Visual Studio 建立 Web 專案時，會為網頁伺服器使用隨機連接埠。

按 [Ctrl]+[F5] 以啟動應用程式而不進行偵錯，可讓您：

  • 進行程式碼變更。
  • 儲存檔案。
  • 快速重新整理瀏覽器，並查看程式碼變更。

您可以從 [偵錯] 功能表的偵錯或非偵錯模式中啟動應用程式：

[偵錯] 功能表

您可以選取工具列中的 [HTTPs] 按鈕來偵錯應用程式：

MvcMovie 偵錯按鈕

下圖顯示應用程式：

Home 或索引頁面

  • 關閉瀏覽器視窗。 Visual Studio 將停止應用程式。

在本系列的下一個教學課程中，您會了解 MVC，並開始撰寫一些程式碼。

下一步：新增控制器

本教學課程可讓您了解 ASP.NET Core MVC web 開發與控制器和檢視。 若您不熟悉 ASP.NET Core Web 開發，請考慮此教學課程的 Razor Pages 版本，其提供較簡單的起點。 請參閱選擇 ASP.NET Core UI，以比較 Razor 頁面、MVC 和 Blazor 以進行 UI 開發。

這是第一個教學課程系列，會教導使用控制器和檢視進行 ASP.NET Core MVC Web 開發。

在系列結束時，您將有一個應用程式可管理及顯示電影資料。 您將學習如何：

  • 建立 Web 應用程式。
  • 新增並建構模型。
  • 使用資料庫。
  • 新增搜尋和驗證。

檢視或下載範例程式碼 (如何下載)。

必要條件

建立 Web 應用程式

  • 啟動 Visual Studio 並選取 [建立新專案]。
  • 在 [建立新專案] 對話方塊中，選取 [ASP.NET Core Web 應用程式 (Model-View-Controller)]>[下一步]。
  • 在 [設定新專案] 對話方塊中，輸入 MvcMovie 作為 [專案名稱]。 請務必將專案命名為 MvcMovie。 複製程式碼時，大小寫必須符合每個 namespace 大小寫。
  • 選取 [下一步] 。
  • 在 [其他資訊] 對話方塊中，選取 [.NET 6.0 (長期支援)]。
  • 選取 建立。

其他資訊對話方塊

如需建立專案的替代方法，請參閱在 Visual Studio 中建立新專案。

Visual Studio 會針對已建立的 MVC 專案使用預設專案範本。 建立的專案：

  • 這是一個正常運作的應用程式。
  • 這是基本的入門專案。

執行應用程式

  • 選取 Ctrl+F5 以在沒有偵錯工具的情況下執行應用程式。

    當專案尚未設定為使用 SSL 時，Visual Studio 會顯示下列對話方塊：

    此專案設定為使用 SSL。為避免瀏覽器中的 SSL 警告，您可以選擇信任 IIS Express 產生的自我簽署憑證。您要信任 IIS Express SSL 憑證嗎？

    如果您信任 IIS Express SSL 憑證，請選取 [是]。

    此時會顯示下列對話方塊：

    安全性警告對話方塊

    若您同意信任開發憑證，請選取 [是]。

    如需關於信任 Firefox 瀏覽器的資訊，請參閱 Firefox SEC_ERROR_INADEQUATE_KEY_USAGE 憑證錯誤。

Visual Studio 會執行應用程式，並開啟預設瀏覽器。

位址列會顯示 localhost:<port#>，而不是類似於 example.com 的內容。 本機電腦的標準主機名稱為 localhost。 當 Visual Studio 建立 Web 專案時，會為網頁伺服器使用隨機連接埠。

選取 Ctrl+F5 以啟動應用程式而不進行偵錯，可讓您：

  • 進行程式碼變更。
  • 儲存檔案。
  • 快速重新整理瀏覽器，並查看程式碼變更。

您可以從 [偵錯] 功能表的偵錯或非偵錯模式中啟動應用程式：

[偵錯] 功能表

您可以選取工具列中的 [MvcMovie] 按鈕來偵錯應用程式：

MvcMovie 偵錯按鈕

下圖顯示應用程式：

Home 或索引頁面

在本系列的下一個教學課程中，您會了解 MVC，並開始撰寫一些程式碼。

下一步：新增控制器

本教學課程可讓您了解 ASP.NET Core MVC web 開發與控制器和檢視。 若您不熟悉 ASP.NET Core Web 開發，請考慮此教學課程的 Razor Pages 版本，其提供較簡單的起點。 請參閱選擇 ASP.NET Core UI，以比較 Razor 頁面、MVC 和 Blazor 以進行 UI 開發。

這是第一個教學課程系列，會教導使用控制器和檢視進行 ASP.NET Core MVC Web 開發。

在系列結束時，您將有一個應用程式可管理及顯示電影資料。 您將學習如何：

  • 建立 Web 應用程式。
  • 新增並建構模型。
  • 使用資料庫。
  • 新增搜尋和驗證。

檢視或下載範例程式碼 (如何下載)。

必要條件

建立 Web 應用程式

  • 啟動 Visual Studio 並選取 [建立新專案]。
  • 在 [建立新專案] 對話方塊中，選取 [ASP.NET Core Web 應用程式]>[下一步]。
  • 在 [設定新專案] 對話方塊中，輸入 MvcMovie 作為 [專案名稱]。 請務必將專案命名為 MvcMovie。 複製程式碼時，大小寫必須符合每個 namespace 相符項目。
  • 選取建立。
  • 在 [建立新的 ASP.NET Core Web 應用程式] 對話方塊中，選取：
    • 下拉式清單中的 .NET Core 和 ASP.NET Core 5.0。
    • ASP.NET Core Web 應用程式 (Model-View-Controller)。
    • 建立。

建立新的 ASP.NET Core Web 應用程式

如需建立專案的替代方法，請參閱在 Visual Studio 中建立新專案。

Visual Studio 使用所建立 MVC 專案的預設專案範本。 建立的專案：

  • 這是一個正常運作的應用程式。
  • 這是基本的入門專案。

執行應用程式

  • 選取 Ctrl+F5 以在沒有偵錯工具的情況下執行應用程式。

    當專案尚未設定為使用 SSL 時，Visual Studio 會顯示下列對話方塊：

    此專案設定為使用 SSL。為避免瀏覽器中的 SSL 警告，您可以選擇信任 IIS Express 產生的自我簽署憑證。您要信任 IIS Express SSL 憑證嗎？

    如果您信任 IIS Express SSL 憑證，請選取 [是]。

    此時會顯示下列對話方塊：

    安全性警告對話方塊

    若您同意信任開發憑證，請選取 [是]。

    如需關於信任 Firefox 瀏覽器的資訊，請參閱 Firefox SEC_ERROR_INADEQUATE_KEY_USAGE 憑證錯誤。

    Visual Studio：

    • 啟動 [IIS Express]。
    • 執行應用程式。

    位址列會顯示 localhost:port#，而不是類似於 example.com 的內容。 本機電腦的標準主機名稱為 localhost。 當 Visual Studio 建立 Web 專案時，會為網頁伺服器使用隨機連接埠。

選取 Ctrl+F5 以啟動應用程式而不進行偵錯，可讓您：

  • 進行程式碼變更。
  • 儲存檔案。
  • 快速重新整理瀏覽器，並查看程式碼變更。

您可以從 [偵錯] 功能表項目的偵錯或非偵錯模式中啟動應用程式：

[偵錯] 功能表

您可以選取 [IIS Express] 按鈕偵錯應用程式

IIS Express

下圖顯示應用程式：

Home 或索引頁面

在本教學課程的下一個部分中，您會了解 MVC，並開始撰寫一些程式碼。

下一個

本教學課程可讓您了解 ASP.NET Core MVC web 開發與控制器和檢視。 若您不熟悉 ASP.NET Core Web 開發，請考慮此教學課程的 Razor Pages 版本，其提供較簡單的起點。 請參閱選擇 ASP.NET Core UI，以比較 Razor 頁面、MVC 和 Blazor 以進行 UI 開發。

這是第一個教學課程系列，會教導使用控制器和檢視進行 ASP.NET Core MVC Web 開發。

在系列結束時，您將有一個應用程式可管理及顯示電影資料。 您將學習如何：

  • 建立 Web 應用程式。
  • 新增並建構模型。
  • 使用資料庫。
  • 新增搜尋和驗證。

檢視或下載範例程式碼 (如何下載)。

必要條件

建立 Web 應用程式

  • 從 Visual Studio 中，選取 [建立新專案]。

  • 選取 [ASP.NET Core Web 應用程式]>[下一步]。

    建立新的 ASP.NET Core Web 應用程式專案

  • 將專案命名為 MvcMovie，然後選取 [建立]。 請務必將專案命名為 MvcMovie，以便在複製程式碼時，命名空間得以相符。

    設定您的新專案

  • 選取 [Web 應用程式 (Model-View-Controller)]。 從下拉式方塊中，選取 [.NET Core] 和 [ASP.NET Core 3.1]，然後選取 [建立]。

    [新增專案] 對話方塊、左窗格中的 [.Net Core]、ASP.NET Core Web

Visual Studio 使用所建立 MVC 專案的預設專案範本。 建立的專案：

  • 這是一個正常運作的應用程式。
  • 這是基本的入門專案。

執行應用程式

  • 選取 Ctrl+F5 即可執行應用程式而不偵錯。

    當專案尚未設定為使用 SSL 時，Visual Studio 會顯示下列對話方塊：

    此專案設定為使用 SSL。為避免瀏覽器中的 SSL 警告，您可以選擇信任 IIS Express 產生的自我簽署憑證。您要信任 IIS Express SSL 憑證嗎？

    如果您信任 IIS Express SSL 憑證，請選取 [是]。

    此時會顯示下列對話方塊：

    安全性警告對話方塊

    若您同意信任開發憑證，請選取 [是]。

    如需關於信任 Firefox 瀏覽器的資訊，請參閱 Firefox SEC_ERROR_INADEQUATE_KEY_USAGE 憑證錯誤。

    Visual Studio：

    • 啟動 [IIS Express]。
    • 執行應用程式。

    位址列會顯示 localhost:port#，而不是類似於 example.com 的內容。 本機電腦的標準主機名稱為 localhost。 當 Visual Studio 建立 Web 專案時，會為網頁伺服器使用隨機連接埠。

選取 Ctrl+F5 以啟動應用程式而不進行偵錯，可讓您：

  • 進行程式碼變更。
  • 儲存檔案。
  • 快速重新整理瀏覽器，並查看程式碼變更。

您可以從 [偵錯] 功能表項目的偵錯或非偵錯模式中啟動應用程式：

[偵錯] 功能表

您可以選取 [IIS Express] 按鈕偵錯應用程式

IIS Express

下圖顯示應用程式：

Home 或索引頁面

在本教學課程的下一個部分中，您會了解 MVC，並開始撰寫一些程式碼。

下一步