ASP.NET Core MVC 使用者入門

  • 發行項

作者：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 應用程式] ([模型-檢視控制器]) >[下一步]。
  • 在 [ 設定新專案 ] 對話方塊中，輸入 MvcMovie[專案名稱]。 請務必命名專案 MvcMovie。 當複製程式碼時，大小寫必須符合每個 namespace 大小寫。
  • 選取 [下一步] 。
  • 在 [其他資訊] 對話方塊中：
    • 選取 [.NET 7.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 或索引頁面

在本系列中的下一個教學課程中，您將瞭解 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 大小寫。
  • 選取 [下一步] 。
  • 在 [其他資訊] 對話方塊中，選取 .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) 。
    • Create。

建立新的 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：

    位址列會顯示 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：

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

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

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

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

[偵錯] 功能表

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

IIS Express

下圖顯示應用程式：

Home 或索引頁面

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

下一步