ASP.NET Core MVC 使用者入門

作者:Rick Anderson

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

這是系列的第一個教學課程,教導 ASP.NET Core MVC Web 開發與控制器和檢視。

在系列結束時,您將會有一個可管理及顯示電影資料的應用程式。 您會了解如何:

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

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

必要條件

建立 Web 應用程式

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

Additional info dialog

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

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

  • 這是可運作的應用程式。
  • 這是基本的入門專案。

執行應用程式

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

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

    This project is configured to use SSL. To avoid SSL warnings in the browser you can choose to trust the self-signed certificate that IIS Express has generated. Would you like to trust the IIS Express SSL certificate?

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

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

    Security warning dialog

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

    如需信任 Firefox 瀏覽器的資訊,請參閱 Firefox SEC_ERROR_INADEQUATE_KEY_USAGE憑證錯誤

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

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

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

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

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

Debug menu

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

MvcMovie debug button

下圖顯示應用程式:

Home or Index page

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

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

這是系列的第一個教學課程,會教導 ASP.NET 核心 MVC Web 開發與控制器和檢視。

在系列結束時,您將有一個可管理及顯示電影資料的應用程式。 您會了解如何:

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

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

必要條件

建立 Web 應用程式

  • 啟動 Visual Studio,然後選取 [建立新專案]。
  • 在 [建立新專案] 對話方塊中,選取[下一步] ASP.NET 核心 Web 應用程式>
  • 在 [ 設定新專案 ] 對話方塊中,輸入 MvcMovie[專案名稱]。 請務必命名專案 MvcMovie。 當複製程式碼時,大小寫必須符合每個 namespace 相符專案。
  • 選取 [建立] 。
  • 在 [ 建立新的 ASP.NET 核心 Web 應用程式 ] 對話方塊中,選取:
    • 下拉式清單中的.NET CoreASP.NET Core 5.0
    • ASP.NET Core Web App (Model-View-Controller)
    • Create

Create a new ASP.NET Core web application

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

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

  • 這是運作中的應用程式。
  • 這是基本的入門專案。

執行應用程式

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

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

    This project is configured to use SSL. To avoid SSL warnings in the browser you can choose to trust the self-signed certificate that IIS Express has generated. Would you like to trust the IIS Express SSL certificate?

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

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

    Security warning dialog

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

    如需信任 Firefox 瀏覽器的資訊,請參閱 Firefox SEC_ERROR_INADEQUATE_KEY_USAGE憑證錯誤

    Visual Studio:

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

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

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

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

Debug menu

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

IIS Express

下圖顯示應用程式:

Home or Index page

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

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

這是系列的第一個教學課程,會教導 ASP.NET 核心 MVC Web 開發與控制器和檢視。

在系列結束時,您將有一個可管理及顯示電影資料的應用程式。 您會了解如何:

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

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

必要條件

建立 Web 應用程式

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

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

    Create a new ASP.NET Core Web Application project

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

    Configure your new project

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

    New project dialog, .NET Core in left pane, ASP.NET Core web

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

  • 這是運作中的應用程式。
  • 這是基本的入門專案。

執行應用程式

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

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

    This project is configured to use SSL. To avoid SSL warnings in the browser you can choose to trust the self-signed certificate that IIS Express has generated. Would you like to trust the IIS Express SSL certificate?

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

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

    Security warning dialog

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

    如需信任 Firefox 瀏覽器的資訊,請參閱 Firefox SEC_ERROR_INADEQUATE_KEY_USAGE憑證錯誤

    Visual Studio:

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

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

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

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

Debug menu

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

IIS Express

下圖顯示應用程式:

Home or Index page

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