Blazor中Scoped服务实例致未保存变更显示问题的解决方法

核心原因 #

Scoped生命周期的DbContext会持续跟踪实体对象，订单详情页修改未保存的Order实例，会被同一个上下文保留状态，导致客户详情页读取时拿到的是内存中已修改的对象，而非数据库原始值。

可行解决方案 #

• 查询实体时禁用跟踪
  在获取客户及订单集合时，使用AsNoTracking()让EF不跟踪这些实体，这样订单详情页的修改操作不会影响客户详情页已加载的实体实例。
  示例代码（CustomerService中）：

  public Customer GetCustomer(int customerId)
  {
      return _context.Customers
          .Include(c => c.Orders)
          .AsNoTracking()
          .FirstOrDefault(c => c.Id == customerId);
  }
  

• 重置未保存的实体跟踪状态
  在订单详情页返回客户页之前，手动取消DbContext对当前Order实体的跟踪或重置其状态：

  // 在OrderService中添加方法
  public void CancelOrderChanges(int orderId)
  {
      var trackedOrder = _context.Orders.Local.FirstOrDefault(o => o.Id == orderId);
      if (trackedOrder != null)
      {
          // 重置为未修改状态
          _context.Entry(trackedOrder).State = EntityState.Unchanged;
          // 或者彻底脱离跟踪
          // _context.Entry(trackedOrder).State = EntityState.Detached;
      }
  }
  

  在订单详情页的返回按钮点击事件中调用该方法，确保上下文不再保留未保存的修改。

• 改用Transient服务生命周期
  将服务注册改为Transient，每次注入都会创建新的服务及DbContext实例，页面间的上下文完全隔离，避免状态共享：

  services.AddTransient<IOrderService, OrderService>();
  services.AddTransient<ICustomerService, CustomerService>();
  

  注意：该方案会增加DbContext实例的创建频率，可能带来性能损耗，仅适合简单场景。

• 使用视图模型分离实体与UI绑定
  不直接绑定EF实体到EditForm，而是创建独立的视图模型，修改时仅操作视图模型，保存时再映射回实体：

  // 定义视图模型
  public class OrderViewModel
  {
      public int Id { get; set; }
      public string OrderNumber { get; set; }
      // 其他需要展示/修改的字段
  }
  
  // 订单详情页中映射实体到视图模型
  var dbOrder = _orderService.GetOrder(orderId);
  var orderVm = new OrderViewModel
  {
      Id = dbOrder.Id,
      OrderNumber = dbOrder.OrderNumber
  };
  

  这种方式完全隔离了EF实体的修改，从根源避免了未保存变更的扩散。

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