使用和创建Razor类库 | 木戈手机站

木戈手机站

当前位置: 首页 » 攻略 » 使用和创建Razor类库

使用和创建Razor类库

这里只对RCL的创建和使用做一些简单的概述,详细内容请参考官方文档。RCL是指Razor类库,它是一种ASP.NET Core Razor组件。

创建RCL的步骤与创建普通类库相似:

  • 从ASP.NET Core项目模板列表中选择“Razor类库”
  • 在“其他信息”对话框中,请勿选择“支持页面和视图”

在项目中使用RCL中的组件方法与使用普通类库的方法类似:

  • 使用包含RCL命名空间的完整组件类型名称
  • 如果Razor的@using指令声明了RCL的命名空间,则可以使用不含RCL命名空间的名称添加各个组件。使用以下方法:
    • 将@using指令添加到各个组件
    • 将@using指令添加到_Imports.razor文件

若要使RCL中的可路由组件可用于直接请求,必须向应用的路由器公开RCL的程序集。打开服务器项目的Program.cs文件,并添加相应代码。

RCL的静态资产可用于任何使用该库的应用。将静态资产放在RCL的wwwroot文件夹中,并在应用中使用以下路径引用静态资产。

下面是一个关于RCL的静态资源使用示例:

表单组件呈现的是标准的HTML元素,实际上可以使用标准的HTML表单元素。但还是建议使用各种Blazor输入控件,因为它们带有额外的功能。关于组件更详细的内容,请参考官方文档ASP.NET Core Blazor表单概述。

Blazor中提供了一个可用的输入组件的标准集合,所有组件都派生自基类InputBase<T>。

下面是一个标准输入组件使用示例,都比较简单就不再单独介绍:

表单验证需要注意两点:

  • 必须在EditForm内添加一个验证组件DataAnnotationsValidatorEditForm
  • 可以通过两种方式向用户显示验证错误消息,两者互不冲突可以同时使用:
    • ValidationSummary:显示表单中所有错误的完整列表
    • ValidationMessage:显示特定输入的错误消息

使用常规HTML<form>标签创建表单,并指定用于处理提交的表单请求的@onsubmit处理程序。

猜你喜欢
本类排行