排球计分程序重构

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了排球计分程序重构相关的知识,希望对你有一定的参考价值。

View的设计

_Layout视图

其他视图在代码讲解中详细贴出

 1 <!DOCTYPE html>
 2 <html  style="width:100%;height:100%;">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <meta charset="utf-8" />
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <script src="~/Content/Scripts/jquery.js"></script>
 8     <script src="~/Content/layui/layui.all.js"></script>
 9     <script src="~/Content/layui/layui.js"></script>
10     <script src="~/Content/Scripts/jquery.validate.min.js"></script>
11     <script src="~/Content/Scripts/jquery.validate.unobtrusive.min.js"></script>
12     <script src="~/Content/Scripts/jquery.unobtrusive-ajax.min.js"></script>
13     <link href="~/Content/layui/css/layui.css" rel="stylesheet" />
14     <title>@ViewBag.Title</title>
15 </head>
16 <body style="width: 100%; height: 100%; background-image: url(‘../../Content/Image/026.jpg‘);">
17     <ul class="layui-nav">
18         <li class="layui-nav-item "><a href="/Home/Index">首页</a></li>
19         <li class="layui-nav-item ">
20             <a href="/Teams/GetTeams">查看队伍</a>
21             <dl class="layui-nav-child">
22                 <dd><a href="/Teams/AddTeam">添加队伍</a></dd>
23             </dl>
24         </li>
25         <li class="layui-nav-item">
26             <a href="javascript:;">队员管理</a>
27             <dl class="layui-nav-child">
28                 <dd><a href="/TeamMember/ChooseTeam">队员信息</a></dd>
29                 <dd><a href="/TeamMember/AddTeamMember">添加队员</a></dd>
30             </dl>
31         </li>
32         <li class="layui-nav-item"><a href="/Scoreing/Index">比赛计分</a></li>
33     </ul>
34 
35 
36     <div style="width:1200px;height:auto; margin: auto auto; ">
37         @RenderBody()
38     </div>
39     <script>
40         layui.use(element, function () {
41             var element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块
42         });
43     </script>
44 </body>
45 </html>

 

以上是关于排球计分程序重构的主要内容,如果未能解决你的问题,请参考以下文章

排球计分程序重构

排球计分程序重构

排球计分程序重构

排球计分程序重构(下篇)

排球计分程序重构

新需求下的排球计分程序