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();
	        }

*完成，運行