在ASP.NET Core Identity中添加自定义下拉列表项的技术咨询

核心思路 #

1. 扩展IdentityUser类，添加自定义部门字段（推荐用枚举约束可选值）
2. 更新数据库上下文，使用扩展后的用户类
3. 修改注册页面的ViewModel，添加部门属性及下拉列表数据源
4. 调整注册视图，添加部门选择的下拉控件
5. 完善注册逻辑，将用户选择的部门赋值给新创建的用户
6. 执行数据库迁移，同步新字段到数据库

代码实现 #

1. 扩展IdentityUser类

创建自定义用户类继承IdentityUser，通过枚举约束部门选项：

// 定义部门枚举，配置显示名称
public enum DepartmentType
{
    [Display(Name = "技术部")]
    Technology,
    [Display(Name = "市场部")]
    Marketing,
    [Display(Name = "人事部")]
    HR,
    [Display(Name = "财务部")]
    Finance
}

// 扩展IdentityUser添加部门字段
public class ApplicationUser : IdentityUser
{
    [Required(ErrorMessage = "请选择部门")]
    public DepartmentType Department { get; set; }
}

2. 更新数据库上下文

修改ApplicationDbContext，将泛型参数替换为自定义的ApplicationUser：

public class ApplicationDbContext : IdentityDbContext<ApplicationUser>
{
    public ApplicationDbContext(DbContextOptions<ApplicationDbContext> options)
        : base(options)
    {
    }
}

3. 调整注册ViewModel

更新注册ViewModel，添加部门属性和下拉列表数据源：

public class RegisterViewModel
{
    [Required]
    [EmailAddress]
    [Display(Name = "邮箱")]
    public string Email { get; set; }

    [Required]
    [StringLength(100, ErrorMessage = "{0} 长度至少为 {2} 个字符。", MinimumLength = 6)]
    [DataType(DataType.Password)]
    [Display(Name = "密码")]
    public string Password { get; set; }

    [DataType(DataType.Password)]
    [Display(Name = "确认密码")]
    [Compare("Password", ErrorMessage = "密码和确认密码不匹配。")]
    public string ConfirmPassword { get; set; }

    [Required(ErrorMessage = "请选择部门")]
    [Display(Name = "部门")]
    public DepartmentType Department { get; set; }

    // 生成部门下拉列表选项
    public IEnumerable<SelectListItem> DepartmentOptions => Enum.GetValues(typeof(DepartmentType))
        .Cast<DepartmentType>()
        .Select(type => new SelectListItem
        {
            Text = type.GetDisplayName(),
            Value = type.ToString()
        });
}

// 扩展方法：获取枚举的Display名称
public static class EnumExtensions
{
    public static string GetDisplayName(this Enum enumValue)
    {
        var memberInfo = enumValue.GetType().GetMember(enumValue.ToString()).FirstOrDefault();
        var displayAttribute = memberInfo?.GetCustomAttribute<DisplayAttribute>();
        return displayAttribute?.Name ?? enumValue.ToString();
    }
}

4. 修改注册视图

在Register.cshtml中添加部门下拉选择控件：

@model RegisterViewModel

<div class="row">
    <div class="col-md-4">
        <form asp-action="Register">
            <h4>创建新账户</h4>
            <hr />
            <div asp-validation-summary="All" class="text-danger"></div>
            
            <div class="form-group">
                <label asp-for="Email"></label>
                <input asp-for="Email" class="form-control" />
                <span asp-validation-for="Email" class="text-danger"></span>
            </div>
            
            <div class="form-group">
                <label asp-for="Password"></label>
                <input asp-for="Password" class="form-control" />
                <span asp-validation-for="Password" class="text-danger"></span>
            </div>
            
            <div class="form-group">
                <label asp-for="ConfirmPassword"></label>
                <input asp-for="ConfirmPassword" class="form-control" />
                <span asp-validation-for="ConfirmPassword" class="text-danger"></span>
            </div>
            
            <!-- 部门下拉列表 -->
            <div class="form-group">
                <label asp-for="Department"></label>
                <select asp-for="Department" asp-items="@Model.DepartmentOptions" class="form-control">
                    <option value="">请选择部门</option>
                </select>
                <span asp-validation-for="Department" class="text-danger"></span>
            </div>
            
            <button type="submit" class="btn btn-primary">注册</button>
        </form>
    </div>
</div>

5. 完善注册逻辑

在AccountController的Register POST方法中，将部门值赋值给新用户：

[HttpPost]
[AllowAnonymous]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Register(RegisterViewModel model)
{
    if (ModelState.IsValid)
    {
        var user = new ApplicationUser 
        { 
            UserName = model.Email, 
            Email = model.Email, 
            Department = model.Department 
        };
        
        var result = await _userManager.CreateAsync(user, model.Password);
        if (result.Succeeded)
        {
            await _signInManager.SignInAsync(user, isPersistent: false);
            return RedirectToAction(nameof(HomeController.Index), "Home");
        }
        
        foreach (var error in result.Errors)
        {
            ModelState.AddModelError(string.Empty, error.Description);
        }
    }

    return View(model);
}

6. 执行数据库迁移

打开Package Manager Console，执行以下命令同步数据库：

Add-Migration AddDepartmentFieldToUsers
Update-Database

注意事项 #

• 若使用Razor Pages而非MVC，注册逻辑位于Register.cshtml.cs中，思路一致，只需调整ViewModel和页面代码
• 若不需要枚举约束，可将Department改为string类型，下拉列表数据源可从数据库或配置文件读取
• 后续如需在用户管理页面编辑部门，只需在对应ViewModel和视图中添加控件即可

内容的提问来源于stack exchange，提问作者Mustafa Şan