教程：更新相关数据 - ASP.NET MVC 和 EF CoreTutorial: Update related data - ASP.NET MVC with EF Core
- 本文内容
先决条件Prerequisites
自定义“课程”页Customize Courses pages
添加“讲师编辑”页Add Instructors Edit page
- 更新讲师控制器Update the Instructors controller
- 更新讲师编辑视图Update the Instructor Edit view
向“编辑”页添加课程Add courses to Edit page
- 更新讲师控制器Update the Instructors controller
- 更新讲师视图Update the Instructor views
更新“删除”页Update Delete page
向“创建”页添加办公室位置和课程Add office location and courses to Create page
处理事务Handling Transactions
获取代码Get the code
后续步骤Next steps

教程：更新相关数据 - ASP.NET MVC 和 EF CoreTutorial: Update related data - ASP.NET MVC with EF Core

本文内容

上一个教程显示出了相关数据，本教程将通过更新外键字段和导航属性来更新相关数据。

下图是一些将会用到的页面。

在本教程中，你将了解：

自定义“课程”页
添加“讲师编辑”页
向“编辑”页添加课程
更新“删除”页
向“创建”页添加办公室位置和课程

先决条件Prerequisites

读取相关数据

自定义“课程”页Customize Courses pages

创建新的课程实体时，新实体必须与现有院系有关系。为此，基架代码需包括控制器方法、创建视图和编辑视图，且视图中应包括用于选择院系的下拉列表。下拉列表设置了 Course.DepartmentID 外键属性，而这正是 Entity Framework 使用适当的 Department 实体加载 Department 导航属性所需要的。将用到基架代码，但需对其稍作更改，以便添加错误处理和对下拉列表进行排序。

在 CoursesController.cs 中，删除四种 Create 和 Edit 方法，并将其替换为以下代码：

public IActionResult Create()
{
    PopulateDepartmentsDropDownList();
    return View();
}

[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Create([Bind("CourseID,Credits,DepartmentID,Title")] Course course)
{
    if (ModelState.IsValid)
    {
        _context.Add(course);
        await _context.SaveChangesAsync();
        return RedirectToAction(nameof(Index));
    }
    PopulateDepartmentsDropDownList(course.DepartmentID);
    return View(course);
}

public async Task<IActionResult> Edit(int? id)
{
    if (id == null)
    {
        return NotFound();
    }
    var course = await _context.Courses
        .AsNoTracking()
        .FirstOrDefaultAsync(m => m.CourseID == id);
    if (course == null)
    {
        return NotFound();
    }
    PopulateDepartmentsDropDownList(course.DepartmentID);
    return View(course);
}

[HttpPost, ActionName("Edit")]
[ValidateAntiForgeryToken]
public async Task<IActionResult> EditPost(int? id)
{
    if (id == null)
    {
        return NotFound();
    }
    var courseToUpdate = await _context.Courses
        .FirstOrDefaultAsync(c => c.CourseID == id);
    if (await TryUpdateModelAsync<Course>(courseToUpdate,
        "",
        c => c.Credits, c => c.DepartmentID, c => c.Title))
    {
        try
        {
            await _context.SaveChangesAsync();
        }
        catch (DbUpdateException /* ex */)
        {
            //Log the error (uncomment ex variable name and write a log.)
            ModelState.AddModelError("", "Unable to save changes. " +
                "Try again, and if the problem persists, " +
                "see your system administrator.");
        }
        return RedirectToAction(nameof(Index));
    }
    PopulateDepartmentsDropDownList(courseToUpdate.DepartmentID);
    return View(courseToUpdate);
}

在 Edit HttpPost 方法之后，新建一个方法来为下拉列表加载院系信息。

private void PopulateDepartmentsDropDownList(object selectedDepartment = null)
{
    var departmentsQuery = from d in _context.Departments
                           orderby d.Name
                           select d;
    ViewBag.DepartmentID = new SelectList(departmentsQuery.AsNoTracking(), "DepartmentID", "Name", selectedDepartment);
}

PopulateDepartmentsDropDownList 方法获取按名称排序的所有院系的列表，为下拉列表创建 SelectList 集合，并将该集合传递给 ViewBag 中的视图。该方法可以使用可选的 selectedDepartment 参数，而调用的代码可以通过该参数来指定呈现下拉列表时被选择的项。视图将 DepartmentID 名称传递给 <select> 标记帮助器，该帮助器就知道在 ViewBag 对象中查找名为 DepartmentID 的 SelectList。

HttpGet Create 方法调用 PopulateDepartmentsDropDownList 方法，但不会设置选定项，因为对于新课程而言，其院系尚未建立：

public IActionResult Create()
{
    PopulateDepartmentsDropDownList();
    return View();
}

HttpGet Edit 方法根据正在编辑的课程已分配到的院系 ID 设置选定项：

public async Task<IActionResult> Edit(int? id)
{
    if (id == null)
    {
        return NotFound();
    }
    var course = await _context.Courses
        .AsNoTracking()
        .FirstOrDefaultAsync(m => m.CourseID == id);
    if (course == null)
    {
        return NotFound();
    }
    PopulateDepartmentsDropDownList(course.DepartmentID);
    return View(course);
}

Create 和 Edit 这二者的 HttpPost 方法还包括一段代码，用于在错误后重新显示页面时设置选定项。这样可以确保当页面重新显示出现错误消息时，选择的任何院系都将保持选中状态。

将 .AsNoTracking 添加到 Details 和 Delete 方法Add .AsNoTracking to Details and Delete methods

为优化“课程详细信息”和“删除”页面的性能，请在 Details 和 HttpGet Delete 方法中添加 AsNoTracking 调用。

public async Task<IActionResult> Details(int? id)
{
    if (id == null)
    {
        return NotFound();
    }
    var course = await _context.Courses
        .Include(c => c.Department)
        .AsNoTracking()
        .FirstOrDefaultAsync(m => m.CourseID == id);
    if (course == null)
    {
        return NotFound();
    }
    return View(course);
}

public async Task<IActionResult> Delete(int? id)
{
    if (id == null)
    {
        return NotFound();
    }
    var course = await _context.Courses
        .Include(c => c.Department)
        .AsNoTracking()
        .FirstOrDefaultAsync(m => m.CourseID == id);
    if (course == null)
    {
        return NotFound();
    }
    return View(course);
}

修改课程视图Modify the Course views

在 Views/Courses/Create.cshtml 中，向“院系”下拉列表添加一个“选择院系”选项，将标题从 DepartmentID 更改为 Department，并添加一条验证消息。

<div class="form-group">
    <label asp-for="Department" class="control-label"></label>
    <select asp-for="DepartmentID" class="form-control" asp-items="ViewBag.DepartmentID">
        <option value="">-- Select Department --</option>
    </select>
    <span asp-validation-for="DepartmentID" class="text-danger" />

在 Views/Courses/Edit.cshtml 中，对“院系”字段进行与 Create.cshtml 中相同的更改。

另外，在 Views/Courses/Edit.cshtml 中，在“标题”字段之前添加一个课程编号字段。课程编号是主键，因此只会显示，无法更改。

<div class="form-group">
    <label asp-for="CourseID" class="control-label"></label>
    <div>@Html.DisplayFor(model => model.CourseID)</div>
</div>

“编辑”视图中已有一个隐藏的课程编号字段（<input type="hidden">。添加 <label> 标记帮助器后仍然需要该隐藏字段，因为添加标记帮助器后，用户在“编辑”页面上单击“保存”时，已发布数据中并不会包含课程编号。

在 Views/Courses/Delete.cshtml 中，在顶部添加一个课程编号字段，并将院系 ID 更改为院系名称。

@model ContosoUniversity.Models.Course
@{
    ViewData["Title"] = "Delete";
}
<h2>Delete</h2>
<h3>Are you sure you want to delete this?</h3>
<div>
    <h4>Course</h4>
    <hr />
    <dl class="row">
        <dt class="col-sm-2">
            @Html.DisplayNameFor(model => model.CourseID)
        </dt>
        <dd class="col-sm-10">
            @Html.DisplayFor(model => model.CourseID)
        </dd>
        <dt class="col-sm-2">
            @Html.DisplayNameFor(model => model.Title)
        </dt>
        <dd class="col-sm-10">
            @Html.DisplayFor(model => model.Title)
        </dd>
        <dt class="col-sm-2">
            @Html.DisplayNameFor(model => model.Credits)
        </dt>
        <dd class="col-sm-10">
            @Html.DisplayFor(model => model.Credits)
        </dd>
        <dt class="col-sm-2">
            @Html.DisplayNameFor(model => model.Department)
        </dt>
        <dd class="col-sm-10">
            @Html.DisplayFor(model => model.Department.Name)
        </dd>
    </dl>
    <form asp-action="Delete">
        <div class="form-actions no-color">
            <input type="submit" value="Delete" class="btn btn-default" /> |
            <a asp-action="Index">Back to List</a>
        </div>
    </form>
</div>

在 Views/Courses/Details.cshtml 中，进行对 Delete.cshtml 所作相同的更改。

测试“课程”页Test the Course pages

运行应用，选择“课程”选项卡，单击“新建”，然后输入新课程的数据：

单击 “创建” 。课程索引页面随即显示，并且新课程已添加在列表中。索引页列表中的院系名称来自导航属性，表明已正确建立关系。

在课程索引页中的课程上，单击“编辑” 。

更改页面上的数据，然后单击“保存” 。含有更新后的课程数据的“课程索引”页面随即显示。

添加“讲师编辑”页Add Instructors Edit page

编辑讲师记录时，有时希望能更新讲师的办公室分配。Instructor 实体和 OfficeAssignment 实体之间存在一对零或一的关系，这意味着代码必须处理一下情况：

如果用户清除了办公室分配，并且办公室分配最初具有一个值，则删除 OfficeAssignment 实体。
如果用户输入了办公室分配值，并且该值最初为空，则创建一个新的 OfficeAssignment 实体。
如果用户更改了办公室分配的值，则更改现有 OfficeAssignment 实体中的值。

更新讲师控制器Update the Instructors controller

在 InstructorsController.cs 中，更改 HttpGet Edit 方法中的代码，使其加载 Instructor 实体的 OfficeAssignment 导航属性并调用 AsNoTracking：

public async Task<IActionResult> Edit(int? id)
{
    if (id == null)
    {
        return NotFound();
    }
    var instructor = await _context.Instructors
        .Include(i => i.OfficeAssignment)
        .AsNoTracking()
        .FirstOrDefaultAsync(m => m.ID == id);
    if (instructor == null)
    {
        return NotFound();
    }
    return View(instructor);
}

将 HttpPost Edit 方法更新为以下代码，以便处理办公室分配更新：

[HttpPost, ActionName("Edit")]
[ValidateAntiForgeryToken]
public async Task<IActionResult> EditPost(int? id)
{
    if (id == null)
    {
        return NotFound();
    }
    var instructorToUpdate = await _context.Instructors
        .Include(i => i.OfficeAssignment)
        .FirstOrDefaultAsync(s => s.ID == id);
    if (await TryUpdateModelAsync<Instructor>(
        instructorToUpdate,
        "",
        i => i.FirstMidName, i => i.LastName, i => i.HireDate, i => i.OfficeAssignment))
    {
        if (String.IsNullOrWhiteSpace(instructorToUpdate.OfficeAssignment?.Location))
        {
            instructorToUpdate.OfficeAssignment = null;
        }
        try
        {
            await _context.SaveChangesAsync();
        }
        catch (DbUpdateException /* ex */)
        {
            //Log the error (uncomment ex variable name and write a log.)
            ModelState.AddModelError("", "Unable to save changes. " +
                "Try again, and if the problem persists, " +
                "see your system administrator.");
        }
        return RedirectToAction(nameof(Index));
    }
    return View(instructorToUpdate);
}

该代码执行以下操作：

将方法名称更改为 EditPost，因为现在的签名与 HttpGet Edit 方法相同（ActionName 特性指定仍然使用 /Edit/ URL）。
使用 OfficeAssignment 导航属性的预先加载从数据库获取当前的 Instructor 实体。此操作与在 HttpGet Edit 方法中进行的操作相同。
将检索出的 Instructor 实体更新为模型绑定器中的值。通过 TryUpdateModel 重载可以将想包括的属性列入到允许列表。这样可以防止第二个教程中所述的过度发布。

if (await TryUpdateModelAsync<Instructor>(
    instructorToUpdate,
    "",
    i => i.FirstMidName, i => i.LastName, i => i.HireDate, i => i.OfficeAssignment))

如果办公室位置为空，请将 Instructor.OfficeAssignment 属性设置为 NULL，以便删除 OfficeAssignment 表中的相关行。

if (String.IsNullOrWhiteSpace(instructorToUpdate.OfficeAssignment?.Location))
{
    instructorToUpdate.OfficeAssignment = null;
}

将更改保存到数据库。

更新讲师编辑视图Update the Instructor Edit view

在 Views/Instructors/Edit.cshtml 中，在“保存”按钮之前的末尾处，添加一个用于编辑办公室位置的新字段：

<div class="form-group">
    <label asp-for="OfficeAssignment.Location" class="control-label"></label>
    <input asp-for="OfficeAssignment.Location" class="form-control" />
    <span asp-validation-for="OfficeAssignment.Location" class="text-danger" />
</div>

运行应用，选择“讲师”选项卡，然后单击讲师页面上的“编辑” 。更改“办公室位置”，然后单击“保存” 。

向“编辑”页添加课程Add courses to Edit page

讲师可能教授任意数量的课程。现在可以通过使用一组复选框来更改课程分配，从而增强讲师编辑页面的性能，如以下屏幕截图所示：

Course 和 Instructor 实体之间是多对多的关系。若要添加和删除关系，可以向 CourseAssignments 联接实体集添加实体和从中删除实体。

用于更改讲师所对应的课程的 UI 是一组复选框。该复选框中会显示数据库中的所有课程，选中讲师当前对应的课程即可。用户可以通过选择或清除复选框来更改课程分配。如果课程的数量过大，建议使用其他方法在视图中呈现数据，但创建或删除关系的方法与操作联接实体的方法相同。

更新讲师控制器Update the Instructors controller

若要为复选框列表的视图提供数据，将使用视图模型类。

在 SchoolViewModels 文件夹中创建 AssignedCourseData.cs，并将现有代码替换为以下代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
namespace ContosoUniversity.Models.SchoolViewModels
{
    public class AssignedCourseData
    {
        public int CourseID { get; set; }
        public string Title { get; set; }
        public bool Assigned { get; set; }
    }
}

在 InstructorsController.cs 中，将 HttpGet Edit 方法替换为以下代码。突出显示所作更改。

public async Task<IActionResult> Edit(int? id)
{
    if (id == null)
    {
        return NotFound();
    }
    var instructor = await _context.Instructors
        .Include(i => i.OfficeAssignment)
        .Include(i => i.CourseAssignments).ThenInclude(i => i.Course)
        .AsNoTracking()
        .FirstOrDefaultAsync(m => m.ID == id);
    if (instructor == null)
    {
        return NotFound();
    }
    PopulateAssignedCourseData(instructor);
    return View(instructor);
}
private void PopulateAssignedCourseData(Instructor instructor)
{
    var allCourses = _context.Courses;
    var instructorCourses = new HashSet<int>(instructor.CourseAssignments.Select(c => c.CourseID));
    var viewModel = new List<AssignedCourseData>();
    foreach (var course in allCourses)
    {
        viewModel.Add(new AssignedCourseData
        {
            CourseID = course.CourseID,
            Title = course.Title,
            Assigned = instructorCourses.Contains(course.CourseID)
        });
    }
    ViewData["Courses"] = viewModel;
}

该代码为 Courses 导航属性添加了预先加载，并调用新的 PopulateAssignedCourseData 方法使用 AssignedCourseData 视图模型类为复选框数组提供信息。

PopulateAssignedCourseData 方法中的代码会读取所有 Course 实体，以便使用视图模型类加载课程列表。对每门课程而言，该代码都会检查讲师的 Courses 导航属性中是否存在该课程。为高效检查某门课程是否被分配给了讲师，可将分配给该讲师的课程放置于 HashSet 集合中。对于讲师分配到的课程，Assigned 属性则设置为 true。视图将使用此属性来确定应将哪些复选框显示为选中状态。最后，该列表会被传递给 ViewData 中的视图。

接下来，添加用户单击“保存”时执行的代码。将 EditPost 方法替换为以下代码，并添加一个新方法，用于更新 Instructor 实体的 Courses 导航属性。

[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Edit(int? id, string[] selectedCourses)
{
    if (id == null)
    {
        return NotFound();
    }
    var instructorToUpdate = await _context.Instructors
        .Include(i => i.OfficeAssignment)
        .Include(i => i.CourseAssignments)
            .ThenInclude(i => i.Course)
        .FirstOrDefaultAsync(m => m.ID == id);
    if (await TryUpdateModelAsync<Instructor>(
        instructorToUpdate,
        "",
        i => i.FirstMidName, i => i.LastName, i => i.HireDate, i => i.OfficeAssignment))
    {
        if (String.IsNullOrWhiteSpace(instructorToUpdate.OfficeAssignment?.Location))
        {
            instructorToUpdate.OfficeAssignment = null;
        }
        UpdateInstructorCourses(selectedCourses, instructorToUpdate);
        try
        {
            await _context.SaveChangesAsync();
        }
        catch (DbUpdateException /* ex */)
        {
            //Log the error (uncomment ex variable name and write a log.)
            ModelState.AddModelError("", "Unable to save changes. " +
                "Try again, and if the problem persists, " +
                "see your system administrator.");
        }
        return RedirectToAction(nameof(Index));
    }
    UpdateInstructorCourses(selectedCourses, instructorToUpdate);
    PopulateAssignedCourseData(instructorToUpdate);
    return View(instructorToUpdate);
}

private void UpdateInstructorCourses(string[] selectedCourses, Instructor instructorToUpdate)
{
    if (selectedCourses == null)
    {
        instructorToUpdate.CourseAssignments = new List<CourseAssignment>();
        return;
    }
    var selectedCoursesHS = new HashSet<string>(selectedCourses);
    var instructorCourses = new HashSet<int>
        (instructorToUpdate.CourseAssignments.Select(c => c.Course.CourseID));
    foreach (var course in _context.Courses)
    {
        if (selectedCoursesHS.Contains(course.CourseID.ToString()))
        {
            if (!instructorCourses.Contains(course.CourseID))
            {
                instructorToUpdate.CourseAssignments.Add(new CourseAssignment { InstructorID = instructorToUpdate.ID, CourseID = course.CourseID });
            }
        }
        else
        {
            if (instructorCourses.Contains(course.CourseID))
            {
                CourseAssignment courseToRemove = instructorToUpdate.CourseAssignments.FirstOrDefault(i => i.CourseID == course.CourseID);
                _context.Remove(courseToRemove);
            }
        }
    }
}

现在的方法签名与 HttpGet Edit 方法不同，因此方法名称将从 EditPost 变回 Edit。

视图没有 Course 实体的集合，因此模型绑定器无法自动更新 CourseAssignments 导航属性。可在新的 UpdateInstructorCourses 方法中更新 CourseAssignments 导航属性，而不必使用模型绑定器。为此，需要从模型绑定中排除 CourseAssignments 属性。此操作无需对调用 TryUpdateModel 的代码进行任何更改，因为使用的是允许列表重载，并且 CourseAssignments 不包括在该列表中。

如果未选中任何复选框，则 UpdateInstructorCourses 中的代码将使用空集合初始化 CourseAssignments 导航属性，并返回以下内容：

private void UpdateInstructorCourses(string[] selectedCourses, Instructor instructorToUpdate)
{
    if (selectedCourses == null)
    {
        instructorToUpdate.CourseAssignments = new List<CourseAssignment>();
        return;
    }
    var selectedCoursesHS = new HashSet<string>(selectedCourses);
    var instructorCourses = new HashSet<int>
        (instructorToUpdate.CourseAssignments.Select(c => c.Course.CourseID));
    foreach (var course in _context.Courses)
    {
        if (selectedCoursesHS.Contains(course.CourseID.ToString()))
        {
            if (!instructorCourses.Contains(course.CourseID))
            {
                instructorToUpdate.CourseAssignments.Add(new CourseAssignment { InstructorID = instructorToUpdate.ID, CourseID = course.CourseID });
            }
        }
        else
        {
            if (instructorCourses.Contains(course.CourseID))
            {
                CourseAssignment courseToRemove = instructorToUpdate.CourseAssignments.FirstOrDefault(i => i.CourseID == course.CourseID);
                _context.Remove(courseToRemove);
            }
        }
    }
}

之后，代码会循环访问数据库中的所有课程，并逐一检查当前分配给讲师的课程和视图中处于选中状态的课程。为便于高效查找，后两个集合存储在 HashSet 对象中。

如果某课程的复选框处于选中状态，但该课程不在 Instructor.CourseAssignments 导航属性中，则会将该课程添加到导航属性中的集合中。

private void UpdateInstructorCourses(string[] selectedCourses, Instructor instructorToUpdate)
{
    if (selectedCourses == null)
    {
        instructorToUpdate.CourseAssignments = new List<CourseAssignment>();
        return;
    }
    var selectedCoursesHS = new HashSet<string>(selectedCourses);
    var instructorCourses = new HashSet<int>
        (instructorToUpdate.CourseAssignments.Select(c => c.Course.CourseID));
    foreach (var course in _context.Courses)
    {
        if (selectedCoursesHS.Contains(course.CourseID.ToString()))
        {
            if (!instructorCourses.Contains(course.CourseID))
            {
                instructorToUpdate.CourseAssignments.Add(new CourseAssignment { InstructorID = instructorToUpdate.ID, CourseID = course.CourseID });
            }
        }
        else
        {
            if (instructorCourses.Contains(course.CourseID))
            {
                CourseAssignment courseToRemove = instructorToUpdate.CourseAssignments.FirstOrDefault(i => i.CourseID == course.CourseID);
                _context.Remove(courseToRemove);
            }
        }
    }
}

如果某课程的复选框未处于选中状态，但该课程存在 Instructor.CourseAssignments 导航属性中，则会从导航属性中删除该课程。

private void UpdateInstructorCourses(string[] selectedCourses, Instructor instructorToUpdate)
{
    if (selectedCourses == null)
    {
        instructorToUpdate.CourseAssignments = new List<CourseAssignment>();
        return;
    }
    var selectedCoursesHS = new HashSet<string>(selectedCourses);
    var instructorCourses = new HashSet<int>
        (instructorToUpdate.CourseAssignments.Select(c => c.Course.CourseID));
    foreach (var course in _context.Courses)
    {
        if (selectedCoursesHS.Contains(course.CourseID.ToString()))
        {
            if (!instructorCourses.Contains(course.CourseID))
            {
                instructorToUpdate.CourseAssignments.Add(new CourseAssignment { InstructorID = instructorToUpdate.ID, CourseID = course.CourseID });
            }
        }
        else
        {
            if (instructorCourses.Contains(course.CourseID))
            {
                CourseAssignment courseToRemove = instructorToUpdate.CourseAssignments.FirstOrDefault(i => i.CourseID == course.CourseID);
                _context.Remove(courseToRemove);
            }
        }
    }
}

更新讲师视图Update the Instructor views

在 Views/Instructors/Edit.cshtml 中，通过在“办公室”字段的 div 元素之后和“保存”按钮的 div 元素之前添加以下代码，以便添加带有一系列复选框的“课程”字段。

备注

将代码粘贴到 Visual Studio 中时，换行符会发生更改，从而导致代码中断。如果粘贴后代码看起来不同，按 Ctrl+Z 一次可撤消自动格式设置。这样可以修复换行符，使其看起来如此处所示。缩进不一定要完美，但 @</tr><tr>、@:<td>、@:</td> 和 @:</tr> 行必须各成一行（如下所示），否则会出现运行时错误。选中新的代码块后，按 Tab 三次，使新代码与现有代码对齐。Visual Studio 2019 修复了此问题。

<div class="form-group">
    <div class="col-md-offset-2 col-md-10">
        <table>
            <tr>
                @{
                    int cnt = 0;
                    List<ContosoUniversity.Models.SchoolViewModels.AssignedCourseData> courses = ViewBag.Courses;
                    foreach (var course in courses)
                    {
                        if (cnt++ % 3 == 0)
                        {
                            @:</tr><tr>
                        }
                        @:<td>
                            <input type="checkbox"
                                   name="selectedCourses"
                                   value="@course.CourseID"
                                   @(Html.Raw(course.Assigned ? "checked=\"checked\"" : "")) />
                                   @course.CourseID @:  @course.Title
                        @:</td>
                    }
                    @:</tr>
                }
        </table>
    </div>
</div>

此代码将创建一个具有三列的 HTML 表。每个列中都有一个复选框，随后是一段由课程编号和标题组成的描述文字。所有复选框都具有相同的名称，即 selectedCourses，以告知模型绑定器将它们视为一组。每个复选框的值特性被设置为 CourseID 的值。发布页面时，模型绑定器会向控制器传递一个数组，其中只包括所选复选框的 CourseID 值。

这些复选框最开始呈现时，对于分配给讲师的课程的复选框，其特性处于选中状态。

运行应用，选择“讲师”选项卡，然后单击讲师页面上的“编辑”以查看“编辑”页面。

更改某些课程分配并单击“保存”。所作更改将反映在索引页上。

备注

此处所使用的编辑讲师课程数据的方法适用于数量有限的课程。若是远大于此的集合，则需要使用不同的 UI 和不同的更新方法。

更新“删除”页Update Delete page

在 InstructorsController.cs 中，删除 DeleteConfirmed 方法，并在其位置插入以下代码。

[HttpPost, ActionName("Delete")]
[ValidateAntiForgeryToken]
public async Task<IActionResult> DeleteConfirmed(int id)
{
    Instructor instructor = await _context.Instructors
        .Include(i => i.CourseAssignments)
        .SingleAsync(i => i.ID == id);
    var departments = await _context.Departments
        .Where(d => d.InstructorID == id)
        .ToListAsync();
    departments.ForEach(d => d.InstructorID = null);
    _context.Instructors.Remove(instructor);
    await _context.SaveChangesAsync();
    return RedirectToAction(nameof(Index));
}

此代码会更改以下内容：

对 CourseAssignments 导航属性执行预先加载。必须包括此内容，否则 EF 不知道相关的 CourseAssignment 实体，也不会删除它们。为避免在此处阅读它们，可以在数据库中配置级联删除。
如果要删除的讲师被指派为任何系的管理员，则需从这些系中删除该讲师分配。

向“创建”页添加办公室位置和课程Add office location and courses to Create page

在 InstructorsController.cs 中，删除 HttpGet 和 HttpPost Create 方法，然后在其位置添加以下代码：

public IActionResult Create()
{
    var instructor = new Instructor();
    instructor.CourseAssignments = new List<CourseAssignment>();
    PopulateAssignedCourseData(instructor);
    return View();
}
// POST: Instructors/Create
[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Create([Bind("FirstMidName,HireDate,LastName,OfficeAssignment")] Instructor instructor, string[] selectedCourses)
{
    if (selectedCourses != null)
    {
        instructor.CourseAssignments = new List<CourseAssignment>();
        foreach (var course in selectedCourses)
        {
            var courseToAdd = new CourseAssignment { InstructorID = instructor.ID, CourseID = int.Parse(course) };
            instructor.CourseAssignments.Add(courseToAdd);
        }
    }
    if (ModelState.IsValid)
    {
        _context.Add(instructor);
        await _context.SaveChangesAsync();
        return RedirectToAction(nameof(Index));
    }
    PopulateAssignedCourseData(instructor);
    return View(instructor);
}

此代码与 Edit 方法中所示内容类似，只是最开始未选择任何课程。HttpGet Create 方法调用 PopulateAssignedCourseData 方法不是因为可能有课程处于选中状态，而是为了在视图中为 foreach 循环提供空集合（否则该视图代码将引发空引用异常）。

检查是否存在验证错误并向数据库添加新讲师之前，HttpPost Create 方法会将每个选定课程添加到 CourseAssignments 导航属性。即使存在模型错误也会添加课程，因此出现模型错误（例如用户键入了无效的日期）并且页面重新显示并出现错误消息时，所作的任何课程选择都会自动还原。

请注意，为了能够向 CourseAssignments 导航属性添加课程，必须将该属性初始化为空集合：

instructor.CourseAssignments = new List<CourseAssignment>();

除了在控制器代码中进行此操作之外，还可以在“导师”模型中进行此操作，方法是将该属性更改为不存在集合时自动创建集合，如以下示例所示：

private ICollection<CourseAssignment> _courseAssignments;
public ICollection<CourseAssignment> CourseAssignments
{
    get
    {
        return _courseAssignments ?? (_courseAssignments = new List<CourseAssignment>());
    }
    set
    {
        _courseAssignments = value;
    }
}

如果通过这种方式修改 CourseAssignments 属性，则可以删除控制器中的显式属性初始化代码。

在 Views/Instructor/Create.cshtml 中，添加一个办公室位置文本框和课程的复选框，然后按“提交”按钮。与“编辑”页面中一样，如果粘贴代码时 Visual Studio 重新设置了其格式，则修复该格式。

<div class="form-group">
    <label asp-for="OfficeAssignment.Location" class="control-label"></label>
    <input asp-for="OfficeAssignment.Location" class="form-control" />
    <span asp-validation-for="OfficeAssignment.Location" class="text-danger" />
</div>

<div class="form-group">
    <div class="col-md-offset-2 col-md-10">
        <table>
            <tr>
                @{
                    int cnt = 0;
                    List<ContosoUniversity.Models.SchoolViewModels.AssignedCourseData> courses = ViewBag.Courses;

                    foreach (var course in courses)
                    {
                        if (cnt++ % 3 == 0)
                        {
                            @:</tr><tr>
                        }
                        @:<td>
                            <input type="checkbox"
                                   name="selectedCourses"
                                   value="@course.CourseID"
                                   @(Html.Raw(course.Assigned ? "checked=\"checked\"" : "")) />
                                   @course.CourseID @:  @course.Title
                            @:</td>
                    }
                    @:</tr>
                }
        </table>
    </div>
</div>

通过运行应用并创建讲师来进行测试。

处理事务Handling Transactions

如 CRUD 教程中所述，Entity Framework 隐式实现事务。如果需要更多控制操作（例如，如果想要在事务中包含在 Entity Framework 外部完成的操作），请参阅事务。

获取代码Get the code

下载或查看已完成的应用程序。

后续步骤Next steps

在本教程中，你将了解：

已自定义“课程”页
已添加“讲师编辑”页
已向“编辑”页添加课程
已更新“删除”页
已向“创建”页添加办公室位置和课程

请继续阅读下一篇教程，了解如何处理并发冲突。

处理并发冲突