Day1
一、相关定义
1、组件
Blazor应用基于组件。 Blazor 中的组件是指 UI 元素,例如页面、对话框或数据输入窗体。
组件是内置到 .NET 程序集的 .NET C# 类,它们用于:
- 定义灵活的 UI 呈现逻辑。
- 处理用户事件。
- 可以嵌套和重用。
- 可作为 类库或 NuGet 包共享和分发。
2、示例
下面的 Razor 标记演示了一个组件 (Dialog.razor),它显示一个对话框,并处理在用户选择按钮时发生的事件:
<div class="card" style="width:22rem"> <div class="card-body"> <h3 class="card-title">@Title</h3> <p class="card-text">@ChildContent</p> <button @onclick="OnYes">Yes!</button> </div> </div> @code { [Parameter] public RenderFragment? ChildContent { get; set; } [Parameter] public string? Title { get; set; } private void OnYes() { Console.WriteLine("Write to the console in C#! 'Yes' button selected."); } }
3、简单创建

4、创建Razor

页面点击click,

此处的点击对应的是我们代码里面C#,功能。debug可以看到代码跳转到下方。

5、修改一些功能

字体变斜了。

7、多加一个标题:



8、字典的使用
多个字段用字典来完成



浙公网安备 33010602011771号