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 tutorial teaches the basics of building an ASP.NET Core MVC web app.

该应用管理电影标题的数据库。The app manages a database of movie titles. 您将学习如何:You learn how to:

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

在结束时,你会获得可以管理和显示电影数据的应用。At the end, you have an app that can manage and display movie data.

查看或下载示例代码如何下载)。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 and then select 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.

    新建 ASP.NET Core Web 应用程序

  • 选择“Web 应用程序(模型-视图-控制器)”,然后选择“创建” 。Select Web Application(Model-View-Controller), and 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 template for the MVC project you just created. 输入项目名称并选择几个选项后,就拥有了一个可正常运行的应用。You have a working app right now by entering a project name and selecting a few options. 这是一个基本的入门项目。This is a basic starter project.

运行应用Run the app

选择 Ctrl+F5 以在非调试模式下运行应用 。Select Ctrl-F5 to run the app in non-debug mode.

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.

  • Visual Studio 启动 IIS Express 并运行应用。Visual Studio starts IIS Express and runs the app. 请注意,地址栏显示 localhost:port#,而不显示 example.com 之类的内容。Notice that the address bar shows localhost:port# and not something like example.com. 这是因为 localhost 是本地计算机的标准主机名。That's because localhost is the standard hostname for your local computer. 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 with Ctrl+F5 (non-debug mode) allows you to make code changes, save the file, refresh the browser, and see the code changes. 许多开发人员更喜欢使用非调试模式快速启动应用并查看更改。Many developers prefer to use non-debug mode to quickly launch the app and view 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 tutorial teaches the basics of building an ASP.NET Core MVC web app.

该应用管理电影标题的数据库。The app manages a database of movie titles. 您将学习如何:You learn how to:

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

在结束时,你会获得可以管理和显示电影数据的应用。At the end, you have an app that can manage and display movie data.

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

系统必备Prerequisites

警告

如果使用 Visual Studio 2017,请参阅 dotnet/sdk 问题 #3124,以了解无法与 Visual Studio 一起使用的 .NET Core SDK 版本的信息。If you use Visual Studio 2017, see dotnet/sdk issue #3124 for information about .NET Core SDK versions that don't work with Visual Studio.

创建 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 and then select 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.

    新建 ASP.NET Core Web 应用程序

  • 选择“Web 应用程序(模型-视图-控制器)”,然后选择“创建” 。Select Web Application(Model-View-Controller), and 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 template for the MVC project you just created. 输入项目名称并选择几个选项后,就拥有了一个可正常运行的应用。You have a working app right now by entering a project name and selecting a few options. 这是一个基本的初学者项目,适合入门使用。This is a basic starter project, and it's a good place to start.

运行应用Run the app

选择 Ctrl+F5 以在非调试模式下运行应用 。Select Ctrl-F5 to run the app in non-debug mode.

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.

  • Visual Studio 启动 IIS Express 并运行应用。Visual Studio starts IIS Express and runs the app. 请注意,地址栏显示 localhost:port#,而不显示 example.com 之类的内容。Notice that the address bar shows localhost:port# and not something like example.com. 这是因为 localhost 是本地计算机的标准主机名。That's because localhost is the standard hostname for your local computer. 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 with Ctrl+F5 (non-debug mode) allows you to make code changes, save the file, refresh the browser, and see the code changes. 许多开发人员更喜欢使用非调试模式快速启动应用并查看更改。Many developers prefer to use non-debug mode to quickly launch the app and view 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

  • 选择“接受”以同意跟踪 。Select Accept to consent to tracking. 此应用不会跟踪个人信息。This app doesn't track personal information. 模板生成的代码包含有助于符合一般数据保护条例 (GDPR) 的资产。The template generated code includes assets to help meet General Data Protection Regulation (GDPR).

    主页或索引页

    下图展示了接受跟踪后的应用:The following image shows the app after accepting tracking:

    主页或索引页

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