Razor 类库简介

已完成

通过使用 Razor 类库,可以在 Blazor 应用程序之间共享和重用用户界面组件。 此模块重点介绍生成和共享 Blazor 应用程序的组件。

Diagram showing a Razor class library being used in the Blazor server instance and Blazor WebAssembly.

示例方案

假设你在一家咨询公司工作,为各种不同的客户生成 Web 应用。 你拥有一组可供客户使用的 Web 功能,例如模式窗口组件。 为了节省时间,你希望能够跨应用程序重用这些功能。

通过使用 Razor 类库,可跨为客户生成的应用程序共享这些功能。

Screenshot of an example modal window component that can be shared across Blazor applications.

我们将执行哪些操作?

在此模块中,你将创建 Razor 类库来实现以下目标:

  • 显示使用默认主题的模式对话框
  • 在 Blazor 应用程序中使用和自定义模式对话框
  • 打包模式窗口对话框以将其与其他应用程序一起使用

主要目标是什么?

在本模块结束时,你将能够设计一个可在其他 Blazor 应用程序中共享和自定义的模式窗口组件。

先决条件

  • 熟悉 HTML、CSS 和 JavaScript Web 开发。
  • 编写 C# 代码的新手能力。
  • 已安装 .NET 8.0 SDK
  • 集成开发环境 (IDE)。 此模块使用 Visual Studio Code

注意

本模块使用 .NET CLI(命令行接口)和 Visual Studio Code 进行本地开发。 完成本模块后,你可以使用 Visual Studio (Windows) 应用概念,或使用 Visual Studio Code(Windows、Linux 和 macOS)进行持续开发。

本模块使用 .NET 8.0 SDK。 通过在首选命令终端中运行以下命令,确保你已安装 .NET 8.0:

dotnet --list-sdks

将显示类似于以下示例的输出:

6.0.317 [C:\Program Files\dotnet\sdk]
7.0.401 [C:\Program Files\dotnet\sdk]
8.0.100 [C:\Program Files\dotnet\sdk]

确保列出了以 8 开头的版本。 如果未列出任何版本或未找到命令,请安装最新的 .NET 8.0 SDK