Razor 类库简介

  • 1 分钟

通过使用 Razor 类库，可以在 Blazor 应用程序之间共享和重用用户界面组件。 在本模块中，你将专注于为 Blazor 应用程序生成和共享组件。

图示 Razor 类库在 Blazor 服务器实例和 Blazor WebAssembly 中的使用。

示例方案

假设你为一家咨询公司工作，在那里你为各种客户端构建 Web 应用程序。 你有一组 Web 功能，例如模式窗口组件，可供客户端使用。 为了节省时间，你希望能够跨应用程序重复使用这些功能。

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

可在 Blazor 应用程序中共享的示例模式窗口组件的屏幕截图。

你要做什么？

在本模块中，你将创建一个 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。