《asp.net core 3 高级编程(第8版)》学习笔记 02

第三章 第一个 asp.net core 应用程序

原书的代码托管在 github: Apress/pro-asp.net-core-3: Source Code for 'Pro ASP.NET Core 3' by Adam Freeman

搭建应用程序的框架

本篇将创建一个 RSVP 的应用程序，RSVP 来自法语，是敬请回复的意思。代码完成后，应用程序的大致功能如下：

首页：

点击 RSVP Now 按钮，提交是否参加 Party：

i

填写 Name, email address 和 phone以及是否参加：

提交后进入反馈页面：

可以查看哪些人将参加 Party:

第一步，搭建应用程序的框架，使用 Asp.net core empty 项目模板，使用 Visual Studio 创建过程请参考上一篇。完成后，首先修改 startup.cs 文件：

因为我们计划使用 MVC 模式，所以分别创建 model, controller 和 view。为了让程序能跑起来，我们首先创建 controller 和 view 如下：

这样程序就可以正常运行了。

添加数据模型

PartyInvites 作为一个简单的应用程序，只需要一个域模型 GuestResponse。在 Models 文件夹中创建 GuestResponse.cs 文件，代码如下：

实现 RSVP 表单

接下来要实现 RSVP 表单并且能让页面之间实现跳转。对于 RSVP 表单来说，在 HomeController 中要有 Action 方法，允许路由根据规则指定渲染的视图。在 HomeController 中添加两个方法，GET 请求用于默认 RSVP 表单的展示，POST 请求用于将数据写到后台（真实的应该是数据库）并且给提交者一个反馈（thanks 视图）。下面的代码说明了该目的：

与 Action 方法对应，我们需要 RSVP 视图和 thanks 视图。RSVP 视图是一个表单，允许用户在填写后提交：

注意 Highlight 的地方，并不是 html 语法，而是微软的 tag helper，为了能使用 tag helper 需要在项目中创建一个 view import 文件，并且加载 tag helper，否则会出现错误。

tag helper 能极大简化 html 标记的输入，运行时由 asp.net core 平台翻译成 html 标记进行渲染。比如 name 这个 input 标签：

我们还需要创建 thanks 视图：

现在有了三个视图，我们还要能让不同的视图之间能够跳转。跳转通过超链接 a 标记实现，tag helper 的 asp-action 属性在运行的时候添加 href 属性。

跳转到 thanks 视图通过在 HomeController 中指定路由负责。

理解模型绑定

模型绑定是 asp.net core 一个强大的特性，它允许使用 C# 对象而不是浏览器发送的单个数据值，从而消除了直接处理 http 请求的复杂性。为了演示模型绑定，这里使用的场景是：被邀请人在 rsvpform 视图中填写的回复被记录下来，并反馈给被邀请人，被邀请人还可以查看有哪些人将参加 Party。

正常情况下，后端必须有数据库来存储应用程序的信息，为简便起见，这里使用 List<GeustResponse> 临时存放数据：

在 HomeController 中，RsvpForm 的参数从 html 表单中提取值，并将他们分配给 GuestResponse 对象的属性。

为观察模型绑定，在这里设置一个断点：

模型绑定也可以将对象值传递给视图。比如刚才的例子，作为 Response，当用户填写了表单后，收到平台的反馈 （thanks）视图：

控制器 RsvpForm 的 Post 请求通知路由将 thanks 视图反馈给填写者：

thanks 视图则根据接收到的信息显示：

填写者还可以查看哪些人参加 Party，该功能通过 HomeController 的 ListResponse 操作方法和 ListResponse Razor 视图实现。

源码

pro asp.net core 3 notes: 《ASP.NET Core 3高级编程（第8版）》学习笔记