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

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

“讲师编辑”页面

在本教程中，你将了解：

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

自定义“课程”页Customize Courses pages

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

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

  1. [HttpPost]
  2. [ValidateAntiForgeryToken]
  3. public async Task<IActionResult> Create([Bind("CourseID,Credits,DepartmentID,Title")] Course course)
  4. {
  5.     if (ModelState.IsValid)
  6.     {
  7.         _context.Add(course);
  8.         await _context.SaveChangesAsync();
  9.         return RedirectToAction(nameof(Index));
  10.     }
  11.     PopulateDepartmentsDropDownList(course.DepartmentID);
  12.     return View(course);
  13. }
  1. public async Task<IActionResult> Edit(int? id)
  2. {
  3.     if (id == null)
  4.     {
  5.         return NotFound();
  6.     }
  8.     var course = await _context.Courses
  9.         .AsNoTracking()
  10.         .FirstOrDefaultAsync(m => m.CourseID == id);
  11.     if (course == null)
  12.     {
  13.         return NotFound();
  14.     }
  15.     PopulateDepartmentsDropDownList(course.DepartmentID);
  16.     return View(course);
  17. }
  1. [HttpPost, ActionName("Edit")]
  2. [ValidateAntiForgeryToken]
  3. public async Task<IActionResult> EditPost(int? id)
  4. {
  5.     if (id == null)
  6.     {
  7.         return NotFound();
  8.     }
  10.     var courseToUpdate = await _context.Courses
  11.         .FirstOrDefaultAsync(c => c.CourseID == id);
  13.     if (await TryUpdateModelAsync<Course>(courseToUpdate,
  14.         "",
  15.         c => c.Credits, c => c.DepartmentID, c => c.Title))
  16.     {
  17.         try
  18.         {
  19.             await _context.SaveChangesAsync();
  20.         }
  21.         catch (DbUpdateException /* ex */)
  22.         {
  23.             //Log the error (uncomment ex variable name and write a log.)
  24.             ModelState.AddModelError("", "Unable to save changes. " +
  25.                 "Try again, and if the problem persists, " +
  26.                 "see your system administrator.");
  27.         }
  28.         return RedirectToAction(nameof(Index));
  29.     }
  30.     PopulateDepartmentsDropDownList(courseToUpdate.DepartmentID);
  31.     return View(courseToUpdate);
  32. }

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

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

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

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

  1. public IActionResult Create()
  2. {
  3.     PopulateDepartmentsDropDownList();
  4.     return View();
  5. }

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

  1. public async Task<IActionResult> Edit(int? id)
  2. {
  3.     if (id == null)
  4.     {
  5.         return NotFound();
  6.     }
  8.     var course = await _context.Courses
  9.         .AsNoTracking()
  10.         .FirstOrDefaultAsync(m => m.CourseID == id);
  11.     if (course == null)
  12.     {
  13.         return NotFound();
  14.     }
  15.     PopulateDepartmentsDropDownList(course.DepartmentID);
  16.     return View(course);
  17. }

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

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

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

  1. public async Task<IActionResult> Details(int? id)
  2. {
  3.     if (id == null)
  4.     {
  5.         return NotFound();
  6.     }
  8.     var course = await _context.Courses
  9.         .Include(c => c.Department)
  10.         .AsNoTracking()
  11.         .FirstOrDefaultAsync(m => m.CourseID == id);
  12.     if (course == null)
  13.     {
  14.         return NotFound();
  15.     }
  17.     return View(course);
  18. }
  1. public async Task<IActionResult> Delete(int? id)
  2. {
  3.     if (id == null)
  4.     {
  5.         return NotFound();
  6.     }
  8.     var course = await _context.Courses
  9.         .Include(c => c.Department)
  10.         .AsNoTracking()
  11.         .FirstOrDefaultAsync(m => m.CourseID == id);
  12.     if (course == null)
  13.     {
  14.         return NotFound();
  15.     }
  17.     return View(course);
  18. }

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

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

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

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

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

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

  1. @model ContosoUniversity.Models.Course
  3. @{
  4.     ViewData["Title"] = "Delete";
  5. }
  7. <h2>Delete</h2>
  9. <h3>Are you sure you want to delete this?</h3>
  10. <div>
  11.     <h4>Course</h4>
  12.     <hr />
  13.     <dl class="row">
  14.         <dt class="col-sm-2">
  15.             @Html.DisplayNameFor(model => model.CourseID)
  16.         </dt>
  17.         <dd class="col-sm-10">
  18.             @Html.DisplayFor(model => model.CourseID)
  19.         </dd>
  20.         <dt class="col-sm-2">
  21.             @Html.DisplayNameFor(model => model.Title)
  22.         </dt>
  23.         <dd class="col-sm-10">
  24.             @Html.DisplayFor(model => model.Title)
  25.         </dd>
  26.             @Html.DisplayNameFor(model => model.Credits)
  27.         </dt>
  28.         <dd class="col-sm-10">
  29.             @Html.DisplayFor(model => model.Credits)
  30.         </dd>
  31.         <dt class="col-sm-2">
  32.             @Html.DisplayNameFor(model => model.Department)
  33.         </dt>
  34.         <dd class="col-sm-10">
  35.             @Html.DisplayFor(model => model.Department.Name)
  36.         </dd>
  37.     </dl>
  39.     <form asp-action="Delete">
  40.         <div class="form-actions no-color">
  41.             <input type="submit" value="Delete" class="btn btn-default" /> |
  43.         </div>
  44.     </form>
  45. </div>

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

测试“课程”页Test the Course pages

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

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

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

“课程编辑”页面

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

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

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

  • 如果用户清除了办公室分配，并且办公室分配最初具有一个值，则删除 OfficeAssignment 实体。

  • 如果用户更改了办公室分配的值，则更改现有 OfficeAssignment 实体中的值。

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

  1. public async Task<IActionResult> Edit(int? id)
  2. {
  3.     if (id == null)
  4.     {
  5.         return NotFound();
  6.     }
  8.     var instructor = await _context.Instructors
  9.         .Include(i => i.OfficeAssignment)
  10.         .AsNoTracking()
  11.         .FirstOrDefaultAsync(m => m.ID == id);
  12.     if (instructor == null)
  13.     {
  14.         return NotFound();
  15.     }
  16.     return View(instructor);
  17. }

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

  1. [HttpPost, ActionName("Edit")]
  2. [ValidateAntiForgeryToken]
  3. public async Task<IActionResult> EditPost(int? id)
  4. {
  5.     if (id == null)
  6.     {
  7.         return NotFound();
  8.     }
  10.     var instructorToUpdate = await _context.Instructors
  11.         .Include(i => i.OfficeAssignment)
  12.         .FirstOrDefaultAsync(s => s.ID == id);
  14.     if (await TryUpdateModelAsync<Instructor>(
  15.         instructorToUpdate,
  16.         "",
  17.         i => i.FirstMidName, i => i.LastName, i => i.HireDate, i => i.OfficeAssignment))
  18.     {
  19.         if (String.IsNullOrWhiteSpace(instructorToUpdate.OfficeAssignment?.Location))
  20.         {
  21.             instructorToUpdate.OfficeAssignment = null;
  22.         }
  23.         try
  24.         {
  25.             await _context.SaveChangesAsync();
  26.         }
  27.         catch (DbUpdateException /* ex */)
  28.         {
  29.             //Log the error (uncomment ex variable name and write a log.)
  30.             ModelState.AddModelError("", "Unable to save changes. " +
  31.                 "Try again, and if the problem persists, " +
  32.                 "see your system administrator.");
  33.         }
  34.         return RedirectToAction(nameof(Index));
  35.     }
  36.     return View(instructorToUpdate);
  37. }

该代码执行以下操作：

  • 将方法名称更改为 EditPost，因为现在的签名与 HttpGet Edit 方法相同（ActionName 特性指定仍然使用 /Edit/ URL）。

  • 使用 OfficeAssignment 导航属性的预先加载从数据库获取当前的 Instructor 实体。此操作与在 HttpGet Edit 方法中进行的操作相同。

  • 将检索出的 Instructor 实体更新为模型绑定器中的值。通过 TryUpdateModel 重载可以将想包括的属性列入到允许列表。这样可以防止中所述的过度发布。

  1. if (await TryUpdateModelAsync<Instructor>(
  2.     instructorToUpdate,
  3.     "",
  4.     i => i.FirstMidName, i => i.LastName, i => i.HireDate, i => i.OfficeAssignment))
  • 如果办公室位置为空，请将 Instructor.OfficeAssignment 属性设置为 NULL，以便删除 OfficeAssignment 表中的相关行。
  1. if (String.IsNullOrWhiteSpace(instructorToUpdate.OfficeAssignment?.Location))
  2. {
  3.     instructorToUpdate.OfficeAssignment = null;
  4. }
  • 将更改保存到数据库。

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

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

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

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

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

带课程信息的讲师“编辑”页

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

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

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

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

  1. using System;
  2. using System.Collections.Generic;
  3. using System.Linq;
  4. using System.Threading.Tasks;
  6. namespace ContosoUniversity.Models.SchoolViewModels
  7. {
  8.     public class AssignedCourseData
  9.     {
  10.         public int CourseID { get; set; }
  11.         public string Title { get; set; }
  12.         public bool Assigned { get; set; }
  13.     }
  14. }

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

  1. public async Task<IActionResult> Edit(int? id)
  2. {
  3.     if (id == null)
  4.     {
  5.         return NotFound();
  6.     }
  8.     var instructor = await _context.Instructors
  9.         .Include(i => i.OfficeAssignment)
  10.         .Include(i => i.CourseAssignments).ThenInclude(i => i.Course)
  11.         .AsNoTracking()
  12.         .FirstOrDefaultAsync(m => m.ID == id);
  13.     if (instructor == null)
  14.     {
  15.         return NotFound();
  16.     }
  17.     PopulateAssignedCourseData(instructor);
  18.     return View(instructor);
  19. }
  21. private void PopulateAssignedCourseData(Instructor instructor)
  22. {
  23.     var allCourses = _context.Courses;
  24.     var instructorCourses = new HashSet<int>(instructor.CourseAssignments.Select(c => c.CourseID));
  25.     var viewModel = new List<AssignedCourseData>();
  26.     foreach (var course in allCourses)
  27.     {
  28.         viewModel.Add(new AssignedCourseData
  29.         {
  30.             CourseID = course.CourseID,
  31.             Title = course.Title,
  32.             Assigned = instructorCourses.Contains(course.CourseID)
  33.         });
  34.     }
  35.     ViewData["Courses"] = viewModel;
  36. }

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

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

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

  1. [HttpPost]
  2. [ValidateAntiForgeryToken]
  3. public async Task<IActionResult> Edit(int? id, string[] selectedCourses)
  4. {
  5.     if (id == null)
  6.     {
  7.         return NotFound();
  8.     }
  10.     var instructorToUpdate = await _context.Instructors
  11.         .Include(i => i.OfficeAssignment)
  12.         .Include(i => i.CourseAssignments)
  13.             .ThenInclude(i => i.Course)
  14.         .FirstOrDefaultAsync(m => m.ID == id);
  16.     if (await TryUpdateModelAsync<Instructor>(
  17.         instructorToUpdate,
  18.         "",
  19.         i => i.FirstMidName, i => i.LastName, i => i.HireDate, i => i.OfficeAssignment))
  20.     {
  21.         if (String.IsNullOrWhiteSpace(instructorToUpdate.OfficeAssignment?.Location))
  22.         {
  23.             instructorToUpdate.OfficeAssignment = null;
  24.         }
  25.         UpdateInstructorCourses(selectedCourses, instructorToUpdate);
  26.         try
  27.         {
  28.             await _context.SaveChangesAsync();
  29.         }
  30.         catch (DbUpdateException /* ex */)
  31.         {
  32.             //Log the error (uncomment ex variable name and write a log.)
  33.             ModelState.AddModelError("", "Unable to save changes. " +
  34.                 "Try again, and if the problem persists, " +
  35.                 "see your system administrator.");
  36.         }
  37.     }
  38.     UpdateInstructorCourses(selectedCourses, instructorToUpdate);
  39.     PopulateAssignedCourseData(instructorToUpdate);
  40.     return View(instructorToUpdate);
  41. }

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

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

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

  1. private void UpdateInstructorCourses(string[] selectedCourses, Instructor instructorToUpdate)
  2. {
  3.     if (selectedCourses == null)
  4.     {
  5.         instructorToUpdate.CourseAssignments = new List<CourseAssignment>();
  6.         return;
  7.     }
  9.     var selectedCoursesHS = new HashSet<string>(selectedCourses);
  10.     var instructorCourses = new HashSet<int>
  11.         (instructorToUpdate.CourseAssignments.Select(c => c.Course.CourseID));
  12.     foreach (var course in _context.Courses)
  13.     {
  14.         if (selectedCoursesHS.Contains(course.CourseID.ToString()))
  15.         {
  16.             if (!instructorCourses.Contains(course.CourseID))
  17.             {
  18.                 instructorToUpdate.CourseAssignments.Add(new CourseAssignment { InstructorID = instructorToUpdate.ID, CourseID = course.CourseID });
  19.             }
  20.         }
  21.         else
  22.         {
  24.             if (instructorCourses.Contains(course.CourseID))
  25.             {
  26.                 CourseAssignment courseToRemove = instructorToUpdate.CourseAssignments.FirstOrDefault(i => i.CourseID == course.CourseID);
  27.                 _context.Remove(courseToRemove);
  28.             }
  29.         }
  30.     }
  31. }

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

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

  1. private void UpdateInstructorCourses(string[] selectedCourses, Instructor instructorToUpdate)
  2. {
  3.     if (selectedCourses == null)
  4.     {
  5.         instructorToUpdate.CourseAssignments = new List<CourseAssignment>();
  6.         return;
  7.     }
  9.     var selectedCoursesHS = new HashSet<string>(selectedCourses);
  10.     var instructorCourses = new HashSet<int>
  11.         (instructorToUpdate.CourseAssignments.Select(c => c.Course.CourseID));
  12.     foreach (var course in _context.Courses)
  13.     {
  14.         if (selectedCoursesHS.Contains(course.CourseID.ToString()))
  15.         {
  16.             if (!instructorCourses.Contains(course.CourseID))
  17.             {
  18.                 instructorToUpdate.CourseAssignments.Add(new CourseAssignment { InstructorID = instructorToUpdate.ID, CourseID = course.CourseID });
  19.             }
  20.         }
  21.         else
  22.         {
  24.             if (instructorCourses.Contains(course.CourseID))
  25.             {
  26.                 CourseAssignment courseToRemove = instructorToUpdate.CourseAssignments.FirstOrDefault(i => i.CourseID == course.CourseID);
  27.                 _context.Remove(courseToRemove);
  28.             }
  29.         }
  30.     }
  31. }

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

  1. private void UpdateInstructorCourses(string[] selectedCourses, Instructor instructorToUpdate)
  2. {
  3.     if (selectedCourses == null)
  4.     {
  5.         instructorToUpdate.CourseAssignments = new List<CourseAssignment>();
  6.         return;
  7.     }
  9.     var selectedCoursesHS = new HashSet<string>(selectedCourses);
  10.     var instructorCourses = new HashSet<int>
  11.         (instructorToUpdate.CourseAssignments.Select(c => c.Course.CourseID));
  12.     foreach (var course in _context.Courses)
  13.     {
  14.         if (selectedCoursesHS.Contains(course.CourseID.ToString()))
  15.         {
  16.             if (!instructorCourses.Contains(course.CourseID))
  17.             {
  18.                 instructorToUpdate.CourseAssignments.Add(new CourseAssignment { InstructorID = instructorToUpdate.ID, CourseID = course.CourseID });
  19.             }
  20.         }
  21.         else
  22.         {
  24.             if (instructorCourses.Contains(course.CourseID))
  25.             {
  26.                 CourseAssignment courseToRemove = instructorToUpdate.CourseAssignments.FirstOrDefault(i => i.CourseID == course.CourseID);
  27.                 _context.Remove(courseToRemove);
  28.             }
  29.         }
  30.     }
  31. }

更新讲师视图Update the Instructor views

备注

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

  1. <div class="form-group">
  2.     <div class="col-md-offset-2 col-md-10">
  3.         <table>
  4.             <tr>
  5.                 @{
  6.                     int cnt = 0;
  7.                     List<ContosoUniversity.Models.SchoolViewModels.AssignedCourseData> courses = ViewBag.Courses;
  9.                     foreach (var course in courses)
  10.                     {
  11.                         if (cnt++ % 3 == 0)
  12.                         {
  13.                             @:</tr><tr>
  14.                         }
  15.                         @:<td>
  16.                             <input type="checkbox"
  17.                                    name="selectedCourses"
  18.                                    value="@course.CourseID"
  19.                                    @(Html.Raw(course.Assigned ? "checked=\"checked\"" : "")) />
  20.                                    @course.CourseID @:  @course.Title
  21.                         @:</td>
  22.                     }
  23.                     @:</tr>
  24.                 }
  25.         </table>
  26.     </div>
  27. </div>

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

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

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

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

备注

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

更新“删除”页Update Delete page

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

  1. [HttpPost, ActionName("Delete")]
  2. [ValidateAntiForgeryToken]
  3. public async Task<IActionResult> DeleteConfirmed(int id)
  4. {
  5.     Instructor instructor = await _context.Instructors
  6.         .Include(i => i.CourseAssignments)
  7.         .SingleAsync(i => i.ID == id);
  9.     var departments = await _context.Departments
  10.         .Where(d => d.InstructorID == id)
  11.         .ToListAsync();
  12.     departments.ForEach(d => d.InstructorID = null);
  14.     _context.Instructors.Remove(instructor);
  16.     await _context.SaveChangesAsync();
  17.     return RedirectToAction(nameof(Index));
  18. }

此代码会更改以下内容：

  • 对 CourseAssignments 导航属性执行预先加载。必须包括此内容，否则 EF 不知道相关的 CourseAssignment 实体，也不会删除它们。为避免在此处阅读它们，可以在数据库中配置级联删除。

  • 如果要删除的讲师被指派为任何系的管理员，则需从这些系中删除该讲师分配。

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

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

  1. public IActionResult Create()
  2. {
  3.     var instructor = new Instructor();
  4.     instructor.CourseAssignments = new List<CourseAssignment>();
  5.     PopulateAssignedCourseData(instructor);
  6.     return View();
  7. }
  9. // POST: Instructors/Create
  10. [HttpPost]
  11. [ValidateAntiForgeryToken]
  12. public async Task<IActionResult> Create([Bind("FirstMidName,HireDate,LastName,OfficeAssignment")] Instructor instructor, string[] selectedCourses)
  13. {
  14.     if (selectedCourses != null)
  15.     {
  16.         instructor.CourseAssignments = new List<CourseAssignment>();
  17.         foreach (var course in selectedCourses)
  18.         {
  19.             var courseToAdd = new CourseAssignment { InstructorID = instructor.ID, CourseID = int.Parse(course) };
  20.             instructor.CourseAssignments.Add(courseToAdd);
  21.         }
  22.     }
  23.     if (ModelState.IsValid)
  24.     {
  25.         _context.Add(instructor);
  26.         await _context.SaveChangesAsync();
  27.         return RedirectToAction(nameof(Index));
  28.     }
  29.     PopulateAssignedCourseData(instructor);
  30.     return View(instructor);
  31. }

此代码与 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 中，添加一个办公室位置文本框和课程的复选框，然后按“提交”按钮 。与“编辑”页面中一样，。



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


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


获取代码Get the code


后续步骤Next steps
在本教程中，你将了解：


    

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


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