首页 > Web开发 > 详细

MVC原理之计算器

时间:2020-04-20 17:46:39      阅读:73      评论:0      收藏:0      [点我收藏+]

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

*完成,运行
技术分享图片

MVC原理之计算器

原文:https://www.cnblogs.com/SongYuBlog/p/12739127.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!