排球计分程序重构（四）

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>

时间： 2024-12-24 06:17:16

排球计分程序重构（四）的相关文章

排球计分程序重构（一）

前言: 上学期制作的排球计分程序,本次重构主要进行了一些功能性的完善,能够查询队伍比分,以及计分精确到队员. 已经将网站发布到我的服务器上面可以浏览 http://www.colorfulhy520.top:82/Home/Index 进入正题: 初步计划将文章系列分为以下几篇: 1.综述 2.数据库设计 3.Controller和View设计 4.代码讲解 5.总结运用到的技术 1.Petapoco PetaPoco是一款适用于.NET应用程序的轻型对象关系映射器(ORM, Object R

ASP.NET MVC 排球计分程序（四）实体类和SqlHelper类的设计

整体解决方案的图如下: . 在Model里添加一个叫PersonA的类 public class PersonA { public int id { get; set; } public string name { get; set; } } 添加一个叫PersonB的类 public class PersonB { public int id { get; set; } public string name { get; set; } } 添加一个叫ScoreA的类 public class

排球计分程序重构

需求:作为一名现场记分员,我希望详细记录比赛现场比分增长情况,以便观众及运动员.教练员及时掌握比赛状况.(满意条件:每一次比分的改变,都要形成一条记录). 计划:估计此次工作需要两周的时间. 需求分析:每次计分的时候都会产生一条记录,并且有详细的比分情况,此次新加了一个精确到得分选手,需要对数据库新加表,并建立外键.而且之前的数据结构需要变化一下. 类图: 流程图: 程序截图: 代码: UI层 volleyBll bll = new volleyBll(); private void xiang

排球计分程序重构（三）

Controller设计 BaseController 继承自Controller类写了公用的一些方法和类,其他控制器继承BaseController HomeController 首页显示总比分3:0. 3:1之类的 TeamsController 队伍的操作 TeamMemberController 队员的操作 DetailScoreController 显示详细比分 ScoreingController 计分操作

排球计分程序重构（下篇）

public ActionResult Scores(long page, long limit) { PetaPoco.Page<CompetitionScore> list = CompetitionScore.Page(page, limit, "select * from CompetitionScore"); Data data = new Data(); data.count = list.TotalItems; data.data = new List<

排球计分程序重构（五中篇）

代码讲解2 TeamsController 1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Web; 5 using System.Web.Mvc; 6 7 namespace MVCVolleyball.Controllers 8 { 9 public class TeamsController : BaseController 10 { 11 12 #region

排球计分程序重构（二）

数据库的设计 1.CompetitionScore表用于记录总比分比如3:0 3:1这样的大比分字段: Id HomeTeamId--主队Id GuestTeamId--客队Id HomeTeamScore--主队比分 GuestTeamScore--客队比分 2.TotalScore表用于记录回合比分的表比如24:22这样的每一回合的比分字段: Id CompetitionId--比赛Id.与总比分的Id值相同,如果一场比赛有五回合那么五条记录的CompetitionId与总比分的

总结/PSP初体验—排球计分程序1.0

要做一个排球计分程序,墨迹了很长时间才做出个的东西,过程很不爽: 功能:这个软件有两个页面,可以实现窗体A的部分变化控制窗体B的部分变化.A是操作人员使用看到的,B是投放给观众的,完全由A操控: 学到啥:对dataGridView控件纯代码添加数据有了了解: 有啥不爽: 1.感觉真的事倍功半,解决一个小问题花老长时间,一个if/else的流程对着电脑看半天也进入不了思考的状态,有个快速清晰的思路,感觉自己脑子太生锈了,不想运转: 2.还是感觉时间花太多了,好不值: 运行效果截图: 这个可以实现添

新需求下的排球计分程序

暑假针对不同的需求对学期末的排球计分程序进行了重构.记录如下: 当然在做这个程序的时候,也一定会用到我们平时所学的其他技术: 1.C#语言 2.ASP.NET MVC 3.关系数据库基础知识 4.软件工程基础知识 5.PetaPoco技术 6.JQuery,Ajax 7.UiIKit H5框架. 8.T4模板. 需求: 作为一名教练员,我希望知道详细得分信息,以便于了队员的状态. 设计文档在参考我们平时使用的比赛网站做出如下设计文档: 首先我们进入首页,首页我们选择业务项目,之后进入具体的