EF Core Razor Pages如何实现性别单选按钮并获取选项列表

1. 统一性别选项定义，消除重复代码 #

不要在实体、页面模型中重复定义性别选项数组，直接在ApplicationUser实体中定义全局静态选项，避免多处维护值不一致的问题：

public class ApplicationUser : IdentityUser
{
    // 存储用户选中的性别值
    public string Gender { get; set; } = string.Empty;

    // 全局统一性别选项，所有位置直接引用即可
    public static readonly string[] Genders = new[] { "Male", "Female" };
}

之前已经生成过迁移的话，这一步不需要重新生成迁移，因为没有修改实体的存储字段结构。

2. 修正RegisterModel的绑定逻辑 #

打开Register.cshtml.cs，修改InputModel定义，注意只有需要表单提交的选中值需要绑定，选项列表不需要加绑定特性：

public class InputModel
{
    // 保留原有注册字段：Email、Password、ConfirmPassword等，不需要改动

    // 绑定用户选中的性别值，加必填校验
    [Required(ErrorMessage = "请选择性别")]
    public string Gender { get; set; } = string.Empty;

    // 直接引用实体的静态选项，不需要重复定义数组，不需要加[BindProperty]
    public string[] Genders => ApplicationUser.Genders;
}

检查OnPostAsync方法中创建用户的赋值逻辑，确保性别值正确赋值给用户实例：

var user = new ApplicationUser
{
    UserName = Input.Email,
    Email = Input.Email,
    // 赋值选中的性别
    Gender = Input.Gender
};
// 后续创建用户、写入数据库的原有逻辑保持不变即可
var result = await _userManager.CreateAsync(user, Input.Password);

3. 修正Razor视图渲染与绑定 #

打开Register.cshtml，在表单合适位置添加单选按钮渲染代码，注意绑定路径、name属性必须和模型结构匹配：

<div class="form-group mb-3">
    <label class="form-label">性别</label>
    <div>
        @foreach (var gender in Model.Input.Genders)
        {
            <div class="form-check form-check-inline">
                <input class="form-check-input"
                       type="radio"
                       @* 所有单选按钮name必须统一为Input.Gender，否则模型绑定失败 *@
                       name="Input.Gender"
                       value="@gender"
                       @* 选中状态匹配 *@
                       checked="@(Model.Input.Gender == gender)"
                       id($"gender_{gender}") />
                <label class="form-check-label" for($"gender_{gender}")>
                    @(gender == "Male" ? "男" : "女")
                </label>
            </div>
        }
        <span asp-validation-for="Input.Gender" class="text-danger"></span>
    </div>
</div>

常见问题排查 #

• 视图中访问不到Genders列表：检查Genders是否定义为InputModel的公共属性，如果是私有字段、或者定义在RegisterModel根级别而不是InputModel中，就会出现访问不到的问题，按照上面的代码定义为InputModel的公共属性即可通过Model.Input.Genders访问
• 提交后Gender值为空：检查所有单选按钮的name属性是否为Input.Gender，如果name写错，模型绑定器无法识别分组单选的提交值
• 提交校验不通过：检查是否给Gender属性加了[Required]特性，且单选按钮的value值和选项值完全一致，没有多余空格

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