ASP.NET Core MVC 入门Get started with ASP.NET Core MVC

作者:Rick AndersonBy Rick Anderson

本教程介绍具有控制器和视图的 ASP.NET Core MVC Web 开发。This tutorial teaches ASP.NET Core MVC web development with controllers and views. 如果你是初次接触 ASP.NET Core Web 开发,请考虑本教程的 Razor Pages 版本,此版本提供了更简单的起点。If you're new to ASP.NET Core web development, consider the Razor Pages version of this tutorial, which provides an easier starting point.

这是本系列教程的第一个教程,介绍具有控制器和视图的 ASP.NET Core MVC Web 开发。This is the first tutorial of a series that teaches ASP.NET Core MVC web development with controllers and views.

在本系列结束时,你将拥有一个管理和显示电影数据的应用。At the end of the series, you'll have an app that manages and displays movie data. 您将学习如何:You learn how to:

  • 创建 Web 应用。Create a web app.
  • 添加和构架模型。Add and scaffold a model.
  • 使用数据库。Work with a database.
  • 添加搜索和验证。Add search and validation.

查看或下载示例代码如何下载)。View or download sample code (how to download).

先决条件Prerequisites

创建 Web 应用Create a web app

  • 启动 Visual Studio 并选择“创建新项目”。Start Visual Studio and select Create a new project.
  • 在“新建项目”对话框中,选择“ASP.NET Core Web 应用程序”>“下一步”。In the Create a new project dialog, select ASP.NET Core Web Application > Next.
  • 在“配置新项目”对话框中,为“项目名称”输入 MvcMovieIn the Configure your new project dialog, enter MvcMovie for Project name. 务必要将项目命名为“MvcMovie”。It's important to name the project MvcMovie. 复制代码时,大小写需要匹配每个 namespace 匹配项。Capitalization needs to match each namespace matches when code is copied.
  • 选择“创建”。Select Create.
  • 在“创建新的 ASP.NET Core Web 应用程序”对话框中,选择:In the Create a new ASP.NET Core web application dialog, select:
    • 下拉列表中的“.NET Core”和“ASP.NET Core 5.0”。.NET Core and ASP.NET Core 5.0 in the dropdowns.
    • ASP.NET Core Web 应用程序(模型-视图-控制器)。ASP.NET Core Web App (Model-View-Controller).
    • CreateCreate.

创建新的 ASP.NET Core Web 应用呈现Create a new ASP.NET Core web application

有关创建项目的替代方法,请参阅在 Visual Studio 中创建新项目For alternative approaches to create the project, see Create a new project in Visual Studio.

Visual Studio 为创建的 MVC 项目使用默认项目模板。Visual Studio used the default project template for the created MVC project. 创建的项目:The created project:

  • 是一个有效的应用。Is a working app.
  • 是一个基本的入门项目。Is a basic starter project.

运行应用Run the app

  • 选择 Ctrl+F5 以在不使用调试程序的情况下运行应用。Select Ctrl+F5 to run the app without the debugger.

    Visual Studio 会显示以下对话框:Visual Studio displays the following dialog:

    此项目配置为使用 SSL。

    如果信任 IIS Express SSL 证书,请选择“是”。Select Yes if you trust the IIS Express SSL certificate.

    将显示以下对话框:The following dialog is displayed:

    安全警告对话

    如果你同意信任开发证书,请选择“是”。Select Yes if you agree to trust the development certificate.

    有关信任 Firefox 浏览器的信息,请参阅 Firefox SEC_ERROR_INADEQUATE_KEY_USAGE 证书错误For information on trusting the Firefox browser, see Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certificate error.

    Visual Studio:Visual Studio:

    地址栏显示 localhost:port#,而不是显示 example.comThe address bar shows localhost:port# and not something like example.com. 本地计算机的标准主机名为 localhostThe standard hostname for your local computer is localhost. 当 Visual Studio 创建 Web 项目时,对 Web 服务器使用的是随机端口。When Visual Studio creates a web project, a random port is used for the web server.

在不进行调试的情况下,通过选择 Ctrl+F5 启动应用,可以:Launching the app without debugging by selecting Ctrl+F5 allows you to:

  • 更改代码。Make code changes.
  • 保存文件。Save the file.
  • 快速刷新浏览器并查看代码更改。Quickly refresh the browser and see the code changes.

可以从“调试”菜单项中以调试或非调试模式启动应用:You can launch the app in debug or non-debug mode from the Debug menu item:

调试菜单

可以通过选择“IIS Express”按钮来调试应用You can debug the app by selecting the IIS Express button

IIS Express

下图显示该应用:The following image shows the app:

主页或索引页

在本教程的下一部分中,你将了解 MVC 并开始撰写一些代码。In the next part of this tutorial, you learn about MVC and start writing some code.

本教程介绍具有控制器和视图的 ASP.NET Core MVC Web 开发。This tutorial teaches ASP.NET Core MVC web development with controllers and views. 如果你是初次接触 ASP.NET Core Web 开发,请考虑本教程的 Razor Pages 版本,此版本提供了更简单的起点。If you're new to ASP.NET Core web development, consider the Razor Pages version of this tutorial, which provides an easier starting point.

这是本系列教程的第一个教程,介绍具有控制器和视图的 ASP.NET Core MVC Web 开发。This is the first tutorial of a series that teaches ASP.NET Core MVC web development with controllers and views.

在本系列结束时,你将拥有一个管理和显示电影数据的应用。At the end of the series, you'll have an app that manages and displays movie data. 您将学习如何:You learn how to:

  • 创建 Web 应用。Create a web app.
  • 添加和构架模型。Add and scaffold a model.
  • 使用数据库。Work with a database.
  • 添加搜索和验证。Add search and validation.

查看或下载示例代码如何下载)。View or download sample code (how to download).

先决条件Prerequisites

创建 Web 应用Create a web app

  • 在 Visual Studio 中,选择“创建新项目”。From the Visual Studio, select Create a new project.

  • 选择“ASP.NET Core Web 应用程序”>“下一步”。Select ASP.NET Core Web Application > Next.

    创建新的 ASP.NET Core Web 应用项目

  • 将项目命名为“MvcMovie”,然后选择“创建” 。Name the project MvcMovie and select Create. 将项目命名为“MvcMovie”非常重要,这样在复制代码时,命名空间才会匹配。It's important to name the project MvcMovie so when you copy code, the namespace will match.

    配置新项目

  • 选择“Web 应用(模型-视图-控制器)”。Select Web Application(Model-View-Controller). 在下拉框中,选择“.NET Core”和“ASP.NET Core 3.1”,然后选择“创建”。From the dropdown boxes, select .NET Core and ASP.NET Core 3.1, then select Create.

    “新建项目”对话框,左窗格中的“.NET Core”,ASP.NET Core WebNew project dialog, .NET Core in left pane, ASP.NET Core web

Visual Studio 为创建的 MVC 项目使用默认项目模板。Visual Studio used the default project template for the created MVC project. 创建的项目:The created project:

  • 是一个有效的应用。Is a working app.
  • 是一个基本的入门项目。Is a basic starter project.

运行应用Run the app

  • 选择 Ctrl+F5 可运行应用,不会进行调试。Select Ctrl+F5 to run the app without debugging.

    Visual Studio 会显示以下对话框:Visual Studio displays the following dialog:

    此项目配置为使用 SSL。

    如果信任 IIS Express SSL 证书,请选择“是”。Select Yes if you trust the IIS Express SSL certificate.

    将显示以下对话框:The following dialog is displayed:

    安全警告对话

    如果你同意信任开发证书,请选择“是”。Select Yes if you agree to trust the development certificate.

    有关信任 Firefox 浏览器的信息,请参阅 Firefox SEC_ERROR_INADEQUATE_KEY_USAGE 证书错误For information on trusting the Firefox browser, see Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certificate error.

    Visual Studio:Visual Studio:

    地址栏显示 localhost:port#,而不是显示 example.comThe address bar shows localhost:port# and not something like example.com. 本地计算机的标准主机名为 localhostThe standard hostname for your local computer is localhost. 当 Visual Studio 创建 Web 项目时,对 Web 服务器使用的是随机端口。When Visual Studio creates a web project, a random port is used for the web server.

在不进行调试的情况下,通过选择 Ctrl+F5 启动应用,可以:Launching the app without debugging by selecting Ctrl+F5 allows you to:

  • 更改代码。Make code changes.
  • 保存文件。Save the file.
  • 快速刷新浏览器并查看代码更改。Quickly refresh the browser and see the code changes.

可以从“调试”菜单项中以调试或非调试模式启动应用:You can launch the app in debug or non-debug mode from the Debug menu item:

调试菜单

可以通过选择“IIS Express”按钮来调试应用You can debug the app by selecting the IIS Express button

IIS Express

下图显示该应用:The following image shows the app:

主页或索引页

在本教程的下一部分中,你将了解 MVC 并开始撰写一些代码。In the next part of this tutorial, you learn about MVC and start writing some code.