Blazor multiple_Host.cshtml
我希望有两个左右的Host.cshtml。我的想法是,我有一个登录页面,它有非常不同的必需css和js,还有一个主/仪表板页面,它也有不同的必需css和js,我不想在single _Host.cshtml中加载所有这些css和js,一个用于登录页面及其工作人员,另一个用于主仪表板区域。我已经知道多布局的概念,但这并不能解决问题。请帮忙Blazor multiple_Host.cshtml,blazor,Blazor,我希望有两个左右的Host.cshtml。我的想法是,我有一个登录页面,它有非常不同的必需css和js,还有一个主/仪表板页面,它也有不同的必需css和js,我不想在single _Host.cshtml中加载所有这些css和js,一个用于登录页面及其工作人员,另一个用于主仪表板区域。我已经知道多布局的概念,但这并不能解决问题。请帮忙 当然,我可以使用布局,我的挑战是在用户文件夹中使用_Host.cshtml,让UserLoginView.razor和DasboardView.razor等选定组
当然,我可以使用布局,我的挑战是在用户文件夹中使用_Host.cshtml,让UserLoginView.razor和DasboardView.razor等选定组件在页面文件夹中使用_Host.cshtml。因为
\u Host.cshtml
是一个razor页面,您可以在页面中编写逻辑来加载不同的CSS文件,也可以加载不同的部分或组件
范例
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My page</title>
<base href="~/" />
@if (Request.Path.Value == "/login")
{
<link href="css/login.css" rel="stylesheet" />
}
else
{
<link href="css/site.css" rel="stylesheet" />
}
</head>
请参考此问题和答案:
您可以使用Html.RenderPartial(“_Host2.cshtml”,null,ViewData);在_Host.cshtml中,作为对@ZarkX的回复,我完成了他的第二条建议代码,我改为
@page "/user"
在_HostUsers.cshtml中,并更改了头中的基本标记:
<base href="/user">
我改变了风格,将js路径改为
<link href="../css/bootstrap/bootstrap.min.css" rel="stylesheet">
在_HostUsers.cshtml中为我工作。欢迎使用StackFlow。请更新您的问题,以显示您已经尝试过的内容,并显示您在某个问题中面临的具体问题。欲了解更多信息,请查看一个好问题,并访问该网站。@Sukhi,谢谢,我已编辑了该问题。@ZarkX,谢谢你的回复,我尝试了你的第二个建议,但我收到的错误是Admin/\u Host和\u Host不明确。我甚至尝试将文件重命名为其他文件,仍然是相同的错误。我对问题进行了编辑以反映这一点。您是否更改了主机文件中的
@page”/“
”这对我来说是可行的,但第二个Host.cshtml中的脚本有问题。有人可以与css和脚本文件共享主机文件的示例吗
<link href="../css/bootstrap/bootstrap.min.css" rel="stylesheet">