Blazor .NET 8 Web应用登录页面数据绑定异常求助

Hey，我看了你折腾了好几天的登录问题，手动硬编码邮箱密码能查到用户，但通过表单绑定的值就查不到，这种情况我之前也踩过坑，咱们一步步来排查解决：

1. 先确认表单绑定的真实值是否正确 #

你已经在HandleLogin里加了控制台输出，一定要仔细看输出的Email和Password是不是和你在表单里输入的完全一致：

• 有没有不小心输入了空格？比如邮箱前后多打了空格，肉眼很难发现，但控制台输出会显式出来；
• 大小写是否匹配？比如数据库里的邮箱是test@demo.com，你输入了Test@Demo.com，而SQL Server的排序规则如果区分大小写的话就会匹配失败；
• 也可以加个弹窗更直观验证，在HandleLogin开头加一行：

  await JSRuntime.InvokeVoidAsync("alert", $"输入的邮箱：{loginModel.Email}，密码：{loginModel.Password}");
  

  这样能直接看到表单提交时的真实值。

2. 检查数据库密码的存储格式 #

有没有可能数据库里的密码是加密/哈希存储的？比如你手动硬编码的是加密后的字符串，但表单输入的是明文，这肯定匹配不上。

• 直接去本地SQL Server里查Users表的Password字段，看看存储的内容和你表单输入的是不是完全相同的字符串。

这里提醒下：永远不要明文存储用户密码，建议用ASP.NET Core自带的PasswordHasher或者BCrypt这类哈希算法存储，安全性会高很多。

3. 验证表单验证是否影响了绑定 #

你的LoginModel目前没有加数据验证特性（比如[Required]、[EmailAddress]），不过EditForm的OnValidSubmit只有在表单验证通过时才会触发。

• 可以先给LoginModel加上必要的验证，确认表单提交时没有隐藏的验证错误：

  public class LoginModel
  {
      [Required(ErrorMessage = "请输入邮箱")]
      [EmailAddress(ErrorMessage = "邮箱格式不正确")]
      public string Email { get; set; }
  
      [Required(ErrorMessage = "请输入密码")]
      public string Password { get; set; }
  }
  

  这样如果输入不符合要求，页面的ValidationSummary会显示错误，避免提交无效数据。

4. 排查EF Core查询的问题 #

有时候异步查询或者上下文的作用域可能会有隐藏问题，你可以试试以下方式排查：

• 先查询所有用户，确认能正常获取到数据：

  var allUsers = await dataContext.Users.ToListAsync();
  Console.WriteLine($"数据库中总用户数：{allUsers.Count}");
  

  如果总用户数不对，那说明dataContext的注入或者连接字符串有问题；
• 如果能拿到所有用户，再用内存过滤的方式匹配，看看是不是EF Core的LINQ查询有问题：

  var user = allUsers.FirstOrDefault(u => u.Email == loginModel.Email && u.Password == loginModel.Password);
  

5. 处理大小写敏感性问题 #

如果是邮箱的大小写导致的匹配失败，可以修改查询语句忽略邮箱的大小写（密码建议保持大小写敏感）：

var user = await dataContext.Users
    .FirstOrDefaultAsync(u => u.Email.Equals(loginModel.Email, StringComparison.OrdinalIgnoreCase) 
                            && u.Password == loginModel.Password);

按照上面的步骤排查，应该能找到问题所在。如果还是不行，可以把控制台输出的邮箱、密码，以及数据库里对应的记录内容贴出来，这样更容易定位~

备注：内容来源于stack exchange，提问作者user23326290