在前面的几篇博客中咱们已经写过了软件的大概实现，在这篇博客中将讲述此软件的具体实现与测试。

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，主视图的呈现，如图：

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

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

观赛者添加记录页面：

删除界面：

编辑界面：

记录详细页面：

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

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

添加记录页面：

删除页面：

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

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

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

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

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

将要讲述对此软件制作的总结与经验，也算是对此软件制作的一个小收尾。

 

MVC实战之排球计分（七）——软件的具体实现与测试的更多相关文章

  1. MVC实战之排球计分软件（深入了解面向对象编程）

    在此篇博客之前,我已经写了一个实战系列的博客,虽然不太成熟但是相对比较实用,在这篇博客我将继续使用mvc编程此软件. 此篇博客会在一定的时间内完成,此次完成的软件的一个需求是提供给运动员的使用.我将在 ...

  2. MVC实战之排球计分（八）——软件制作总结

    此系列博客目的是制作一款排球计分程序.这系列博客将讲述此软件的 各个功能的设计与实现.到这篇博客,此系列博客就算是结束了. 在最后的这篇博客里 我们来做一些总结. 一,制作此程序,我们使用的是MVC框 ...

  3. MVC实战之排球计分（五）—— Controller的设计与实现

    控制器 控制器接受用户的输入并调用模型和视图去完成用户的需求.所以当单击Web页面中的超链接和发送HTML表单时, 控制器本身不输出任何东西和做任何处理.它只是接收请求并决定调用哪个模型构件去处理请求 ...

  4. MVC实战之排球计分（一）—— 需求分析与数据库设计

    此系列博客目的是制作一款排球计分程序.这系列博客讲讲述此软件的 各个功能的设计与实现. 一.需求分析: 这个程序是排球计分程序,其业务非常简单,具体如下: 1.本程序可以选择用户身份,通过不同角度记录 ...

  5. MVC实战之排球计分（六）—— 使用EF框架，创建Controller，生成数据库。

    在上篇博客我们写到,此软件的数据库连接我们使用的是EF框架,code first模式下, 通过模型类,在创建controller的时候直接生成数据库,完成数据库的连接,与操作. 在使用EF框架之前,我 ...

  6. MVC实战之排球计分（三）—— 模型类的设计与实现

    此软件使用的数据库连接方式code first 由EF框架产生数据库. code first需要对模型类设计和实现.模型类是现实实体在计算机中的表示.它贯穿于整个架构, 负担着在各层次及模块间传递数据 ...

  7. MVC实战之排球计分（二）—— 构架概要设计

    本程序主要基于MVC4框架,使应用程序的输入,处理和输出强制性分开,使得软件可维护性,可扩展性,灵活性以及封装性得到提高, MVC应用程序分为三个核心部件:Model,View, Controller ...

  8. MVC实战之排球计分（四）—— View设计与实现

    (view)视图 视图是用户看到并与之交互的界面.对老式的Web应用程序来说,视图就是由HTML元素组成的界面,在新式的Web应用程序中,HTML依旧在视图中扮演着重要的角色,但一些新的技术已层出不穷 ...

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

    要做一个排球计分程序,墨迹了很长时间才做出个的东西,过程很不爽: 功能:这个软件有两个页面,可以实现窗体A的部分变化控制窗体B的部分变化.A是操作人员使用看到的,B是投放给观众的,完全由A操控: 学到 ...

随机推荐

  1. intellij idea 的全局搜索快捷键方法

    1.Ctrl+N按名字搜索类 相当于eclipse的ctrl+shift+R,输入类名可以定位到这个类文件,就像idea在其它的搜索部分的表现一样,搜索类名也能对你所要搜索的内容多个部分进行匹配,而且 ...

  2. eclipse maven引入第三方jar包后如何下载源代码(sources)

    1. 在eclipse windows -> properties->maven 选项,然后查看右侧 菜单来中 找到 Download Artifact Sources  选项勾选:如果想 ...

  3. java框架之SpringBoot(10)-启动流程及自定义starter

    启动流程 直接从 SpringBoot 程序入口的 run 方法看起: public static ConfigurableApplicationContext run(Object source, ...

  4. python基础(2)-运算符&while循环

    算术运算符 a=5; b=2; print(a+b);#result:7 desc:加 print(a-b);#result:3 desc:减 print(a*b);#result:10 desc:乘 ...

  5. Eclipse安装fatjar（不用自己下载fatjar包）

    .安装Eclipse-jee-luna-SR2-win32-x86_64版本的插件支持 方法如下: Help -> Install New Software... -> Work with ...

  6. sql server 按年月日分组

    sql server  按年月日分组 ----------------------------------------------- --author:yangjinwang --date:2017- ...

  7. 完成登录功能，用session记住用户名

    登录功能完成: js:设置return html:设置 form input py: @app.route设置methods GET POST 读取表单数据 查询数据库 用户名密码对: 记住用户名 跳 ...

  8. linux C access

    [1]作用 确定文件的访问权限 [2]头文件 #include <unistd.h> [3]函数定义 int access(const char * pathname,  int mode ...

  9. MVC设计思路

    MVC 学会重复.学会总结.学会预习和练习 前端页面  <---->   服务器(控制层.业务层.DAO层) <--->  DB 说明:无论是框架还是servletJSP,用的 ...

  10. Shell 文本处理命令

    命令:cut –d’:’ -f1, 文件名 #切割处文件列的参数. -d切割字符. -f列的第几个参数. -c1-10指定字符串范围行的第一个到第十个. 命令:sort 文件名 #根据第一列第一个字符 ...