共用方式為


開始使用 ASP.NET Core MVC

注意

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

警告

不再支援此版本的 ASP.NET Core。 如需詳細資訊,請參閱 .NET 和 .NET Core 支援原則。 如需目前版本,請參閱本文的 .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 9.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 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 CoreASP.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,並開始撰寫一些程式碼。