[.Net码农]MVC——入门+最简单的小实例

来源:互联网 发布:linux zip命令详解 编辑:程序博客网 时间:2024/05/17 09:11

http://blog.csdn.net/suneqing/article/details/41427037?utm_source=tuicool&utm_medium=referral



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


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

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

    

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


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


1.新建mvc项目。



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

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
  1. public class user  
  2. {  
  3.     public string userName {get;set; }  
  4.     public string passWord{get;set;}  
  5.   
  6.     public  override string ToString ()  
  7.     {  
  8.         return "userName="+this.userName+",passWord="+this.passWord;  
  9.     }  
  10. }  


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


[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
  1. namespace MyMvcTest.Controllers  
  2. {  
  3.     public class MyUserController : Controller  
  4.     {  
  5.         //  
  6.         // GET: /MyUser/  
  7.   
  8.         public List<Models.user> InitData()  
  9.         {  
  10.             List<Models.user> list = new List<Models.user>()  
  11.             {  
  12.                 new Models.user(){userName="1",passWord="1"},  
  13.                 new Models.user(){userName="2",passWord="2"},  
  14.                 new Models.user(){userName="3",passWord="3"}  
  15.             };  
  16.   
  17.             return list;  
  18.         }  
  19.   
  20.         public ActionResult Index()  
  21.         {  
  22.             //创建一个StringBuilder  
  23.             System.Text.StringBuilder sbHtml = new System.Text.StringBuilder(4000);  
  24.   
  25.             //初始化数据  
  26.             List<Models.user> list = InitData();  
  27.   
  28.             //从list中获取数据并存入到sbHtml中  
  29.             list.ForEach(d =>  
  30.             {  
  31.                 sbHtml.AppendLine("<div>"+d.ToString()+"</div>");  
  32.             });  
  33.   
  34.             //利用ViewBag传输数据给同名的index.cshtml视图  
  35.             ViewBag.HtmlStr = sbHtml.ToString();  //ViewBag是一个dynamic类型集合,可以动态添加任意类型的任意名称的属性和值  
  36.             return View();  
  37.         }  
  38.   
  39.     }  
  40. }  


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


[html] view plaincopy在CODE上查看代码片派生到我的代码片
  1. @{  
  2.     Layout = null;  
  3. }  
  4.   
  5. <!DOCTYPE html>  
  6.   
  7. <html>  
  8. <head>  
  9.     <meta name="viewport" content="width=device-width" />  
  10.     <title>Index</title>  
  11. </head>  
  12. <body>  
  13.     <div>  
  14.         @Html.Raw(ViewBag.HtmlStr)  
  15.     </div>  
  16. </body>  
  17. </html>  


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



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

源码下载



0 0
原创粉丝点击