ASP.NET MVC 排球计分程序 (七)视图代码和一些解释

2021-07-14 20:06

阅读:638

YPE html>

标签:method   eth   数据   下拉列表   aqi   core   下拉   order   inf   

Index 视图

@{
    ViewBag.Title = "Index";
}


输入姓名
        @using(Html.BeginForm("AddPerson","Home")) { 
            
"1"> @{ for (int i = 1; i 12; i++) { } }
@Html.Label("a","队名:") "1">@Html.TextBox("teamAName") VS @Html.Label("b","队名:") "1">@Html.TextBox("teamBName")
队员 姓名 队员 姓名
@Html.TextBox("idA"+i.ToString(),i) @Html.TextBox("nameA"+i.ToString()) @Html.TextBox("idB"+i.ToString(),i) @Html.TextBox("nameB"+i.ToString())
}

该视图使用循环生成了一个完整的表格。这正是Rezor视图的强大之处

让我们来看一看和网页上生成的视图有什么区别


"utf-8" />
    "viewport" content="width=device-width" />
    Index"/Content/site.css" rel="stylesheet"/>

    输入姓名
"/Home/AddPerson" method="post"> "1">
"1">"teamAName" name="teamAName" type="text" value="" /> VS "1">"teamBName" name="teamBName" type="text" value="" />
队员 姓名 队员 姓名
"idA1" name="idA1" type="text" value="1" /> "nameA1" name="nameA1" type="text" value="" /> "idB1" name="idB1" type="text" value="1" /> "nameB1" name="nameB1" type="text" value="" />
"idA2" name="idA2" type="text" value="2" /> "nameA2" name="nameA2" type="text" value="" /> "idB2" name="idB2" type="text" value="2" /> "nameB2" name="nameB2" type="text" value="" />
"idA3" name="idA3" type="text" value="3" /> "nameA3" name="nameA3" type="text" value="" /> "idB3" name="idB3" type="text" value="3" /> "nameB3" name="nameB3" type="text" value="" />
"idA4" name="idA4" type="text" value="4" /> "nameA4" name="nameA4" type="text" value="" /> "idB4" name="idB4" type="text" value="4" /> "nameB4" name="nameB4" type="text" value="" />
"idA5" name="idA5" type="text" value="5" /> "nameA5" name="nameA5" type="text" value="" /> "idB5" name="idB5" type="text" value="5" /> "nameB5" name="nameB5" type="text" value="" />
"idA6" name="idA6" type="text" value="6" /> "nameA6" name="nameA6" type="text" value="" /> "idB6" name="idB6" type="text" value="6" /> "nameB6" name="nameB6" type="text" value="" />
"idA7" name="idA7" type="text" value="7" /> "nameA7" name="nameA7" type="text" value="" /> "idB7" name="idB7" type="text" value="7" /> "nameB7" name="nameB7" type="text" value="" />
"idA8" name="idA8" type="text" value="8" /> "nameA8" name="nameA8" type="text" value="" /> "idB8" name="idB8" type="text" value="8" /> "nameB8" name="nameB8" type="text" value="" />
"idA9" name="idA9" type="text" value="9" /> "nameA9" name="nameA9" type="text" value="" /> "idB9" name="idB9" type="text" value="9" /> "nameB9" name="nameB9" type="text" value="" />
"idA10" name="idA10" type="text" value="10" /> "nameA10" name="nameA10" type="text" value="" /> "idB10" name="idB10" type="text" value="10" /> "nameB10" name="nameB10" type="text" value="" />
"idA11" name="idA11" type="text" value="11" /> "nameA11" name="nameA11" type="text" value="" /> "idB11" name="idB11" type="text" value="11" /> "nameB11" name="nameB11" type="text" value="" />
"idA12" name="idA12" type="text" value="12" /> "nameA12" name="nameA12" type="text" value="" /> "idB12" name="idB12" type="text" value="12" /> "nameB12" name="nameB12" type="text" value="" />
@using(Html.BeginForm("AddPerson","Home"))会生成一个表单,连接到对应Action Controller里面。
@Html.TextBox("nameB"+i.ToString()) 会生成一个input标签,并根据所填参数将内容赋值给id name 和value

AddScore视图
 
@using 排球计分程序.Models
@{
    ViewBag.Title = "AddScore";
}

    




@using(Html.BeginForm("Admin","Home")) { 
    

统计界面

@* @Html.TextBox("teamAName",ViewBag.teamAName) @Html.TextBox("teamBName",ViewBag.teamBName) *@

@Html.TextBox("tA", (string)ViewBag.teamAName) VS @Html.TextBox("tB", (string)ViewBag.teamBName)
当前比分 @Html.TextBox("dangQianA", (string)ViewBag.dangQianA) @Html.TextBox("dangQianB", (string)ViewBag.dangQianB)
局比分 @Html.TextBox("juA", (string)@ViewBag.juA) @Html.TextBox("juB", (string)@ViewBag.juB)

@ViewBag.teamAName VS @ViewBag.teamBName

@*您当前选择的是: 队名 队员 击球状态 是否得分*@ @*您当前选择的是: 队名 队员 击球状态 是否得分*@ @*您当前选择的是: 队名 队员 击球状态 是否得分*@
队名 队员 击球状态 是否得分
@ViewBag.teamAName @Html.Raw(ViewBag.DropDownListA) @Html.Raw(ViewBag.DropDownListJiQiu) @Html.Raw(ViewBag.DropDownListIsFen)
@ViewBag.teamBName @Html.Raw(ViewBag.DropDownListB) @Html.Raw(ViewBag.DropDownListJiQiuB) @Html.Raw(ViewBag.DropDownListIsFenB)
您当前选择的是: @Html.TextBox("teamMing", "", new { @readonly="true"}) @Html.TextBox("teamYuan", "", new { @readonly="true"}) @Html.TextBox("teamTai", "", new { @readonly="true"}) @Html.TextBox("teamIsFen", "", new { @readonly="true"})
"4">

"text-align:center">

} @using (Html.BeginForm("selectScore", "Home")) { }

A队目前的数据

@Html.Raw(ViewBag.selectA)

B队目前的数据

@Html.Raw(ViewBag.selectB)

这里用了JQuery的一些语法 用来获取下拉列表的值,更改文本框的值

 

selectScore视图

@{
    ViewBag.Title = "selectScore";
}

最高分查询

A队目前分数情况 B队目前分数情况
得分最高者 @ViewBag.AMaxFen @ViewBag.BMaxFen
发球最高分者 @ViewBag.AFaQiu @ViewBag.BFaQiu
一传最高分者 @ViewBag.AYiChuan @ViewBag.BYiChuan
拦网最高分者 @ViewBag.ALanWang @ViewBag.BLanWang
扣球最高分者 @ViewBag.BKouQiu @ViewBag.BKouQiu
抹球最高分者 @ViewBag.AMoQiu @ViewBag.BMoQIu
@using (Html.BeginForm("AddScore", "Home")) { }

 

ASP.NET MVC 排球计分程序 (七)视图代码和一些解释

标签:method   eth   数据   下拉列表   aqi   core   下拉   order   inf   

原文地址:http://www.cnblogs.com/zyadmin/p/7074592.html


评论


亲,登录后才可以留言!