c# - 在 asp.net mvc 中处理按钮点击的正确方法？

Question

我正在制作网页 (http://example.com/calculation/)。这个网站会做简单的计算。该页面将以文本框 (asp:TextBox) 的形式向用户显示两个输入字段。我想知道如何处理单击“计算”按钮 (asp:Button)？

既然我使用的是 MVC 模板，我是否对页面使用 Controller ？我应该如何组织我的代码？

我想获取用户在两个文本框中输入的内容，并将值输出到“结果”标签中。

Answer 1

最简单干净的方法是提供一个模型类、一个 Controller 和一个 View 。请看下面的例子:

模型:

public class CalculatorModel {
    public int Result { get; set; }
    public int FirstOperand { get; set; }
    public int SecondOperand { get; set; }
}

Controller :

public class CalculatorController : Controller {
    [HttpGet]
    public ActionResult Sum() {
        CalculatorModel model = new CalculatorModel();
        //Return the result
        return View(model);
    }

    [HttpPost]
    public ActionResult Sum( CalculatorModel model ) {
        model.Result = model.FirstOperand + model.SecondOperand;
        //Return the result
        return View(model);
    }
}

View :

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<CalculatorModel>" %>

    <% using ( Html.BeginForm("Sum", "Calculator", FormMethod.Post, new { id = "calcForm" }) ) { %>
       <table border="0" cellpadding="3" cellspacing="1" width="100%">
       <tr valign="top">
           <td>
              <%= Html.LabelFor(model => model.FirstOperand) %>
              <%= Html.TextBoxFor(model => model.FirstOperand) %>
           </td>
       </tr>
       <tr valign="top">
           <td>
              <%= Html.LabelFor(model => model.SecondOperand) %>
              <%= Html.TextBoxFor(model => model.SecondOperand) %>
           </td>
       </tr>
       </table>
        <div style="text-align:right;">
            <input type="submit" id="btnSum" value="Sum values" />
        </div>
    <% } %>

我的建议是遵循有关 ASP.NET MVC 的一些教程。你可以用谷歌找到很多。 ASP.NET MVC web site是一个很好的起点。

希望对您有所帮助!