您的位置：首页 > 其它

MVC实战之排球计分（七）——软件的具体实现与测试

2017-06-23 16:16 316 查看
在前面的几篇博客中咱们已经写过了软件的大概实现，在这篇博客中将讲述此软件的具体实现与测试。

1，新建一个项目，命名为：Volleyball,选择基本模板。如图：



点击确定。创建项目。

2，右键单击model文件夹，添加模型类：模型类分别是：GzScore.cs和Players.cs

具体代码如下：

GzScore.cs

public class GZScore
{
public int ID { get; set; }
[DisplayName("队伍名称")]
public string teamName { get; set; }
[DisplayName("队员号码")]
public string num { get; set; }
[DisplayName("发球得分")]
public int faqiu{ get; set; }
[DisplayName("扣球得分")]
public int  kouqiu { get; set; }
[DisplayName("拦网得分")]
public int langwang { get; set; }
[DisplayName("助攻得分")]
public int  zhugong{ get; set; }
[DisplayName("队伍总分")]
public int  totalscore { get; set; }
}
public class gDBContext : DbContext
{
public DbSet<GZScore> Students { get; set; }
}


Players.cs

public class Players
{
public int ID { get; set; }
[DisplayName("发球得分")]
public int  faqiu { get; set; }
[DisplayName("扣球得分")]
public int kouqiu { get; set; }
[DisplayName("拦网得分")]
public int langwang { get; set; }
[DisplayName("助攻得分")]
public int zhugong { get; set; }
[DisplayName("个人优点")]
public string youdian { get; set; }
[DisplayName("失误")]
public string shiwu { get; set; }
[DisplayName("总结")]
public string zongjie { get; set; }

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


模型类创建完毕后，要生成一下，也是为下一步创建控制器做铺垫。

3.右键单击controller文件夹，选择添加控制器，然后改名为homecontroller，然后点击确定；

右键单击控制器内的Index方法，为其添加视图：具体代码如下：

@{
ViewBag.Title = "计分软件";
}
<style>

div { width:200px;
height:200px;
margin:50px auto;
border:1px solid red;
background-color:#F1F1F1;
padding-left:80px;
padding-top:50px;
}
</style>
<html>
<head>
<title>
计分软件
</title>
</head>
<body>
<div>
<h1>排球计分</h1>
<h2>
@Html.ActionLink("观赛者", "Index","GuanZhong")
@Html.ActionLink("运动员", "Index","Player")
</h2>
<p>现在时间是：@DateTime.Now.ToShortTimeString()</p>
</div>

</body>

</html>


软件主视图创建完毕后，开始下一步操作。创建用户的控制器并连接数据库。

4，右键单击controller 文件夹，点击添加，添加控制器，控制器名字改写为：GuanZhongController

模板选择：包含读写操作的和视图的MVC，

模型类选择刚才创建的模型类：GZScore (VolleyBall.Models),数据上下文类选择：gDBContext (VolleyBall.Models)

具体操作如图：

右键单击controller 文件夹，点击添加，添加控制器，控制器名字改写为：GuanZhongController

模板选择：包含读写操作的和视图的MVC，

模型类选择刚才创建的模型类：GZScore (VolleyBall.Models),数据上下文类选择：gDBContext (VolleyBall.Models)

具体操作如图：



选择添加后，系统会自动帮我们生成，controller的视图控制代码；

当我们添加控制器后，系统还会自动给我们在视图问文件夹下生成该控制器

的视图文件夹，并产生五个对数据操作的视图；

如图文件夹的位置与文件：



创建第二个控制器，和上一个步骤相同，在这里就不在编写。

当我们创建好控制器后，这时候我们的软件已经和数据库连接了，

我们可以根据系统为我们生成的视图去操作数据。

5，系统为我们生成视图后，我们需要对视图进行修改，进行页面的美化。

这时候我们就用到了CSS修饰；具体代码如下：

1，主页的CSS代码：

<style>

div { width:700px;
height:500px;
margin:50px auto;
border:1px solid red;
background-color:#F1F1F1;
padding-left:80px;
padding-top:50px;
}
.two {
color:green;
}
.three {
text-align:right;
}
</style>


2.其他页的CSS：

<style>
.one { width:700px;
height:500px;
margin:50px auto;
border:1px solid red;
background-color:#F1F1F1;
padding-left:80px;
padding-top:50px;
}
</style>


这些代码修饰了视图界面。

到这里我们的软件就基本完成了。

下面让我们对软件功能做一些测试，及功能的使用：

1，主视图的呈现，如图：



测试完好。主视图能很好的展现给用户。

观赛者按钮的点击，以及观赛者的操作界面，如图：



观赛者添加记录页面：



删除界面：



编辑界面：



记录详细页面：



经过测试。这些功能都能很好的实现。

运动员按钮的点击，以及操作界面，如图：



添加记录页面：



删除页面：



测试了软件的功能，都能实现其功能。

到这里，排球计分程序小软件，算是完成了初步的功能与实现。

也可以使用它的功能来记录分数了，在未来的日子里，还将要对此软件

进行更深一步的研究，与设计，目前此软件的功能就先做到这里。到这里，

我们的博客也快要结束了。在下篇博客中，也就是目前最后一篇博客里，我们

将要讲述对此软件制作的总结与经验，也算是对此软件制作的一个小收尾。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航