登录验证通过后如何根据用户类型重定向至指定布局页面？

Got it, let's walk through how to set this up properly so users land on their specific layout pages after login. Here's a step-by-step approach that fits your setup:

1. 在登录验证逻辑中查询用户类型并跳转 #

首先，在你的登录处理方法（比如MVC的Controller或者Razor Pages的PageModel）里，完成用户名密码验证后，从数据库取出用户的类型，然后根据类型执行定向跳转。

示例（ASP.NET MVC Controller） #

[HttpPost]
public async Task<IActionResult> Login(LoginViewModel model)
{
    if (ModelState.IsValid)
    {
        // 验证用户名和密码（这里假设你用Identity框架，可替换为你的自定义验证逻辑）
        var user = await _userManager.FindByNameAsync(model.UserName);
        if (user != null && await _userManager.CheckPasswordAsync(user, model.Password))
        {
            // 从数据库获取用户类型（假设你的User实体有UserType字段）
            var userType = user.UserType; 

            // 根据用户类型重定向到对应页面
            switch(userType.ToLower())
            {
                case "admin":
                    return RedirectToAction("Index", "Admin");
                case "customer":
                    return RedirectToAction("Home", "Customer");
                case "editor":
                    return RedirectToAction("Dashboard", "Editor");
                default:
                    // 兜底的默认跳转
                    return RedirectToAction("Index", "Home");
            }
        }
        ModelState.AddModelError("", "Invalid username or password");
    }
    return View(model);
}

示例（Razor Pages） #

public async Task<IActionResult> OnPostAsync()
{
    if (!ModelState.IsValid)
    {
        return Page();
    }

    // 验证用户名密码逻辑
    var user = await _userManager.FindByNameAsync(Input.UserName);
    if (user == null || !await _userManager.CheckPasswordAsync(user, Input.Password))
    {
        ModelState.AddModelError(string.Empty, "Invalid login attempt.");
        return Page();
    }

    // 获取用户类型
    var userType = user.UserType;

    // 定向跳转
    return userType.ToLower() switch
    {
        "admin" => RedirectToPage("/Admin/Index"),
        "customer" => RedirectToPage("/Customer/Home"),
        "editor" => RedirectToPage("/Editor/Dashboard"),
        _ => RedirectToPage("/Index")
    };
}

2. 为目标页面指定对应Shared布局 #

每个跳转后的页面需要指定对应的Shared布局文件，确保用户看到的是匹配其类型的布局。

在Razor视图中指定布局 #

@{
    // 指向Shared文件夹下的对应布局文件
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
}

<!-- 页面内容 -->
<h1>管理员控制台</h1>

或者在Controller中全局指定（可选） #

如果某个Controller下的所有页面都用同一个布局，可以在Controller的构造函数或者基类中设置：

public class AdminController : Controller
{
    public AdminController()
    {
        Layout = "_AdminLayout";
    }
}

3. 额外优化建议 #

• 使用枚举替代硬编码字符串：把用户类型定义成枚举，避免拼写错误，提升代码可维护性：

  public enum UserRoleType
  {
      Admin,
      Customer,
      Editor
  }
  

  然后将数据库中的字段转成枚举类型进行判断，减少出错概率。
• 添加权限验证：跳转后要确保不同类型用户无法访问不属于自己的页面，比如使用[Authorize(Roles = "Admin")]特性，或者自定义权限过滤器，防止用户手动输入URL绕过跳转逻辑。
• 处理异常情况：如果数据库中用户类型为空或者不存在匹配项，要设置合理的默认跳转页面，避免出现空白或错误页面。

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