首页 > 代码库 > MVC系列博客之排球计分(七)具体实现

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="http://www.mamicode.com/确定记录" />
        </p>
    </fieldset>
}

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

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

代码类似,省略了

至此,程序基本完成。

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