码迷,mamicode.com
首页 > Web开发 > 详细

MVC——入门+最简单的小实例

时间:2014-11-24 06:34:03      阅读:341      评论:0      收藏:0      [点我收藏+]

标签:mvc

    MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controler)的缩写,一种软件设计典范,用于组织代码用一种业务逻辑和数据显示分离的方法。


1.最上面直接面向用户的"视图层"(View)。它是提供给用户的操作界面。

2.最底层核心的"数据层"(Model),也就是程序需要操作的数据或信息。
3.中间层是"控制层"(Controller),它负责根据用户从"视图层"输入的指令,选取"数据层"中的数据,然后对其进行相应的操作,产生最终结果。

    

    MVC就像有点类似于食堂,可以分成三部分。一部分是仓库,负责提供蔬菜等原材料,这是"数据层"(Model);另一部分是卖饭窗口,这是它的"视图层"(View),负责销售饭菜;两者之间是通过厨师这个"控制层"(Controller)将原材料从“仓库”中取出,处理加工后放到“窗口”上卖。


    下面就通过一个小例子进一步说明MVC的中三层的各自的作用以及交互。


1.新建mvc项目。

bubuko.com,布布扣bubuko.com,布布扣


2.在Models文件夹下新建一个user类,用于模拟数据。

    public class user
    {
        public string userName {get;set; }
        public string passWord{get;set;}

        public  override string ToString ()
        {
            return "userName="+this.userName+",passWord="+this.passWord;
        }
    }


3.在Controllers文件夹下新建一个控制器,用于从获取user.cs中数据,并将处理后数据传给Index.cshtml视图。

bubuko.com,布布扣

namespace MyMvcTest.Controllers
{
    public class MyUserController : Controller
    {
        //
        // GET: /MyUser/

        public List<Models.user> InitData()
        {
            List<Models.user> list = new List<Models.user>()
            {
                new Models.user(){userName="1",passWord="1"},
                new Models.user(){userName="2",passWord="2"},
                new Models.user(){userName="3",passWord="3"}
            };

            return list;
        }

        public ActionResult Index()
        {
            //创建一个StringBuilder
            System.Text.StringBuilder sbHtml = new System.Text.StringBuilder(4000);

            //初始化数据
            List<Models.user> list = InitData();

            //从list中获取数据并存入到sbHtml中
            list.ForEach(d =>
            {
                sbHtml.AppendLine("<div>"+d.ToString()+"</div>");
            });

            //利用ViewBag传输数据给同名的index.cshtml视图
            ViewBag.HtmlStr = sbHtml.ToString();  //ViewBag是一个dynamic类型集合,可以动态添加任意类型的任意名称的属性和值
            return View();
        }

    }
}


4.添加视图,用于将数据显示到Index.cshtml视图中。

bubuko.com,布布扣

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div>
        @Html.Raw(ViewBag.HtmlStr)
    </div>
</body>
</html>


5.配置路由,设置新添加的视图为默认启动视图,在App_Start文件下找到RouteConfig.cs文件进行修改。


bubuko.com,布布扣

总结:View提供给操作界面,Model提供程序需要操作的数据或信息,Controller负责对数据加工并传入到到view中。

源码下载



MVC——入门+最简单的小实例

标签:mvc

原文地址:http://blog.csdn.net/suneqing/article/details/41427037

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!