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

于 2018-02-26 11:30:38 发布
阅读量162 收藏
点赞数
分类专栏： ASP.NET MVC 排球计分程序

adminyu

http://www.cnblogs.com/zyadmin/p/7074592.html

Index 视图

复制代码 
@{
    ViewBag.Title = "Index";
}


<html>
    <head>
        <title>输入姓名</title>
    </head>
    <body>
        @using(Html.BeginForm("AddPerson","Home")) { 
            <table border="1">
                <tr>
                    <th>@Html.Label("a","队名：")</th>
                <th colspan="1">@Html.TextBox("teamAName")</th>
  
                <th>VS</th>
                    <th>@Html.Label("b","队名：")</th>
                <th colspan="1">@Html.TextBox("teamBName")</th>
                   </tr>
                <tr>
                <th>队员</th>
                <th>姓名</th>
                <th></th>
                <th>队员</th>
                <th>姓名</th>
                   </tr>
                @{
            for (int i = 1; i <=12; i++)
            {
                <tr>
                    <td>@Html.TextBox("idA"+i.ToString(),i)</td>
                    <td> @Html.TextBox("nameA"+i.ToString())</td>
                    <td></td>
                    <td> @Html.TextBox("idB"+i.ToString(),i)</td>
                    <td> @Html.TextBox("nameB"+i.ToString())</td>
                </tr>
            }
                
                }
            </table>
<button type="submit">提交</button>
}
    </body>
    </html>
复制代码

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

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

复制代码 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="/Content/site.css" rel="stylesheet"/>

    <script src="/Scripts/modernizr-2.5.3.js"></script>

</head>
<body>
    


<html>
    <head>
        <title>输入姓名</title>
    </head>
    <body>
<form action="/Home/AddPerson" method="post">            <table border="1">
                <tr>
                    <th><label for="a">队名：</label></th>
                <th colspan="1"><input id="teamAName" name="teamAName" type="text" value="" /></th>
  
                <th>VS</th>
                    <th><label for="b">队名：</label></th>
                <th colspan="1"><input id="teamBName" name="teamBName" type="text" value="" /></th>
                   </tr>
                <tr>
                <th>队员</th>
                <th>姓名</th>
                <th></th>
                <th>队员</th>
                <th>姓名</th>
                   </tr>
                <tr>
                    <td><input id="idA1" name="idA1" type="text" value="1" /></td>
                    <td> <input id="nameA1" name="nameA1" type="text" value="" /></td>
                    <td></td>
                    <td> <input id="idB1" name="idB1" type="text" value="1" /></td>
                    <td> <input id="nameB1" name="nameB1" type="text" value="" /></td>
                </tr>
                <tr>
                    <td><input id="idA2" name="idA2" type="text" value="2" /></td>
                    <td> <input id="nameA2" name="nameA2" type="text" value="" /></td>
                    <td></td>
                    <td> <input id="idB2" name="idB2" type="text" value="2" /></td>
                    <td> <input id="nameB2" name="nameB2" type="text" value="" /></td>
                </tr>
                <tr>
                    <td><input id="idA3" name="idA3" type="text" value="3" /></td>
                    <td> <input id="nameA3" name="nameA3" type="text" value="" /></td>
                    <td></td>
                    <td> <input id="idB3" name="idB3" type="text" value="3" /></td>
                    <td> <input id="nameB3" name="nameB3" type="text" value="" /></td>
                </tr>
                <tr>
                    <td><input id="idA4" name="idA4" type="text" value="4" /></td>
                    <td> <input id="nameA4" name="nameA4" type="text" value="" /></td>
                    <td></td>
                    <td> <input id="idB4" name="idB4" type="text" value="4" /></td>
                    <td> <input id="nameB4" name="nameB4" type="text" value="" /></td>
                </tr>
                <tr>
                    <td><input id="idA5" name="idA5" type="text" value="5" /></td>
                    <td> <input id="nameA5" name="nameA5" type="text" value="" /></td>
                    <td></td>
                    <td> <input id="idB5" name="idB5" type="text" value="5" /></td>
                    <td> <input id="nameB5" name="nameB5" type="text" value="" /></td>
                </tr>
                <tr>
                    <td><input id="idA6" name="idA6" type="text" value="6" /></td>
                    <td> <input id="nameA6" name="nameA6" type="text" value="" /></td>
                    <td></td>
                    <td> <input id="idB6" name="idB6" type="text" value="6" /></td>
                    <td> <input id="nameB6" name="nameB6" type="text" value="" /></td>
                </tr>
                <tr>
                    <td><input id="idA7" name="idA7" type="text" value="7" /></td>
                    <td> <input id="nameA7" name="nameA7" type="text" value="" /></td>
                    <td></td>
                    <td> <input id="idB7" name="idB7" type="text" value="7" /></td>
                    <td> <input id="nameB7" name="nameB7" type="text" value="" /></td>
                </tr>
                <tr>
                    <td><input id="idA8" name="idA8" type="text" value="8" /></td>
                    <td> <input id="nameA8" name="nameA8" type="text" value="" /></td>
                    <td></td>
                    <td> <input id="idB8" name="idB8" type="text" value="8" /></td>
                    <td> <input id="nameB8" name="nameB8" type="text" value="" /></td>
                </tr>
                <tr>
                    <td><input id="idA9" name="idA9" type="text" value="9" /></td>
                    <td> <input id="nameA9" name="nameA9" type="text" value="" /></td>
                    <td></td>
                    <td> <input id="idB9" name="idB9" type="text" value="9" /></td>
                    <td> <input id="nameB9" name="nameB9" type="text" value="" /></td>
                </tr>
                <tr>
                    <td><input id="idA10" name="idA10" type="text" value="10" /></td>
                    <td> <input id="nameA10" name="nameA10" type="text" value="" /></td>
                    <td></td>
                    <td> <input id="idB10" name="idB10" type="text" value="10" /></td>
                    <td> <input id="nameB10" name="nameB10" type="text" value="" /></td>
                </tr>
                <tr>
                    <td><input id="idA11" name="idA11" type="text" value="11" /></td>
                    <td> <input id="nameA11" name="nameA11" type="text" value="" /></td>
                    <td></td>
                    <td> <input id="idB11" name="idB11" type="text" value="11" /></td>
                    <td> <input id="nameB11" name="nameB11" type="text" value="" /></td>
                </tr>
                <tr>
                    <td><input id="idA12" name="idA12" type="text" value="12" /></td>
                    <td> <input id="nameA12" name="nameA12" type="text" value="" /></td>
                    <td></td>
                    <td> <input id="idB12" name="idB12" type="text" value="12" /></td>
                    <td> <input id="nameB12" name="nameB12" type="text" value="" /></td>
                </tr>

            </table>
<button type="submit">提交</button>
</form>    </body>
    </html>


    <script src="/Scripts/jquery-1.7.1.js"></script>

    
</body>
</html>
复制代码 
@using(Html.BeginForm("AddPerson","Home"))会生成一个表单，连接到对应Action Controller里面。

@Html.TextBox("nameB"+i.ToString()) 会生成一个input标签，并根据所填参数将内容赋值给id name 和value


AddScore视图
 
复制代码 
@using 排球计分程序.Models
@{
    ViewBag.Title = "AddScore";
}
<html>
    <head>
        <title></title>
        
        <script src="~/Scripts/jquery-1.7.1.js"></script>
        <script type="text/javascript">

            $(function () {
                //A队的队员下拉列表 获取值 并往里文本框添加值
                $("#teamA").blur(function () {


                    var options = $("#teamA option:selected");
                    //alert(options.text());
                    $("#teamYuan").val(options.text());
                    $("#teamMing").val("@ViewBag.teamAName");
                });
                //A队的击球状态的下拉列表 获取值 并往里文本框添加值
                $("#teamAJiQiu").blur(function () {
                    var options = $("#teamAJiQiu option:selected");
                    //alert(options.text());
                    $("#teamTai").val(options.text());
                    $("#teamMing").val("@ViewBag.teamAName");

                    });
                //A队的是否得分的下拉列表 获取值 并往里文本框添加值
                $("#teamAIsFen").blur(function () {
                    var options = $("#teamAIsFen option:selected");
                    //alert(options.text());
                    $("#teamIsFen").val(options.text());
                    $("#teamMing").val("@ViewBag.teamAName");

                    });

                //B队的队员下拉列表 获取值 并往里文本框添加值
                $("#teamB").blur(function () {
                    var options = $("#teamB option:selected");
                    //alert(options.text());
                    $("#teamYuan").val(options.text());
                    $("#teamMing").val("@ViewBag.teamBName");
                });
                //B队的击球状态的下拉列表 获取值 并往里文本框添加值
                $("#teamBJiQiu").blur(function () {
                    var options = $("#teamBJiQiu option:selected");
                    //alert(options.text());
                    $("#teamTai").val(options.text());
                    $("#teamMing").val("@ViewBag.teamBName");

                    });
                //B队的是否得分的下拉列表 获取值 并往里文本框添加值
                $("#teamBIsFen").blur(function () {
                    var options = $("#teamBIsFen option:selected");
                    //alert(options.text());
                    $("#teamIsFen").val(options.text());
                    $("#teamMing").val("@ViewBag.teamBName");
                    });

            });
        </script>
        <style type="text/css">
            body {
                font-size:larger;
            }
        </style>
    </head>
    <body>

    </body>
</html>




@using(Html.BeginForm("Admin","Home")) { 
    <h2>统计界面</h2>@*
    @Html.TextBox("teamAName",ViewBag.teamAName)
     @Html.TextBox("teamBName",ViewBag.teamBName)
    
*@
    
 
  <h3>
     </h3>  
    <table>
        <tr>
            <td>@Html.TextBox("tA", (string)ViewBag.teamAName)</td>
            <td>VS </td>
            <td>@Html.TextBox("tB", (string)ViewBag.teamBName)</td>
        </tr>
        <tr>
            <td>当前比分</td>
            <td>@Html.TextBox("dangQianA", (string)ViewBag.dangQianA)</td>
            <td>@Html.TextBox("dangQianB", (string)ViewBag.dangQianB)</td>
        </tr>
        <tr>
            <td>局比分</td>
            <td>@Html.TextBox("juA", (string)@ViewBag.juA)</td>
            <td>@Html.TextBox("juB", (string)@ViewBag.juB)</td>
        </tr>

    </table>
<h3> @ViewBag.teamAName VS  @ViewBag.teamBName</h3>
    
<table>

    
    <tr>
        @*您当前选择的是： 队名 队员 击球状态 是否得分*@
        <td></td>
        <td>队名</td>
        <td>队员</td>
        <td>击球状态</td>
        <td>是否得分</td>
      
    </tr>
    <tr>
        <td></td>
        <td>@ViewBag.teamAName</td>
        <td>@Html.Raw(ViewBag.DropDownListA)</td>
        <td>@Html.Raw(ViewBag.DropDownListJiQiu)</td>
        <td>@Html.Raw(ViewBag.DropDownListIsFen)</td>
    </tr>
    <tr>
        <td></td>
        <td>@ViewBag.teamBName</td>
        <td>@Html.Raw(ViewBag.DropDownListB)</td>
        <td>@Html.Raw(ViewBag.DropDownListJiQiuB)</td>
        <td>@Html.Raw(ViewBag.DropDownListIsFenB)</td>
    </tr>
     <tr>
        @*您当前选择的是： 队名 队员 击球状态 是否得分*@

         <td>您当前选择的是：</td>
         
        <td>@Html.TextBox("teamMing", "", new { @readonly="true"})</td>
        <td>@Html.TextBox("teamYuan", "", new { @readonly="true"})</td>
        <td>@Html.TextBox("teamTai", "", new { @readonly="true"})</td>
        <td>@Html.TextBox("teamIsFen", "", new { @readonly="true"})</td>
      
    </tr>
    <tr>
        @*您当前选择的是： 队名 队员 击球状态 是否得分*@

         <td colspan="4">  <h1 style="text-align:center"><button type="submit">提交</button></h1></td>

      
    </tr>
  

</table>
}
@using (Html.BeginForm("selectScore", "Home"))
{
    <button type="submit">查询</button>
}
<h1>A队目前的数据</h1>
@Html.Raw(ViewBag.selectA)
<h1>B队目前的数据</h1>
@Html.Raw(ViewBag.selectB)
复制代码

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

 

selectScore视图

复制代码 
@{
    ViewBag.Title = "selectScore";
}

<h2>最高分查询</h2>

<table>
    <tr>

        <th></th>
        <th>A队目前分数情况</th>
        <th>B队目前分数情况</th>
    </tr>
    <tr>
        <td>得分最高者</td>
        <td>@ViewBag.AMaxFen </td>
        <td>@ViewBag.BMaxFen </td>
    </tr>
    <tr>
        <td>发球最高分者</td>
        <td>@ViewBag.AFaQiu </td>
        <td>@ViewBag.BFaQiu </td>
    </tr>
    <tr>
        <td>一传最高分者</td>
        <td>@ViewBag.AYiChuan
        </td>
        <td>@ViewBag.BYiChuan </td>
    </tr>
    <tr>
        <td>拦网最高分者</td>
        <td>@ViewBag.ALanWang 
        </td>
        <td>@ViewBag.BLanWang  </td>
    </tr>
    <tr>
        <td>扣球最高分者</td>
        <td>@ViewBag.BKouQiu
        </td>
        <td>@ViewBag.BKouQiu </td>
    </tr>
    <tr>
        <td>抹球最高分者</td>
        <td>@ViewBag.AMoQiu 
            
        </td>
        <td>@ViewBag.BMoQIu </td>
    </tr>
</table>
@using (Html.BeginForm("AddScore", "Home"))
{
    <button type="submit">返回加分界面</button>
}
复制代码

 


weixin_41715295
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
asp.net mvc 分部视图的基本使用
03-19
asp.net mvc 分部视图的基本使用，包括三种方式，ajax 参数请求，以及在页面上直接加Action的方式，还有就是Action中添加参数的方式
ASP.NET MVC 排球计分程序 （一）综述
weixin_41715295的博客
02-26 180
adminyu http://www.cnblogs.com/zyadmin/p/7074177.html---恢复内容开始---本篇博客主要是为了用MVC来做出一个排球的计分程序，该计分程序主要实现的功能有，将两队队员的姓名和其对应的球衣号插入数据库，根据在场上的表现，由记分员记录两队的发球，扣球，拦网等得分情况，在比赛过程中可以实现自动判断是否到达获胜比分，是否获得本场比赛的胜利。当比赛胜时。...
ASP.NET MVC 排球计分程序 （六）HomeController代码和一些解释
weixin_30892763的博客
06-24 121
ASP.NET MVC 排球计分程序 （六）HomeController代码和一些解释 Index Action方法 （默认进入的主页） public ActionResult Index() { return View(); } AddPerson Action方法（单...
ASP.NET MVC 排球计分程序 （二）一些排球计分的基本实现方式
weixin_30496751的博客
06-24 74
ASP.NET MVC 排球计分程序 （二）一些排球计分的基本实现方式 一、连接数据库 新建一个MVC应用程序（基本） 建一个HomeController 为Index添加视图 @{ ViewBag.Title = "Index"; } <h2>Index</h2> ...
MVC系列博客之排球计分（四）视图的实现
weixin_30426957的博客
06-24 60
Views 文件夹 Views 文件夹存储的是与应用程序显示（用户界面）相关的文件（HTML 文件）。根据所采用的语言内容，这些文件可能扩展名可能是 html、asp、aspx、cshtml 和 vbhtml。 Views 文件夹中包含每个控制器对应的一个文件夹。 在 Views 文件夹中，Visual Web Developer 已经创建了一个 Account 文件夹、一个 Ho...
ASP.NET MVC项目源代码设计资料
06-08
ASP.NET MVC项目源代码设计资料
ASP.NET MVC – 视图
01-03
ASP.NET MVC – 视图 为了学习 ASP.NET MVC，我们将构建一个 Internet 应用程序。 第 5 部分：添加用于显示应用程序的视图。 Views 文件夹 Views 文件夹存储的是与应用程序显示（用户界面）相关的文件（HTML 文件...
ASP.NET MVC 控制器与视图
10-25
主要介绍了ASP.NET MVC 控制器相关内容以及视图相关知识，非常的详尽，希望对大家有所帮助
asp.net mvc音乐盒商店程序源码
01-25
【程序老媛出品，必属精品，亲测校正...资源名：asp.net mvc音乐盒商店程序源码 资源类型：程序源代码 源码说明： 实现了调用数据库的数据，一个类似购物一样的mps音乐盒网站源码 适合人群：新手及有一定经验的开发人员
Elasticsearch初识与简单案例.pdf
04-29
Elasticsearch是一个基于Lucene的分布式全文搜索引擎，提供灵活且高效的搜索和分析功能。通过HTTP请求和客户端库，用户可以索引和搜索文档，执行复杂查询，进行数据分析，并享受高亮显示等特性。其高级功能如复合查询、聚合分析、滚动搜索等，使其适用于各种数据处理和分析场景。Elasticsearch还具有强大的监控和日志功能，确保集群稳定运行。总之，Elasticsearch是企业级搜索和分析的理想选择。
Python基于LSTM模型对全国的空气质量数据进行可视化分析预测源代码
04-29
介绍 对全国2019年1月至2023年12月的空气质量数据进行分析，绘制时间序列图，展示每月/每季度的平均AQI变化趋势。绘制不同省份和城市的平均AQI热力图。分析不同污染物的浓度分布和趋势。绘制空气质量等级分布图。 需求说明 对空气质量数据进行数据分析，并使用LSTM模型进行预测。 安装教程 pip install jupyter pip install numpy pandas matplotlib seaborn 使用说明 在项目路径下打开终端输入jupyter notebook就行
百问网linux桌面GUI，基于LVGL 8.x。.zip
04-29
百问网linux桌面GUI，基于LVGL 8.x。
基于Vue开发的XMall商城前台页面 PC端.zip
04-29
基于Vue开发的XMall商城前台页面 PC端.zip
2019年中国民航大学电子设计竞赛E题-自动导航运输车
04-29
2019年中国民航大学电子设计竞赛E题-自动导航运输车 全国大学生电子设计竞赛（National Undergraduate Electronics Design Contest），试题，解决方案及源码。计划或参加电赛的同学可以用来学习提升和参考
精灵宝可梦go游戏UI界面设计PSD源文件.zip
04-29
游戏开发资源，游戏UI，游戏GUI，游戏图标，PSD格式，XD格式，PNG下载，源文件，可编辑下载，游戏购物充值界面，宝石，图标，PS格式，AI格式等，游戏APP
线索二叉树的实现.doc
04-29
(1)逻辑设计：写出抽象数据类型的定义，各个主要模块的算法，并画出模块之间的调用关系图； (2)详细设计：定义相应的存储结构并写出各函数的伪码算法。 (3)程序编码：把详细设计的结果进二步求精为程序设计语言程序。 (4)程序调试与测试：采用自底向上，分模块进行，即先调试低层函数。 (5)结果分析：程序运行结果包括正确的输入及其输出结果和含有错误的输入及其输出结果。算法的时间、空间复杂性分析； 效果表现为用户输入一串字符表示的先序序列，程序能够根据这个序列正确地建立二叉树，并通过中序线索化非递归遍历结果。这有助于验证二叉树结构和遍历算法的正确性，同时对于理解和操作二叉树数据结构非常有帮助。 程序的输出结果证明了其对二叉树操作的正确性和有效性。
资源【STM32+HAL】SDIO模式读写SD卡
04-29
​ 一、准备工作 有关CUBEMX的初始化配置，参见我的另一篇blog：【STM32+HAL】CUBEMX初始化配置 二、所用工具 1、芯片： STM32F407VET6 2、IDE： MDK-Keil软件 3、库文件：STM32F4xxHAL库 三、实现功能 实现用DMA读写SD卡内容 ​
node-v10.4.0-win-x86.zip
最新发布
04-29
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
ASP.NET MVC 报错找不到视图
03-24
这可能是因为 ASP.NET MVC 找不到对应的视图文件。您可以检查以下几个方面： 1. 您的视图文件是否被正确命名，并且位于正确的文件夹中。 2. 您的 Controller 中的方法是否正确地调用了您的视图。 3. 您的视图文件...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值