[2019编程]第三节教学大纲:利用Model完成一个基本除法模型,并完成一个简单的除法应用

本文链接：https://blog.csdn.net/vinglemar/article/details/96428670

第一步:创建项目

第一步:创建项目

新建一个C#,Asp.net MVC4,基本项目,名称:MvcDivTest

第二步:创建控制器

在Controllers目录下,新建一个Home控制器,代码文件 HomeController.cs:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MvcDivTest.Models;

namespace MvcDivTest.Controllers
{
    public class HomeController : Controller
    {
        //
        // GET: /Home/

        public ActionResult Index()
        {
            return View();
        }

        public ActionResult CalAnswer(DivModel box)
        {
            if (box.Divisor == 0)
            {
                ModelState.AddModelError("", "除数不能为0.");
                ModelState.AddModelError("Divisor", "除数不能为0.");
                return View("Index", box);
            }
            box.Answer = box.Dividend / box.Divisor;           
            box.Remainder= box.Dividend % box.Divisor;            
            return View("Index",box);
        }

    }
}

完成后,编译.

第二步:创建类文件

在Models目录下,新建一个类文件: DivModel.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.ComponentModel.DataAnnotations;

namespace MvcDivTest.Models
{
    public class DivModel
    {
        [Display(Name = "被除数")]
        public int Dividend { set; get; }

        [Display(Name = "除数")]
        public int Divisor { set; get; }

        [Display(Name = "商")]
        public int Answer { set; get; }

        [Display(Name = "余数")]
        public int Remainder { set; get; }
    }
}

第四步:创建视图

在上述的Index Action中的大括号中,右击添加一个Index视图,Index.cshtml:

弹出选项对话框,设置按照红色框标注,如下图:

最后产生一个Index.cshtml文件:

按照红色框标注,对此文件修改后如下:

最终的Index.cshtml如下:

@model MvcDivTest.Models.DivModel

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

@using (Html.BeginForm("CalAnswer","Home")) {
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>除法测试</legend>

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

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

        <div class="editor-label">
            @Html.LabelFor(model => model.Answer)
        </div>
        <div class="editor-field">
            @Html.DisplayFor(model => model.Answer)        
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Remainder)
        </div>
        <div class="editor-field">
            @Html.DisplayFor(model => model.Remainder)           
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>
    </fieldset>
}

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

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}