ASP.NET中复杂实体嵌套实体的请求绑定问题

背景 #

在Visual Studio中创建Dept的Create视图，需要从枚举和数据表填充的下拉框选择数据并绑定到Dept模型，但现有教程只覆盖简单模型，遇到以下问题。

实体代码 #

class Dept{
    int DeptId{get; set;}
    string Name;
    User Leader;
    ICollection<User> Users;
    Category Cat;
    User Substitute;
}

class User{
    int UserId;
    string Name;
}

enum Category {
    Bla=0, Something=1,
}

DeptController代码 #

class DeptController(){
    public DeptController(){

    }
    [HttpGet]
    public IActionResult Create(){
        ViewBag.Users = new SelectList(userRepository.GetAll().ToString());
        // 其他实体也用类似方式处理
   
        return View();
    }
    [HttpPost]
    public IActionResult Create([Bind("除了Id之外的几乎所有属性")]Dept dep){
        if(ModelState.IsValid){
            // 保存逻辑
        }
        return View(dep);
    }
}

Create.cshtml代码 #

@model Dept
<div class="col">
    <input asp-for="Leader">
    <select asp-for="Leader" asp-items="ViewBag.Users"></select>
</div>
<div class="col">
    <input asp-for="Substitute">
    <select asp-for="Substitute" asp-items="ViewBag.Users"></select>
</div>
<div class="col">
    <input asp-for="Category">
    <select asp-for="Category" asp-items="Html.EnumList<Category>()"></select>
</div>

具体问题 #

1. 无法将Dept的子实体（Leader、Substitute）数据绑定到Dept实体，虽然可以通过方法签名参数（如string Leader）获取值，但需要添加大量参数，再通过仓储加载实体后关联到Dept，想问能不能通过在Dept中添加virtual int LeaderId这类属性仅绑定用户ID，或者有没有更简便的绑定方式。
2. 提交表单时如果验证不通过，之前选中的ViewBag数据和枚举值无法保留，用户体验差。
3. Create方法调用频繁，但用户新增很少，当前每次加载全部用户的方式效率低，求更高效的用户加载方案。

问题1：子实体绑定优化 #

直接加ID属性是最简便的方案，不用改太多现有代码：

• 在Dept类里添加非虚拟的ID属性（不需要EF自动关联，仅用于接收表单值）：

  class Dept{
      // 原有属性保留
      public int LeaderId { get; set; }
      public int SubstituteId { get; set; }
  }
  

• 视图里把asp-for改成对应的ID属性，下拉框的value自动映射UserId：

  <select asp-for="LeaderId" asp-items="ViewBag.Users"></select>
  

• POST方法里，用ID从仓储加载User实体，再赋值给Dept的Leader/Substitute：

  [HttpPost]
  public IActionResult Create(Dept dep){
      if(ModelState.IsValid){
          dep.Leader = userRepository.GetById(dep.LeaderId);
          dep.Substitute = userRepository.GetById(dep.SubstituteId);
          // 执行保存逻辑
      }
      // 重新加载下拉框数据（解决问题2的前置操作）
      return View(dep);
  }
  

如果不想加ID属性，也可以自定义模型绑定器，但对于这个场景来说，加ID属性的开发成本最低，没必要搞复杂逻辑。

问题2：验证失败后保留选中状态 #

核心是验证失败后重新填充ViewBag里的下拉框数据，因为ViewBag是单次请求有效，POST请求不会继承GET的ViewBag数据：

• 修改POST的Create方法，在返回视图前重新加载所有需要的下拉框数据：

  [HttpPost]
  public IActionResult Create(Dept dep){
      if(!ModelState.IsValid){
          // 和GET方法里的代码一致，重新填充下拉框数据源
          ViewBag.Users = new SelectList(userRepository.GetAll(), "UserId", "Name");
          // 其他实体的下拉框也要重复此操作
          return View(dep);
      }
      // 保存成功后跳转列表页
      return RedirectToAction("Index");
  }
  

• 枚举下拉框用自带的辅助方法会自动保留选中状态，把视图里的枚举下拉框改成：

  <select asp-for="Cat" asp-items="Html.GetEnumSelectList<Category>()"></select>
  

  或者用Html辅助类写法：

  @Html.EnumDropDownListFor(m => m.Cat, "请选择分类")
  

  这样验证失败后，选中的枚举值会自动回显。

问题3：用户数据加载优化 #

因为用户新增少、Create页面访问频繁，推荐以下几种方案：

1. 内存缓存用户列表：用内存缓存把用户列表存起来，设置合适的过期时间，用户新增后手动清空缓存：

   private readonly IMemoryCache _cache;
   public DeptController(IMemoryCache cache){
       _cache = cache;
   }
   
   [HttpGet]
   public IActionResult Create(){
       var users = _cache.GetOrCreate("AllUsers", entry => {
           // 设置1小时过期，可根据实际调整
           entry.AbsoluteExpirationRelativeToNow = TimeSpan.FromHours(1);
           return userRepository.GetAll();
       });
       ViewBag.Users = new SelectList(users, "UserId", "Name");
       return View();
   }
   

   当有用户新增/修改/删除时，调用_cache.Remove("AllUsers")更新缓存。
2. 异步加载下拉框：页面初始化时不加载用户数据，用户点击下拉框时再通过AJAX请求加载，减少首次页面加载时间：
   • 视图修改：

     <select asp-for="LeaderId" id="leaderSelect"></select>
     

   • 添加JS逻辑：

     $(document).ready(function(){
         $("#leaderSelect").on("focus", function(){
             // 仅当下拉框为空时才请求数据
             if($(this).children().length === 0){
                 $.get("/User/GetAll", function(data){
                     $.each(data, function(index, user){
                         $("#leaderSelect").append(`<option value="${user.userId}">${user.name}</option>`);
                     });
                 });
             }
         });
     });
     

   • 新增UserController的接口：

     public IActionResult GetAll(){
         var users = userRepository.GetAll().Select(u => new { userId = u.UserId, name = u.Name });
         return Json(users);
     }
     

3. 分页/搜索下拉框：如果用户数量特别多，异步加载时可以做分页，或者加搜索框，用户输入关键词后再返回匹配的用户，进一步减少数据传输量。

内容的提问来源于stack exchange，提问作者EsoMoa