MVC项目中如何基于登录状态通过ViewBag动态切换CSS类？

第一步：控制器中传递登录状态 #

先在控制器的Action（或者基类控制器的OnActionExecuting方法中全局设置）里将登录状态通过ViewBag传递：

public ActionResult Home()
{
    // 替换为你实际的登录校验逻辑，比如从Session、身份认证系统获取
    ViewBag.IsLoggedIn = User.Identity.IsAuthenticated;
    return View();
}

第二步：视图中动态绑定CSS类 #

有几种简洁的实现方式：

方式1：提前定义变量再使用

先在视图顶部的代码块中根据ViewBag值确定CSS类，再在元素中引用：

@{
    string targetClass = ViewBag.IsLoggedIn ? "logged-in-style" : "guest-style";
}

<div class="@targetClass">
    欢迎访问
</div>

方式2：直接在class属性中使用三元运算符

如果逻辑简单，可直接在元素的class属性内写三元判断，更紧凑：

<div class="@(ViewBag.IsLoggedIn ? "logged-in-style" : "guest-style")">
    欢迎访问
</div>

方式3：混合固定类与动态类

如果元素需要同时保留固定CSS类，只需拼接动态类即可：

<div class="base-container @(ViewBag.IsLoggedIn ? "user-theme" : "guest-theme")">
    页面内容区域
</div>

处理空值情况

如果ViewBag.IsLoggedIn可能未被设置（比如某些Action忘记传递），可以加默认值避免异常：

<div class="@(ViewBag.IsLoggedIn ?? false ? "logged-in-style" : "guest-style")">
    欢迎访问
</div>

额外提示 #

如果你的项目使用ASP.NET Identity，其实视图中可以直接通过User.Identity.IsAuthenticated判断登录状态，无需通过ViewBag传递，能减少控制器的代码量：

<div class="@(User.Identity.IsAuthenticated ? "logged-in-style" : "guest-style")">
    欢迎访问
</div>

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