MVC系列博客之排球计分(七)具体实现

前几篇已经讲了程序的大概实现,现在具体来实现

打开Visual Studio2015,点击新建项目,命名VolleyBall

点击确定

然后添加一个CoachController和RefreeController,

如下:

添加两个模型类

点击models,右键单击添加类,Score.cs和player

代码如下:

Players类:

public class Players
    {
        public int ID { get; set; }
        [DisplayName("球员编号")]
        public string Name { get; set; }
        [DisplayName("球员姓名")]
        public string TeamName { get; set; }
        [DisplayName("队伍名称")]
        public string Status { get; set; }
        [DisplayName("球员定位")]

public class pDBContext : DbContext
        {
            public DbSet<Players> player { get; set; }
        }
    }

Score类:

public class Score
    {

public string ScorePlayer1 { get; set; }
        [DisplayName("中国队得分选手")]
        public int TotalScore1 { get; set; }
        [DisplayName("中国队总得分")]
        public string ScoreType1 { get; set; }
        [DisplayName("得分类型")]
        public string ScorePlayer2 { get; set; }
        [DisplayName("塞尔维亚队得分选手")]
        public int TotalScore2 { get; set; }
        [DisplayName("塞尔维亚队总得分")]
        public string ScoreType2 { get; set; }
        [DisplayName("得分类型")]

public class gDBContext : DbContext
        {
            public DbSet<Score> Students { get; set; }
        }

}

CoachController的index视图界面代码:

@model IEnumerable<VolleyBall.Models.Players>

@{
    ViewBag.Title = "教练计分";
}
<style>

div { width:1000px;
          height:800px;
          margin:50px 20px;
         border:1px  red;
         background-color:#b6ff00;
        padding-left:100px;
        padding-top:80px;
    }
 
    .three {
        text-align:right;
    }
</style>
<html>
    <head>
<title>
         排球计分
  </title>
    </head>
<body>
    <div>
       
<p>
    @Html.ActionLink("请开始编辑球员信息", "Create")
</p>
<table>
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.ID)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Name)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.TeamName)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Status)
        </th>
        
        <th></th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.TeamName)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Status)
        </td>
    
        <td>
            @Html.ActionLink("编辑分数", "Edit", new { id=item.ID }) |
            @Html.ActionLink("分数详细", "Details", new { id=item.ID }) |
            @Html.ActionLink("删除记录", "Delete", new { id=item.ID })
        </td>
    </tr>
}

</table>
             <p class="three">@Html.ActionLink("返回主界面","Index","Home")</p>
        
        </div>
    </body>
</html>

CoachController的增删改查视图界面代码:

@model VolleyBall.Models.Players

@{
    ViewBag.Title = "添加记录";
}

<style>

.one { width:700px;
          height:500px;
          margin:50px auto;
         border:1px solid red;
         background-color:#F1F1F1;
        padding-left:80px;
        padding-top:50px;
    }
</style>
<html>
    <head>
        <title></title>
    </head>
    <body>
<div class="one">
@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)

<fieldset>
        <legend>观众计分</legend>

<div class="editor-label">
            @Html.LabelFor(model => model.ID)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.ID)
            @Html.ValidationMessageFor(model => model.ID)
        </div>

<div class="editor-label">
            @Html.LabelFor(model => model.Name)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Name)
            @Html.ValidationMessageFor(model => model.Name)
        </div>

<div class="editor-label">
            @Html.LabelFor(model => model.TeamName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.TeamName)
            @Html.ValidationMessageFor(model => model.TeamName)
        </div>

<div class="editor-label">
            @Html.LabelFor(model => model.Status)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Status)
            @Html.ValidationMessageFor(model => model.Status)
        </div>

<p>
            <input type="submit" value="确定记录" />
        </p>
    </fieldset>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
    </div>
         </body>
    </html>
。。。。。。。

代码类似,省略了

至此,程序基本完成。

时间: 2024-07-28 19:50:26

MVC系列博客之排球计分(七)具体实现的相关文章

MVC系列博客之排球计分(一)需求分析

项目简介: 这是MVC系列博客之排球计分程序,该程序可以是对教练或者裁判使用的,让教练有权限对队员进行查询得分情况,让教练对队员的优势劣势进行了解,以便对队伍进行调整. 让裁判更好的判定比赛输赢. 需求分析:     作为一名排球教练,我需要统计对方球队的队员信息,得分情况,技能得分,以便能做出针对性的训练. 进入本程序后,需要选择身份,然后就可以对队员信息进行操作了.(增删改查) 本身份只能对本队队员进行操作,要想操作对方队员,只能退出程序,重新选择身份. 作为一名裁判,我需要对场上两队得分进

MVC系列博客之排球计分(六)Controller的实现(二)

上一篇博客没有完整的展现controller的代码,现在展示一下 HomeController CoachController代码如下 public class CoachController : Controller    {        private gDBContext db = new gDBContext(); // public ActionResult Index()        {            return View(db.Students.ToList()); 

MVC系列博客之排球计分(二)构架概要设计

MVC 编程模式 MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式: Model(模型)表示应用程序核心(比如数据库记录列表). View(视图)显示数据(数据库记录). Controller(控制器)处理输入(写入数据库记录). MVC 模式同时提供了对 HTML.CSS 和 JavaScript 的完全控制. Model(模型)是应用程序中用于处理应用程序数据逻辑的部分. 通常模型对象负责在数据库中存取数据. Vie

MVC系列博客之排球计分(八)总结

总结: 完成这个程序大约用了半个月时间,期间遇到了很多问题,也很难受,学了好久,还是不太会.自己亲手做了这个程序,对controller和view的关系理解的很好了. 在这个过程中还存在着一些问题,比如razor语法不太懂,还有就是遇到了错误,自己不知道怎么解决. 另外就是MVC确实比webform好用一些.至少在我看来,MVC有以下优点: 大部分用过程语言比如ASP.PHP开发出来的Web应用,初始的开发模板就是混合层的数据编程.例如,直接向数据库发送请求并用HTML显示,开发速度往往比较快,

MVC系列博客之排球计分(五)Controller的实现

Controllers 文件夹 Controllers 文件夹包含负责处理用户输入和响应的控制类. MVC 要求所有控制器文件的名称以 "Controller" 结尾. 在我们的实例中,Visual Web Developer 已经创建好了以下文件: HomeController.cs(用于 Home 页面和 About 页面)和AccountController.cs (用于登录页面): Web 服务器通常会将进入的 URL 请求直接映射到服务器上的磁盘文件.例如:URL 请求 &q

MVC系列博客之排球计分(四)视图的实现

Views 文件夹 Views 文件夹存储的是与应用程序显示(用户界面)相关的文件(HTML 文件).根据所采用的语言内容,这些文件可能扩展名可能是 html.asp.aspx.cshtml 和 vbhtml. Views 文件夹中包含每个控制器对应的一个文件夹. 在 Views 文件夹中,Visual Web Developer 已经创建了一个 Account 文件夹.一个 Home 文件夹.一个 Shared 文件夹. Account 文件夹包含用于用户账号注册和登录的页面.(本程序中没有用

MVC系列博客之排球计分(三)模型类的实现

最初我使用的是连接数据库的方法来建立数据连接的,后来听了同学用EF框架来生成数据库自动连接,感觉很好用,然后我就重新用EF框架生成数据库 使用EF框架生成数据库,要有相应的模型类,模型类如下: public int ID { get; set; }        [DisplayName("球员编号")]        public string Name { get; set; }        [DisplayName("球员姓名")]        publi

Django 系列博客(七)

Django 系列博客(七) 前言 本篇博客介绍 Django 中的视图层中的相关参数,HttpRequest 对象.HttpResponse 对象.JsonResponse,以及视图层的两种响应方式 CBV 和 FBV,还有简单的文件上传. 视图函数 一个视图函数,简称视图,是一个简单的Python 函数,它接受Web请求并且返回Web响应.响应可以是一张网页的HTML内容,一个重定向,一个404错误,一个XML文档,或者一张图片. . . 是任何东西都可以.无论视图本身包含什么逻辑,都要返回

JavaScript 系列博客(七)

JavaScript 系列博客(八) 前言 本篇博客介绍页面节点概念.文档结构以及如何使用 js 操作文档节点还有事件 target 以及 BOM 操作. 节点 dom与dom属性 // DOM: 文档对象模型 => 提高给用户操作document obj的标准接口 // DOM树: 以document为根, 树状展开所有子节点 节点分类 // 节点分类: 6个 // document | doctype | element | text | attr | comment 节点常规操作 var