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、字典的使用

多个字段用字典来完成

 

posted @ 2023-01-08 23:12  末叶da  阅读(196)  评论(0)    收藏  举报