Fatal编程技术网
  • blazor/
  • Blazor multiple_Host.cshtml

Blazor multiple_Host.cshtml

blazor

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。我的想法是，我有一个登录页面，它有非常不同的必需css和js，还有一个主/仪表板页面，它也有不同的必需css和js，我不想在single _Host.cshtml中加载所有这些css和js，一个用于登录页面及其工作人员，另一个用于主仪表板区域。我已经知道多布局的概念，但这并不能解决问题。请帮忙

当然，我可以使用布局，我的挑战是在用户文件夹中使用_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">