MVC原理之计算器

什么是 MVC?

MVC 是用于构建 web 应用程序的一种框架，使用 MVC (Model View Controller) 设计：
• Model（模型）表示应用程序核心（比如数据库记录列表）
• View（视图）对数据（数据库记录）进行显示
• Controller（控制器）处理输入（写入数据库记录）

使用 VS2012 创建 MVC 模板

MVC 的运行原理

实例 计算器小例子来理解 MVC 基本原理

*创建一个 MVC4 模板， 项目名称修改为 Demo.

*创建一个空项目，视图引擎采用 ASPX.

• 项目创建好后，就进入主题了，创建 控制器，模型，视图了。
  我们首先创建一个控制器，名为 Calculator.
  

• 默认的控制器为 Home, 所以我们要将 Home 修改为 Calculator. 打开 RouteConfig.cs , 将 Home 替换为 Calculator.
  

  public class RouteConfig
  {
  public static void RegisterRoutes(RouteCollection routes)
  {
  routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

        routes.MapRoute(
            name: "Default",
            url: "{controller}/{action}/{id}",
            defaults: new { controller = "Calculator", action = "Index", id = UrlParameter.Optional }
        );
    }
  

  }
  }

• 接下来创建视图了，将视图名名为 Index.
  

*编写视图文件

		 <form method="post" action="/Calculator/Index">
	            <input type="text" name="numberOne">
	            +
	             <input type="text" name="numberTwo" >
	            <br/>
	                 <input type="submit" value="计算">
	        </form> <br/>
	
	        <%=ViewData["result"] %>

*最后创建模型了，右击 Models 添加类，名为：MyCalculator.

• 在 MyCalculator 类中创建方法，一会要用。

		 public class MyCalCulator
		    {
		        public int GetSum(int num1, int num2)
		        {
		            return num1 + num2;
		        }
		    }
• 在控制器中添加代码


		        public ActionResult Index()
	        {
	            // 获取数据
	            int number1 = Convert.ToInt32(Request.Params["numberOne"]);
	            int number2 = Convert.ToInt32(Request.Params["numberTwo"]);
	
	            // 计算结果
	            int result = new MyCalCulator().GetSum(number1, number2);
	
	            // 返回视图
	            ViewData["result"] = result;
	
	            return View();
	        }

*完成，运行