MVC学习笔记4 认识View和Controller
来源:互联网 发布:mac qq群视频 编辑:程序博客网 时间:2024/05/18 03:33
首先我们自己新建一个新的Controller
在Controllers上点右键-添加-Controller,选项
VS 自动生成代码:这里我把Controller Name 更改为TestController
// // GET: /Test/ public ActionResult Index() { return View(); }.csharpcode, .csharpcode pre{font-size: small;color: black;font-family: consolas, "Courier New", courier, monospace;background-color: #ffffff;/*white-space: pre;*/}.csharpcode pre { margin: 0em; }.csharpcode .rem { color: #008000; }.csharpcode .kwrd { color: #0000ff; }.csharpcode .str { color: #006080; }.csharpcode .op { color: #0000c0; }.csharpcode .preproc { color: #cc6633; }.csharpcode .asp { background-color: #ffff00; }.csharpcode .html { color: #800000; }.csharpcode .attr { color: #ff0000; }.csharpcode .alt {background-color: #f4f4f4;width: 100%;margin: 0em;}.csharpcode .lnum { color: #606060; }
然后,新建View文件。
当然,除了Controller我们还要建个View,先在Views中建个Test文件夹,然后我们要在其中建个Index.aspx。
不过除此之外ASP.NET MVC还为我们提供了一种新建View的快捷方式。
在对应的Controller的Action中点右键,选择Add View。
NEXT:
接下来是VS的工作了:
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %><asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"> Indexasp:Content><asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">asp:Content>
.csharpcode, .csharpcode pre{font-size: small;color: black;font-family: consolas, "Courier New", courier, monospace;background-color: #ffffff;/*white-space: pre;*/}.csharpcode pre { margin: 0em; }.csharpcode .rem { color: #008000; }.csharpcode .kwrd { color: #0000ff; }.csharpcode .str { color: #006080; }.csharpcode .op { color: #0000c0; }.csharpcode .preproc { color: #cc6633; }.csharpcode .asp { background-color: #ffff00; }.csharpcode .html { color: #800000; }.csharpcode .attr { color: #ff0000; }.csharpcode .alt {background-color: #f4f4f4;width: 100%;margin: 0em;}.csharpcode .lnum { color: #606060; }
这样好像View和Controller都建好了,可是现在他们还是不能协调工作。
更改Controller
// // GET: /Test/ public ActionResult Index(string id) { ViewData["id"] = id; return View(); }
.csharpcode, .csharpcode pre{font-size: small;color: black;font-family: consolas, "Courier New", courier, monospace;background-color: #ffffff;/*white-space: pre;*/}.csharpcode pre { margin: 0em; }.csharpcode .rem { color: #008000; }.csharpcode .kwrd { color: #0000ff; }.csharpcode .str { color: #006080; }.csharpcode .op { color: #0000c0; }.csharpcode .preproc { color: #cc6633; }.csharpcode .asp { background-color: #ffff00; }.csharpcode .html { color: #800000; }.csharpcode .attr { color: #ff0000; }.csharpcode .alt {background-color: #f4f4f4;width: 100%;margin: 0em;}.csharpcode .lnum { color: #606060; }
更改View
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %><asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"> Indexasp:Content><asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> <h2>Index的ID参数的值是:<%=ViewData["id"] %>h2>asp:Content>
OK,运行了。
访问 http://localhost:9230/Test/Index/123123 看看效果。
.csharpcode, .csharpcode pre{font-size: small;color: black;font-family: consolas, "Courier New", courier, monospace;background-color: #ffffff;/*white-space: pre;*/}.csharpcode pre { margin: 0em; }.csharpcode .rem { color: #008000; }.csharpcode .kwrd { color: #0000ff; }.csharpcode .str { color: #006080; }.csharpcode .op { color: #0000c0; }.csharpcode .preproc { color: #cc6633; }.csharpcode .asp { background-color: #ffff00; }.csharpcode .html { color: #800000; }.csharpcode .attr { color: #ff0000; }.csharpcode .alt {background-color: #f4f4f4;width: 100%;margin: 0em;}.csharpcode .lnum { color: #606060; }MVC在URL的驱动下,通过Global.asax.cs
routes.MapRoute( "Default", // Route name "{controller}/{action}/{id}", // URL with parameters new { controller = "Home", action = "Index", id = "" } // Parameter defaults );
.csharpcode, .csharpcode pre{font-size: small;color: black;font-family: consolas, "Courier New", courier, monospace;background-color: #ffffff;/*white-space: pre;*/}.csharpcode pre { margin: 0em; }.csharpcode .rem { color: #008000; }.csharpcode .kwrd { color: #0000ff; }.csharpcode .str { color: #006080; }.csharpcode .op { color: #0000c0; }.csharpcode .preproc { color: #cc6633; }.csharpcode .asp { background-color: #ffff00; }.csharpcode .html { color: #800000; }.csharpcode .attr { color: #ff0000; }.csharpcode .alt {background-color: #f4f4f4;width: 100%;margin: 0em;}.csharpcode .lnum { color: #606060; }
来获取到id参数的值。
这样我们就将一个值从Url传到Controller,又从Controller传到View显示出来。
由上面程序段可以看出Action的参数string id用于接收{Controller}/{Action}/{id}的ID部分
ViewData是一个页面间的IDictionary用于Controller向View传递数据
这样View与Controller就可以协作完成显示页面与逻辑处理的工作了
- MVC学习笔记4 认识View和Controller
- ASP.NET MVC学习笔记-Controller与View传值
- ASP.NET MVC学习笔记-Controller与View传值
- ASP.NET MVC学习笔记-Controller与View传值
- ASP.NET MVC学习笔记-Controller与View传值
- MVC View和Controller传值
- Spring MVC 学习笔记4 ——Controller 与 View 互相传值
- Spring MVC 学习笔记 Viewresolver和View
- Spring MVC 学习笔记 Viewresol和View
- Spring MVC 学习笔记 Viewresol和View
- Spring MVC 学习笔记 Viewresol和View
- 认识View Controller
- springmvc学习笔记(14)——mvc:view-controller标签
- mvc:view-controller 用法 重定向 和 view name
- Model-View-Controller (MVC)
- mvc:view-controller
- Model View Controller(MVC)
- springmvc <mvc:view-controller >
- 面向对象设计的具体步骤【整理自网络】
- VC++实现混合静态分裂视窗的方法
- Klocwork应用体会
- IP地址已经分配给另一个适配器问题的解决方法
- 用CSplitterWnd类创建分割窗口
- MVC学习笔记4 认识View和Controller
- 得到linux中硬件信息的shell
- VmWare虚拟机增加硬盘容量【转】
- cvs
- 用apache_2.2.11和php-5.2.9搭建PHP环境
- 建立全文索引
- Knime------a good data miner tools, open source
- JavaScript使用技巧精萃
- 移植android系统到mini2440