Blazor Razor类库-重用完整的blazor页面

Question

我在这有个问题，

我用核心3.1创建了一个Blazor应用程序(服务器端)，然后我用这个类库创建了一个Razor类库(旧的剃刀库)--我可以在我的Blazor应用程序< myComp >中创建Blazor comp并重用它，共享Css甚至可以创建完整的Razor视图，比如Area/MyAdmin/Pages/Page1.cshtml，然后从调用https://MyApp/MyAdmin/Page1的blazor应用程序中使用它，很抱歉，我的问题是，如何像页面一样重用完整的blazor组件？在我的Razor类库中添加一个文件夹页，并在其中添加Contact.razor，它不会用作我的Blazor应用程序中的< Contact >，但是我可以像https://MyApp/Contact一样调用

有人能给我举个例子吗？谢谢!

Answer 1

要显示Blazor项目中Razor类库中的页面，需要执行以下几个步骤：

1. 创建类库(存在模板)

1. 向类库

添加一个页面

1. 将项目引用添加到blazor项目(右键单击依赖项.)

Blazor项目中的

1. 将Razor组件库的程序集添加到路由器组件(在本例中，Razor组件库的名称为GeneralUi)。您可以通过设置AdditionalAssemblies参数来做到这一点：

对不起，这个地址什么都没有。

在这里，您只需从Razor组件库中获取一个页面就很重要了(不管您使用哪个组件库)。通过这个步骤，您可以从Razor组件库路由到页面。

如果您只想使用组件(没有页面)，可以删除步骤4，然后只需将组件包含在另一个组件中即可。如果不想提供完整的名称空间，只需将名称空间添加到Blazor项目的_Imports.razor文件中即可。

如果在Razor类库中定义了样式，则需要将这些样式(文件)添加到Blazor项目中。在Blazor WebAssembly中，只需添加以下内容，就可以在index.html文件中这样做：

<link href="_content/GeneralUi/css/styles.css" rel="stylesheet" />

_content是一个命名约定，需要告诉它样式文件来自另一个程序集/项目。在本例中，样式文件styles.css来自于GeneralUi项目，它被放置在www.root文件夹下的css文件夹中(www.root文件夹中的所有是项目的静态资产)。

Answer 2

• 创建了带有Component1的RazorClasslibrary项目作为Razor页面的输出类型：(默认)类libray
• 将创建单个dll，请记住命名空间
• 通过选择dll或通过选择.csproj
• 来添加对新Blazor项目的引用作为汇编，但不需要构建新的Component1项目，并且在任何页面中开始添加组件。
• 您可以使用完全限定的命名空间或者在新的/contact页面中导入删除其他不需要的代码H 210F 211

例如：

@page "/contact"
<RazorClassLibrary.Component1></RazorClassLibrary.Component1>
@code { ... }