ASP.NET Core MVC 使用者入門

作者:Rick Anderson

本教學課程可讓您了解 ASP.NET Core MVC web 開發與控制器和檢視。 如果您不熟悉 ASP.NET Core 的 網頁程式開發,請考慮本教學課程的 Razor 頁面版本,這可提供更簡單的起點。

這是一個系列的第一個教學課程,教您使用控制器和 views ASP.NET Core MVC 網頁程式開發。

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

  • 建立 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 應用程式 (模型-視圖控制器)
    • Create

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

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

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

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

執行應用程式

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

    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

下圖顯示應用程式:

:::非 loc (Home) :::或 Index 頁面

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

本教學課程可讓您了解 ASP.NET Core MVC web 開發與控制器和檢視。 如果您不熟悉 ASP.NET Core 的 網頁程式開發,請考慮本教學課程的 Razor 頁面版本,這可提供更簡單的起點。

這是一個系列的第一個教學課程,教您使用控制器和 views ASP.NET Core MVC 網頁程式開發。

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

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

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

必要條件

建立 Web 應用程式

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

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

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

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

    設定您的新專案

  • 選取 Web 應用程式 (模型-視圖控制器)。 從下拉式方塊中,選取 [ .Net Core ] 和 [ ASP.NET Core 3.1],然後選取 [ 建立]。

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

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

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

執行應用程式

  • 選取 Ctrl + F5 以執行應用程式,而不進行任何偵錯工具。

    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

下圖顯示應用程式:

:::非 loc (Home) :::或 Index 頁面

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