Blazor-选择&循环语句
今天我们来说说Blazor选择语句和循环语句。下面我们以一个简单的例子来讲解相干的语法，我已经创建好了一个Student类，以此类来举行语法的运用
https://i-blog.csdnimg.cn/direct/b15ef8ab83254d5386ea1e32c0c6f92f.png
因为我们必要交互性所以我们将类创建在*.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>
</table>
@code {
Student student = new Student()
{
Name = "John",
Age = 20,
Gender = 0,
};
}
看看效果
https://i-blog.csdnimg.cn/direct/75653402dfa4497fbc773209495a4c14.png
@ Switch
我们的需求发生了变化，Gender添加了2，当Gender为2时，表现未知。
@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>
@switch(student.Gender){
case 0:
{
<td>男</td>
break;
}
case 1:
{
<td>女</td>
break;
}
case 2:
{
<td>未知</td>
break;
}
}
</tr>
</tbody>
</table>
@code {
Student student = new Student()
{
Name = "John",
Age = 20,
Gender = 2,
};
}
效果如下
https://i-blog.csdnimg.cn/direct/e0c8991c79cc44eab6a475b1d133c3e1.png
@ foreach
下面我们有一个list必要表现多个学生信息,@for,@do…while,@while 与foreach类似这里就不在赘述
@page "/StudentInfo"
@rendermode InteractiveAuto
<h3>StudentInfo</h3>
<table>
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Gender</th>
</tr>
</thead>
<tbody>
@foreach (var item in list)
{
<tr>
<td>@item.Name</td>
<td>@item.Age</td>
@switch (item.Gender)
{
case 0:
{
<td>男</td>
break;
}
case 1:
{
<td>女</td>
break;
}
case 2:
{
<td>未知</td>
break;
}
}
</tr>
}
</tbody>
</table>
@code {
List<Student> list = new List<Student>();
Student student1 = new Student()
{
Name = "John",
Age = 20,
Gender = 2,
};
Student student2 = new Student()
{
Name = "Sub",
Age = 22,
Gender = 0,
};
protected override void OnInitialized()
{
list.Add(student1);
list.Add(student2);
}
}
https://i-blog.csdnimg.cn/direct/d20069c8469f43ecaf7d62d3317a8dae.png
下次我们将继续讲解语法相干的内容，欢迎各人的关注
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]