ASP.NET Core中实现登录后显示导航栏和页脚、登录/注册页隐藏的解决方案求助

嘿，我来帮你搞定这个问题！你想要的效果是登录、注册页面隐藏导航栏和页脚，登录后的其他页面才显示它们对吧？之前用@{ Layout = null; }会把整个布局和CSS都去掉，确实不是最优解，直接用User.Identity.IsAuthenticated可能没处理好页面的区分逻辑，我给你几个实用的方案：

方案1：主布局加条件判断 + 登录页用极简布局 #

先在你的主布局文件（比如_Layout.cshtml）里，给导航栏和页脚加上登录状态判断：

@* 导航栏：仅登录后显示 *@
@if (User.Identity.IsAuthenticated)
{
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <!-- 你的导航栏内容 -->
    </nav>
}

@* 页面主体内容 *@
<div class="container">
    @RenderBody()
</div>

@* 页脚：仅登录后显示 *@
@if (User.Identity.IsAuthenticated)
{
    <footer class="border-top footer text-muted">
        <!-- 你的页脚内容 -->
    </footer>
}

然后在登录页（Login.cshtml）和注册页（Register.cshtml）的顶部，指定一个没有导航页脚的极简布局（或者直接设为null，但记得手动引入必要的CSS避免样式丢失）：

@{
    // 用自定义的空布局，里面只保留必要的HTML结构和CSS引用
    Layout = "_EmptyLayout";
}

_EmptyLayout.cshtml可以这样写：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - MyApp</title>
    <link rel="stylesheet" href="~/css/site.css" />
</head>
<body>
    @RenderBody()
</body>
</html>

方案2：直接根据页面路径/控制器动作判断 #

如果不想区分登录状态，只想让登录、注册页固定隐藏导航页脚，其他页面都显示（包括登录后的页面），可以在主布局里直接判断当前页面的控制器和动作：

@{
    // 判断是否是Account控制器下的Login或Register动作
    var isAuthPage = ViewContext.RouteData.Values["Controller"].ToString().Equals("Account", StringComparison.OrdinalIgnoreCase) 
                     && (ViewContext.RouteData.Values["Action"].ToString().Equals("Login", StringComparison.OrdinalIgnoreCase) 
                         || ViewContext.RouteData.Values["Action"].ToString().Equals("Register", StringComparison.OrdinalIgnoreCase));
}

@* 导航栏：非登录注册页显示 *@
@if (!isAuthPage)
{
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <!-- 你的导航栏内容 -->
    </nav>
}

@RenderBody()

@* 页脚：非登录注册页显示 *@
@if (!isAuthPage)
{
    <footer class="border-top footer text-muted">
        <!-- 你的页脚内容 -->
    </footer>
}

这个方案更直接，不管用户有没有登录，只要是登录/注册页就隐藏导航页脚，其他页面正常显示。

方案3：用视图组件封装导航和页脚 #

如果想让逻辑更模块化，可以把导航栏和页脚做成视图组件，然后在布局里条件调用：

1. 创建导航视图组件：

public class NavbarViewComponent : ViewComponent
{
    public IViewComponentResult Invoke()
    {
        var isAuthPage = ViewContext.RouteData.Values["Controller"].ToString().Equals("Account", StringComparison.OrdinalIgnoreCase) 
                         && (ViewContext.RouteData.Values["Action"].ToString().Equals("Login", StringComparison.OrdinalIgnoreCase) 
                             || ViewContext.RouteData.Values["Action"].ToString().Equals("Register", StringComparison.OrdinalIgnoreCase));
        
        if (isAuthPage)
        {
            // 登录注册页返回空内容
            return Content("");
        }
        
        // 其他页面返回导航栏视图
        return View("Default");
    }
}

2. 在Views/Shared/Components/Navbar/Default.cshtml里写导航栏的HTML内容。
3. 最后在主布局里调用视图组件：

@await Component.InvokeAsync("Navbar")

页脚可以用同样的方式处理，这样逻辑更清晰，也方便后续维护。

另外要注意：如果之前用Layout = null导致CSS丢失，一定要在登录/注册页里手动引入必要的样式文件，避免页面样式错乱哦。

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