Blazor-选择&循环语句

原创

已于 2025-01-24 23:12:01 修改 · 631 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#blazor

于 2025-01-24 20:46:32 首次发布

今天我们来说说Blazor选择语句和循环语句。

下面我们以一个简单的例子来讲解相关的语法，我已经创建好了一个Student类，以此类来进行语法的运用
在这里插入图片描述

因为我们需要交互性所以我们将类创建在*.client目录下

@ if

我们做一个学生信息的显示，Gender为0时显示男，为1时显示女，我们的代码可以这样写

@page "/StudentInfo"
@rendermode InteractiveAuto
<h3>StudentInfo</h3>

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Gender</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>@student.Name</td>
            <td>@student.Age</td>
            @if (student.Gender == 0)
            {
   
   
                <td>男</td>
            }
            else
            {
   
   
                <td>女</td>
            }
        </tr>
    </tbody>
<