• MVC实战之排球计分软件(深入了解面向对象编程)


    在此篇博客之前,我已经写了一个实战系列的博客,虽然不太成熟但是相对比较实用,在这篇博客我将继续使用mvc编程此软件。

    此篇博客会在一定的时间内完成,此次完成的软件的一个需求是提供给运动员的使用。我将在这一个月之内完成此篇博客的编写,

    以及软件功能的实现。

     在开始软件的编程之前,我们先再一次了解一下面向对象的语言以及面向对象的编程:

    面向对象的语言
    面向对象的语言支持的概念包括:类与对象、继承、多态。
    面向对象的语言中一部分是新发明的语言,如Smalltalk、Java,这些语言本身往往吸取了其他语言的精华,而又尽量剔除他们的
    不足,因此面向对象的特征特别明显,充满了蓬勃的生机;另外一些则是对现有的语言进行改造,增加面向对象的特征演化而来的。
    如由Pascal发展而来的Object Pascal,由C发展而来的Objective-CC++ ,由Ada发展而来的Ada 95等,这些语言保留着对原有语
    言的兼容,并不是纯粹的面向对象语言,但由于其前身往往是有一定影响的语言,因此这些语言依然宝刀不老,在程序设计语言中
    占有十分重要的地位。

    面向对象的编程

    面向对象编程(Object Oriented Programming,OOP,面向对象程序设计)是一种计算机编程架构。OOP 的一条基本原则是计算

    机程序是由单个能够起到子程序作用的单元或对象组合而成。OOP 达到了软件工程的三个主要目标:重用性、灵活性和扩展性。为

    了实现整体运算,每个对象都能够接收信息、处理数据和向其它对象发送信息。

    面向对象主要特征:
    封装性:封装是一种信息隐蔽技术,它体现于类的说明,是对象的重要特性。
    封装使数据和加工该数据的方法(函数)封装为一个整
    体,以实现独立性很强的模块,使得用户只能见到对象的外特性(对象能接受哪些消息,具有那些处理能力),而对象的内特性(保
    存内部状态的私有数据和实现加工能力的算法)对用户是隐蔽的。封装的目的在于把对象的设计者和对象的使用者分开,使用者不必
    知晓行为实现的细节,只须用设计者提供的消息来访问该对象。
    继承性:继承性是子类自动共享父类之间数据和方法的机制。
    它由类的派生功能体现。一个类直接继承其它类的全部描述,同时可修改和扩充。继承具有传递性。继承分为单继承(一个子类只有
    一父类)和多重继承(一个类有多个父类)。类的对象是各自封闭的,如果没继承性机制,则类对象中数据、方法就会出现大量重复。
    继承不仅支持系统的可重用性,而且还促进系统的可扩充性。
    多态性:对象根据所接收的消息而做出动作。
    同一消息为不同的对象接受时可产生完全不同的行动,这种现象称为多态性。利用多态性用户可发送一个通用的信息,而将所有的实现
    细节都留给接受消息的对象自行决定,如是,同一消息即可调用不同的方法。例如:Print消息被发送给一图或表时调用的打印方法与将
    同样的Print消息发送给一正文文件而调用的打印方法会完全不同。多态性的实现受到继承性的支持,利用类继承的层次关系,把具有通
    用功能的协议存放在类层次中尽可能高的地方,而将实现这一功能的不同方法置于较低层次,这样,在这些低层次上生成的对象就能给
    通用消息以不同的响应。在OOPL中可通过在派生类中重定义基类函数(定义为重载函数或虚函数)来实现多态性。(以上都是百度百科
    的内容,可以使我们更加了解面向对像)。
    了解了面向对象的编程,接下来我就将要完成软件的制作与编程:
    一,需求分析:
     作为一名排球运动员教练,我希望软件可以记录运动员的排球比分,失误记录,特长记录,以便于能清楚的了解运动员的特点与位置。
     
    1,教练希望软件的界面尽可能的简单,易使用,能清楚的看到数据的分析。(界面的按钮要尽量的少,可以简单的使用)
     
    2,软件可以记录不同运动员的分数,可以记录运动员的优缺点,可以很容易的分析。(记录可以分不同的条数记录,可以清晰分析)
     
    3,软件的交互性要很和谐,不能使用户使用起来非常的不顺手。(界面不需要太复杂,简单明了)
     
    4,教练员可以删除记录,和分析数据,可以进行书签记录。(软件可以有一个添加书签的按钮,可以添加书签)
     
    5,教练员通过填写每一条记录,然后点击添加按钮完成运动员的记录添加。(按钮简单好用,不能出现复杂化的效果)
     
    6,教练记录的运动员的分数后,记录存入数据库中,记录可以查询,修改,以及其他的操作。
     
    7,教练可以操作所有自己记录的分数。(对记录进行修改,删除,以及其他的操作)
    软件的用例图如下:
    数据库的设计:
           数据库是建立用户的交互情况下的。用户存储数据到数据库,可以随意操作数据。
    数据库的设计,需要同需求分析一起考虑。在上面的需求分析的前提下,设计数据库。
    数据库是教练用来存储不同选手的数据,我们开始设计如下的数库库。此数据库并不复杂,
    一个数据可以在表内使用一行数据。
    数据库设计如下:

    ID int ;

    num string 球员号 NotNull

     name string 姓名 NotNull

    faqiu string 发球 NotNull

    lanwang string 拦网 NotNull

    kouqiu string 扣球 NotNull

    zhugong string 助攻 NotNull

    youdian string 优点 NotNull

    quedian string 缺点 NotNull

    jianyi string 建议 NotNull

    数据库的设计映射了队员的得分与优缺点,教练可以清晰明了的了解每一位运动员。

    我将要使用EF框架创建数库,这样可以简便的完成软件的功能的使用,简单,但是非常实用。

    软件首页设计:

    软件的此版本是为了提供给教练使用,软件的首页简洁使用,可以为教练员轻松的提供

    他想使用的功能,设计简洁,使使用者一目了然,使用起来遂心应手。

    具体设计如下:

    首页的生成是由Hmoe控制器生成的视图代码完成的,具体代码如下:

    @{
        ViewBag.Title = "计分软件";
    }
    <style>
    
        div { 300px;
              height:300px;
              margin:50px auto;
             border:1px solid green;
             background-color: #F1F1F1;
            padding-left:50px;
            padding-top:50px;
        }
    </style>
    <html>
       <head>
           <title>
             计分软件
           </title>
       </head>
        <body>
            <div>
                <h2>排球计分(教练版本)</h2>
                <h3>
                    @Html.ActionLink("记录分数", "Index","JiaoLian")
                     @Html.ActionLink("教练备战", "Index","BeforeStart")
                </h3>
                <p>现在时间是:@DateTime.Now.ToShortTimeString()</p>
                <p>软件使用说明:本软件的此功能是提供给教练使用,教练通过点击上面的功能按钮,然后进入
                    软件计分功能,教练可以通过此软件记录运动远的平时的优缺点,可以给运动员建议及指导,
                    可以很清晰的记录。
                </p>
            </div>
            
    
    
     </body>
    
    </html>

    到这里软件的主视图就算是完成了,简洁,易使用。

    使用EF框架,创建Controller,生成数据库。

    在上面我们设计了数据库,接下来我们就开始来实现数据库的生成,

    我们使用的数据库连接方式code first 由EF框架产生数据库。

    code first需要对模型类设计和实现。模型类是现实实体在计算机中的表示。它贯穿于整个架构,

    负担着在各层次及模块间传递数据的职责。

    模型类和数据库中的表(这里指实体表,不包括表示多对多对应的关系表)是一一对应的

    在此软件中,模型类和表是一一对应的,并且模型类中的属性和表中的字段也是对应的。

    在生成数据库前 ,我们需要先设计模型类,具体设计如下:

    Pscore.sc

    public class Pscore
        {
            public int ID { get; set; }
            [DisplayName("球员编号")]
            public int pid { get; set;}
            [DisplayName("姓名")]
            public string Name { 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; }
            [DisplayName("教练建议")]
            public string jianyi { get; set; }
        }
        public class pDBContext : DbContext
        {
            public DbSet<Pscore> pscore{ get; set; }
        }

    设计好模型类后,我们需要生成一下,快捷键(Ctrl+shift+b),目的是为了我们下步生成数据库。

    在完成模型类后,这时候我们就可以通过创建controller 来进行数据库的 连接了。

    右键单击controller 文件夹,点击添加,添加控制器,控制器名字改写为:JiaoLianController

    模板选择:包含读写操作的和视图的MVC,

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

    具体操作如图:

     

    填写完全后,点击添加

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

    具体代码如下:

    public class JiaoLianController : Controller
        {
            private pDBContext db = new pDBContext();
    
            //
            // GET: /JiaoLian/
    
            public ActionResult Index()
            {
                return View(db.pscore.ToList());
            }
    
            //
            // GET: /JiaoLian/Details/5
    
            public ActionResult Details(int id = 0)
            {
                Pscore pscore = db.pscore.Find(id);
                if (pscore == null)
                {
                    return HttpNotFound();
                }
                return View(pscore);
            }
    
            //
            // GET: /JiaoLian/Create
    
            public ActionResult Create()
            {
                return View();
            }
    
            //
            // POST: /JiaoLian/Create
    
            [HttpPost]
            public ActionResult Create(Pscore pscore)
            {
                if (ModelState.IsValid)
                {
                    db.pscore.Add(pscore);
                    db.SaveChanges();
                    return RedirectToAction("Index");
                }
    
                return View(pscore);
            }
    
            //
            // GET: /JiaoLian/Edit/5
    
            public ActionResult Edit(int id = 0)
            {
                Pscore pscore = db.pscore.Find(id);
                if (pscore == null)
                {
                    return HttpNotFound();
                }
                return View(pscore);
            }
    
            //
            // POST: /JiaoLian/Edit/5
    
            [HttpPost]
            public ActionResult Edit(Pscore pscore)
            {
                if (ModelState.IsValid)
                {
                    db.Entry(pscore).State = EntityState.Modified;
                    db.SaveChanges();
                    return RedirectToAction("Index");
                }
                return View(pscore);
            }
    
            //
            // GET: /JiaoLian/Delete/5
    
            public ActionResult Delete(int id = 0)
            {
                Pscore pscore = db.pscore.Find(id);
                if (pscore == null)
                {
                    return HttpNotFound();
                }
                return View(pscore);
            }
    
            //
            // POST: /JiaoLian/Delete/5
    
            [HttpPost, ActionName("Delete")]
            public ActionResult DeleteConfirmed(int id)
            {
                Pscore pscore = db.pscore.Find(id);
                db.pscore.Remove(pscore);
                db.SaveChanges();
                return RedirectToAction("Index");
            }
    
            protected override void Dispose(bool disposing)
            {
                db.Dispose();
                base.Dispose(disposing);
            }
        }

    这个时候我们的数据库就生成了。数据库如图:

    当我们完成数据库的生成后 ,系统会自动为我们生成操作数据库的视图,这时候我么就可以对系统生成的视图做操作,

    用来完成我们想要的功能。

    到这里,我们就使用EF框架,完成了通过模型类,然后创建controller,进行数据库的连接,与访问。

    在使用EF框架的情况下,数据库的连接是非常方便和好用的。不过在某些方面,这个框架使用起来也是很麻烦的。

     软件功能页面的设计:

    系统为我们生成了视图,我们在系统生成的视图下再修改,以用来完成软件功能的实现。

    功能主页面的设计如图:

    具体代码如下:

    @model IEnumerable<newApp.Models.Pscore>
    
    @{
        ViewBag.Title = "教练计分";
    }
    <style>
    
        div { 900px;
              height:700px;
              margin:50px auto;
             border:1px solid red;
             background-color:#F1F1F1;
            padding-left:80px;
            padding-top:50px;
        }
        .two {
            color:green;
        }
        .three {
            text-align:right;
        }
    </style>
    <html>
        <head>
    <title>
             计分软件
      </title>
        </head>
    <body>
        <div>
    <h2>您可以点击下面的按钮进行计分操作</h2>
    
    <p>
        @Html.ActionLink("添加记录", "Create")
    </p>
    <table>
        <tr>
            <th>
                @Html.DisplayNameFor(model => model.pid)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.Name)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.faqiu)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.kouqiu)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.langwang)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.zhugong)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.youdian)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.shiwu)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.zongjie)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.jianyi)
            </th>
            <th></th>
        </tr>
    
    @foreach (var item in Model) {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.pid)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Name)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.faqiu)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.kouqiu)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.langwang)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.zhugong)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.youdian)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.shiwu)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.zongjie)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.jianyi)
            </td>
            <td>
                @Html.ActionLink("Edit", "Edit", new { id=item.ID }) |
                @Html.ActionLink("Details", "Details", new { id=item.ID }) |
                @Html.ActionLink("Delete", "Delete", new { id=item.ID })
            </td>
        </tr>
    }
    
    </table>
      <p class="three">@Html.ActionLink("返回主界面","Index","Home")</p>
            
            </div>
        </body>
    </html>

    添加功能设计如下:

    具体代码如下:

    @model newApp.Models.Pscore
    
    @{
        ViewBag.Title = "添加记录";
    }
    
    <h2>添加记录</h2>
    
    @using (Html.BeginForm()) {
        @Html.ValidationSummary(true)
    
        <fieldset>
            <legend>Pscore</legend>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.pid)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.pid)
                @Html.ValidationMessageFor(model => model.pid)
            </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.faqiu)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.faqiu)
                @Html.ValidationMessageFor(model => model.faqiu)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.kouqiu)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.kouqiu)
                @Html.ValidationMessageFor(model => model.kouqiu)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.langwang)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.langwang)
                @Html.ValidationMessageFor(model => model.langwang)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.zhugong)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.zhugong)
                @Html.ValidationMessageFor(model => model.zhugong)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.youdian)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.youdian)
                @Html.ValidationMessageFor(model => model.youdian)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.shiwu)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.shiwu)
                @Html.ValidationMessageFor(model => model.shiwu)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.zongjie)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.zongjie)
                @Html.ValidationMessageFor(model => model.zongjie)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.jianyi)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.jianyi)
                @Html.ValidationMessageFor(model => model.jianyi)
            </div>
    
            <p>
                <input type="submit" value="添加" />
            </p>
        </fieldset>
    }
    
    <div>
        @Html.ActionLink("返回功能主页面", "Index")
    </div>
    
    @section Scripts {
        @Scripts.Render("~/bundles/jqueryval")
    }

    编辑功能设计如下:

     具体代码如下:

    @model newApp.Models.Pscore
    
    @{
        ViewBag.Title = "修改数据";
    }
    
    <h2>修改数据</h2>
    
    @using (Html.BeginForm()) {
        @Html.ValidationSummary(true)
    
        <fieldset>
            <legend>Pscore</legend>
    
            @Html.HiddenFor(model => model.ID)
    
            <div class="editor-label">
                @Html.LabelFor(model => model.pid)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.pid)
                @Html.ValidationMessageFor(model => model.pid)
            </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.faqiu)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.faqiu)
                @Html.ValidationMessageFor(model => model.faqiu)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.kouqiu)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.kouqiu)
                @Html.ValidationMessageFor(model => model.kouqiu)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.langwang)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.langwang)
                @Html.ValidationMessageFor(model => model.langwang)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.zhugong)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.zhugong)
                @Html.ValidationMessageFor(model => model.zhugong)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.youdian)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.youdian)
                @Html.ValidationMessageFor(model => model.youdian)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.shiwu)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.shiwu)
                @Html.ValidationMessageFor(model => model.shiwu)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.zongjie)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.zongjie)
                @Html.ValidationMessageFor(model => model.zongjie)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.jianyi)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.jianyi)
                @Html.ValidationMessageFor(model => model.jianyi)
            </div>
    
            <p>
                <input type="submit" value="保存修改" />
            </p>
        </fieldset>
    }
    
    <div>
        @Html.ActionLink("返回功能主界面", "Index")
    </div>
    
    @section Scripts {
        @Scripts.Render("~/bundles/jqueryval")
    }

    删除设计如下:

    具体代码如下:

    @model newApp.Models.Pscore
    
    @{
        ViewBag.Title = "删除数据";
    }
    
    <h2>删除数据</h2>
    
    <h3>您确定要删除这条数据吗?</h3>
    <fieldset>
        <legend>运动员数据</legend>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.pid)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.pid)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.Name)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Name)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.faqiu)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.faqiu)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.kouqiu)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.kouqiu)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.langwang)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.langwang)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.zhugong)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.zhugong)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.youdian)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.youdian)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.shiwu)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.shiwu)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.zongjie)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.zongjie)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.jianyi)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.jianyi)
        </div>
    </fieldset>
    @using (Html.BeginForm()) {
        <p>
            <input type="submit" value="删除" /> |
            @Html.ActionLink("返回功能主页面", "Index")
        </p>
    }

    详细功能设计如下:

    具体代码如下:

    @model newApp.Models.Pscore
    
    @{
        ViewBag.Title = "详细数据";
    }
    
    <h2>详细数据</h2>
    
    <fieldset>
        <legend>运动员数据</legend>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.pid)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.pid)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.Name)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Name)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.faqiu)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.faqiu)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.kouqiu)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.kouqiu)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.langwang)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.langwang)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.zhugong)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.zhugong)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.youdian)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.youdian)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.shiwu)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.shiwu)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.zongjie)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.zongjie)
        </div>
    
        <div class="display-label">
             @Html.DisplayNameFor(model => model.jianyi)
        </div>
        <div class="display-field">
            @Html.DisplayFor(model => model.jianyi)
        </div>
    </fieldset>
    <p>
        @Html.ActionLink("编辑", "Edit", new { id=Model.ID }) |
        @Html.ActionLink("返回功能主页面", "Index")
    </p>

    到这里功能的视图全都设计与实现完毕,软件的功能也能够使用了,

    使用者可以使用软件开始记录分数,简单实用。

    软件的测试:

    软件通过添加数据,删除数据,编辑数据,进行功能的测试。具体测试如下列组图:

    通过测试,软件的功能可以正常实用,而且使用起来相对简单,教练员通过此软件可以轻松

    记录运动员的分数以及优缺点,软件虽然简单,但是挺实用。到这里软件的实现就算是全部完成了。

     总结:

         软件的此功能是通过面向对象的想法来实现的,软件的此功能是根据教练员的需要来设计的,

    通过教练员的想法来实现软件的功能,这样软件才能使用起来方便快捷,用户体验效果才会更好,

    软件的制作是通过使用EF框架来连接数据库,大大的节约了连接数库的时间,而且系统生成的视图,

    可以为我们很好的提供了我们想要的数据,这样我们设计此软件需要花费的精力就不需要很多很多,

    而且软件的代码,通读性相对来说较高,使用起来非常的方便。

         此软件的制作只是假期的一个小练习,存在很多的问题,我会在以后的学习中,慢慢的把这些问题

    解决,并慢慢的完善软件的功能,使软件的使用性更强,软件的功能更强大。到这里这篇博客算是完成了。

     


  • 相关阅读:
    es5
    总有你用的上插件
    三级联动
    jquery快速入门
    动态创建数据table
    背景裁切
    移动web-bootstrap
    ionic开发之Android可以很快打开主页,iOS要几分钟打开主页
    .Net语言 APP开发平台——Smobiler学习日志:如何在手机上快速实现CandleStickChart控件
    .Net语言 APP开发平台——Smobiler学习日志:如何快速实现Timer计时功能
  • 原文地址:https://www.cnblogs.com/Angel-szl/p/7340698.html
Copyright © 2020-2023  润新知