8、Blazor 高级组件开发与导航路由

Blazor 高级组件开发与导航路由

1. 使用 Razor 类库实现组件的打包和复用

在开发过程中，我们创建了许多组件，但这些组件大多位于同一项目的共享文件夹中。为了在同一解决方案的其他项目，甚至不同解决方案中使用相同的组件，.NET 提供了 Razor 类库项目。其主要目的是创建 Blazor 组件，然后可以在其他项目、解决方案、整个组织中引用该项目，甚至可以将其作为 NuGet 包发布，供全球开发者使用。

1.1 创建 Razor 类库项目

在 Visual Studio 的解决方案中添加 Razor 类库项目，命名为 BooksStore.Blazor.Components ，步骤如下：
1. 右键单击解决方案，选择“添加”|“新建项目”。
2. 在 Visual Studio 的“添加新项目”弹出框中，搜索“Razor 类库”并选择该项目。
3. 为项目命名为 BooksStore.Blazor.Components ，然后点击“下一步”，再点击“创建”。

默认情况下，项目会创建并初始化以下内容：
- wwwroot 文件夹：可存放全局 CSS 文件、图像和 JavaScript 文件等静态资源。默认包含 Background.png 和 exampleJsInterop.js 文件，可暂时安全移除。
- _Imports.razor ：可存放可在其他组件中使用的共享部分，或为项目中的所有现有组件定义共享布局。