[置顶] MVC——入门+最简单的小实例
MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controler)的缩写，一种软件设计典范，用于组织代码用一种业务逻辑和数据显示分离的方法。
1.最上面直接面向用户的"视图层"（View）。它是提供给用户的操作界面。
2.最底层核心的"数据层"（Model），也就是程序需要操作的数据或信息。
3.中间层是"控制层"（Controller），它负责根据用户从"视图层"输入的指令，选取"数据层"中的数据，然后对其进行相应的操作，产生最终结果。
MVC就像有点类似于食堂，可以分成三部分。一部分是仓库，负责提供蔬菜等原材料，这是"数据层"（Model）；另一部分是卖饭窗口，这是它的"视图层"（View），负责销售饭菜；两者之间是通过厨师这个"控制层"（Controller）将原材料从“仓库”中取出，处理加工后放到“窗口”上卖。
下面就通过一个小例子进一步说明MVC的中三层的各自的作用以及交互。
1.新建mvc项目。
![[置顶] MVC——入门+最简单的小实例_第1张图片](http://img.e-com-net.com/image/info5/45087aac3dd94a659bcf22d5a0bfd246.jpg)
![[置顶] MVC——入门+最简单的小实例_第2张图片](http://img.e-com-net.com/image/info5/0f22529eac434972943420ffd1597e0d.jpg)
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视图。
![[置顶] MVC——入门+最简单的小实例_第3张图片](http://img.e-com-net.com/image/info5/c39b1b77641e474e89b50aaf5ef11bc6.jpg)
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视图中。
![[置顶] MVC——入门+最简单的小实例_第4张图片](http://img.e-com-net.com/image/info5/2c3204b0a0ec419fbbda818ed77132e7.jpg)
@{
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>
![[置顶] MVC——入门+最简单的小实例_第5张图片](http://img.e-com-net.com/image/info5/2ba8334673914cb9b3a40caebc3696f3.jpg)
总结：View提供给操作界面，Model提供程序需要操作的数据或信息，Controller负责对数据加工并传入到到view中。
源码下载