ASP.NET Core MVC 入门

文章目录

• 一、先决条件
• • [Visual Studio](#Visual Studio)
  • [Visual Studio Code](#Visual Studio Code)
• 二、创建Web应用
• • [Visual Studio](#Visual Studio)
  • [Visual Studio Code](#Visual Studio Code)
• [三、Visual Studio](#三、Visual Studio)
• • [Visual Studio](#Visual Studio)
  • [Visual Studio Code](#Visual Studio Code)

---

一、先决条件

Visual Studio

Visual Studio 2022 预览版与"ASP.NET 和 Web 开发"工作负载。

Visual Studio Code

Visual Studio Code

适用于 Visual Studio Code 的 C# 开发工具包

.NET 9.0 SDK

可以按照 macOS、Linux 或 Windows 上的 Visual Studio Code 说明进行操作。 如果使用 Visual Studio Code 以外的集成开发环境 (IDE)，可能需要更改。

二、创建Web应用

Visual Studio

• 启动 Visual Studio 并选择"创建新项目"。
• 在"创建新项目"对话框中，选择"ASP.NET Core Web 应用(模型-视图-控制器)">"下一步"。
• 在"配置新项目"对话框中：
  为"项目名称"输入 MvcMovie。 务必要将项目命名为"MvcMovie"。 复制代码时，大小写需要匹配每个 namespace。
  可以将项目的"位置"设置为任意位置。
• 选择下一步。
• 在"其他信息"对话框中：
  选择".NET 9.0 (预览版)"。
  验证是否未选中"不使用顶级语句"。
• 选择"创建"。

有关详细信息（包括创建项目的替代方法），请参阅在 Visual Studio 中创建新项目。

Visual Studio 为创建的 MVC 项目使用默认项目模板。 创建的项目：

• 是一个有效的应用。
• 是一个基本的入门项目。

Visual Studio Code

本教程假定用户熟悉 VS Code。 有关详细信息，请参阅 VS Code 入门和 Visual Studio Code 帮助。

• 从"终端"菜单中选择"新建终端"以打开集成终端。

• 更改为将包含项目的目录 (cd)。 项目可以位于任意位置。

• 运行以下命令：

dotnet new mvc -o MvcMovie
code -r MvcMovie

dotnet new 命令在 MvcMovie 文件夹中创建一个新的 ASP.NET Core MVC 项目。

code 命令在 Visual Studio Code 的当前实例中打开 MvcMovie 项目文件夹。

Visual Studio Code 可能会显示一个对话框，询问："你是否信任此文件夹中的文件作者?"

• 如果你信任父文件夹中的所有文件，请选择"信任父文件夹中所有文件的作者"。
• 选择"是，我信任所有作者"，因为项目文件夹包含 .NET 生成的文件。
• 当 Visual Studio Code 请求你添加资产来生成和调试项目时，请选择"是"。 如果 Visual Studio Code 不提供添加生成和调试资产的功能，请选择"视图">"命令面板"，然后在搜索框中输入".NET"。 从命令列表中选择 .NET: Generate Assets for Build and Debug 命令。
  Visual Studio Code 添加一个包含生成的 launch.json 和 tasks.json 文件的 .vscode 文件夹。

三、Visual Studio

Visual Studio

• 按 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 项目时，Web 服务器使用的是随机端口。

在不进行调试的情况下通过按 Ctrl+F5 启动应用，可以：

• 更改代码。
• 保存文件。
• 快速刷新浏览器并查看代码更改。
  可以从"调试"菜单中以调试或非调试模式启动应用：

可以通过选择工具栏中的"https"按钮来调试应用：

下图显示该应用：

Home 或索引页

关闭浏览器窗口。 Visual Studio 将停止应用程序。

Visual Studio Code

• 通过运行以下命令来信任 HTTPS 开发证书：

dotnet dev-certs https --trust

如果证书以前不受信任，上述命令显示以下对话：

• 如果你同意信任开发证书，请选择"是"。

有关详细信息，请参阅强制执行 SSL 文章的信任 ASP.NET Core HTTPS 开发证书部分。

有关信任 Firefox 浏览器的信息，请参阅 Firefox SEC_ERROR_INADEQUATE_KEY_USAGE 证书错误。

• 在 Visual Studio Code 中，按 Ctrl+F5 (Windows)/^+F5 (macOS) 以在不进行调试的情况下运行应用。

Visual Studio Code：

启动 Kestrel

启动浏览器。

导航到 https://localhost:<port#>。

地址栏显示 localhost:<port#>，而不是显示 example.com。 本地计算机的标准主机名为 localhost。 Localhost 仅为来自本地计算机的 Web 请求提供服务。

准主机名为 localhost。 Localhost 仅为来自本地计算机的 Web 请求提供服务。

在不进行调试的情况下，通过选择 Ctrl+F5 启动应用，可以：

• 更改代码。

• 保存文件。

• 快速刷新浏览器并查看代码更改。

• 关闭浏览器窗口。

• 在 Visual Studio Code 的"运行"菜单中，选择"停止调试"或按 Shift+F5 停止应用。

---