MVC 向页面传值方式总结(1)
ViewData传值.
HomeController.cs Co
de:
{
ViewData["Title" ] = "Home Page" ;
ViewData["Message" ] = "Welcome to ASP.NET MVC!" ;
return View();
}
Views/Home/Index.aspx Code:
<p>
<%= Html.Encode(ViewData["Message" ]) %>
</p>
</asp:Content>
结果:在页面上显示Welcome to ASP.NET MVC!
示例二:
带参数传值.
URL Routing规则:
"Default" , // Route name
"{controller}/{action}/{param}" , // URL with parameters
new { controller = "Home" , action = "Index" , param = "" } //
Parameter defaults
);
HomeController.cs Code:
{
ViewData["Title" ] = "Home Page" ;
ViewData["Message" ] = "Welcome to ASP.NET MVC!" ;
ViewData["Param" ] = param;
ViewData["ParaInt" ] = paraInt;
ViewData["ParaStr" ] = paraStr;
return View();
}
Views/Home/Index.aspx Code:
<p>
<%= Html.Encode(ViewData["Message" ]) %>
</p>
<p>
<%= Html.Encode(ViewData["Param" ]) %>
</p>
<p>
<%= Html.Encode(ViewData["ParaInt" ] ?? (object )"(null)" )%>
</p>
<p>
<%= Html.Encode(ViewData["ParaStr" ] ?? (object )"(null)" )%>
</p>
</asp:Content>
结果:
访问:/home/index/hello?paraint=520¶str=world
显示: hello 520 world
访问:/home/index/hello
显示:hello (null) (null)
示例三:
强类型传值:
<root>
<item name="Sea" >
<animal>Fish</animal>
<animal>Shrimp</animal>
<animal>Crab</animal>
</item>
<item name="Sky" >
<animal>Bird</animal>
<animal>Man</animal>
</item>
</root>
新建一个类读取xml数据.
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Xml.Linq;
using System.Web.Hosting;
namespace ViewData.Models
{
public class Space
{
public string Name { get ; set ; }
public string [] Animal { get ; set ; }
private static Space space;
public IEnumerable<Space> GetSpace()
{
XDocument xml = XDocument.Load(HostingEnvironment.MapPath("~/App_Data/Space.xml"));
IEnumerable<Space> results = from p in xml.Root.Elements("item")
select new Space
{
Name = p.Attribute("name" ).Value,
Animal = p.Elements("animal" ).Select(r => r.Value).ToArray()
} ;
return results;
}
public static Space Instance
{
get
{
if (space == null )
{
space = new Space();
}
return space;
}
}
}
}
在HomeController内添加Action:
{
ViewData["Title" ] = "About Page" ;
return View(Space.Instance.GetSpace());
}
在About.aspx.cs后天修改如下.
About.aspx调用数据:
<ul>
<li><%=p.Name %>
<ul>
<%foreach (string r in p.Animal){ %>
<li><%=r%></li>
<%} %>
</ul>
</li>
</ul>
<%} %>
结果:
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace ViewData.Models
{
public class UserM
{
public string Name { get ; set ; }
public string Password { get ; set ; }
private static UserM user;
public static UserM Instance
{
get
{
if (user == null )
{
user = new UserM();
}
return user;
}
}
}
}
HomeControllers添加Action
public ActionResult Form()
{
return View(UserM.Instance);
}
[ActionName("Form"), AcceptVerbs("POST")]//POST调用
public ActionResult SaveForm()
{
UpdateModel(UserM.Instance, new [] { "Name" , "Password" } );
return View(UserM.Instance);
}
<%=Html.Encode(ViewData.Model.Name) %><br />
<%=Html.Encode(ViewData.Model.Password) %>
</p>
<%Html.BeginForm();%>
Name:<%=Html.TextBox("Name" )%>
Password:<%=Html.Password("Password" ) %>
<input type="submit" value ="Submit" />
<%Html.EndForm(); %>
ViewData的生命周期和View相同, 只对当前View有效.
ViewData["zd"] = dfdfd
2:TempData传值方式
可以跨Action传递
TempData的数据至多只能经过一次Controller传递, 并且每个元素至多只能被访问一次,
例如一个用法为,抛出一个异常。跳转到error页面
public ActionResult Index3()
{
TempData["tempIndex"] = "出错了!";
Response.Redirect("/home/error");
return View();
}
3:QueryString传值
1)也可以使用new{}来为form的action增加querystring
2)在controler里使用Request.QueryString["word"]获取值
例如:
<li>
<%= Html.ActionLink("Browse", "Browse", "User", new { word = "word1" }})%></li>
Controler页面:
public ActionResult Browse(string word)
{
ViewData["word"] = Request.QueryString["word"];
ViewData["word2"] = word;
return View();
}
4:Post传值
例如:直接使用mehod=post
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
</head>
<body>
<div>
<form action="/User/AddRelease" method="post">
<ul>
<li>用户名1:<input type="text" value="" name="UserName2"/></li>
<li>密码1: :<input type="text" value="" name="Password2"/></li>
</ul>
<input type="submit" value="添加" />
</form>
</body>
</html>
例如2:也可以使用HtmlHelper.post方法
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
</head>
<body>
<div>
<% Html.BeginForm("AddRelease", "User", FormMethod.Post); %>
<ul>
<li>用户名: <%= Html.TextBox("UserName") %></li>
<li>密码: <%= Html.TextBox("Password") %></li>
</ul>
<% Html.EndForm(); %>
<input type="submit" value="添加" />
</body>
</html>
Html.BeginForm
Html.EndForm
Html.TextBox
一 工程结构
4个程序集
Microsoft.Web.Mvc --一些可以使用的,不确定的程序包
System.Web.Mvc --主程序库
下面两个列入3.5的Net框架了
System.Web.Abstractions --Request,Respose等5大对象、缓存,那些用于Asp.net Webfrom下使用的,这个使用装饰者模式来使的过去的使用的类,和mvc下使用的类像兼容。
System.Web.Routing --
同是3.5的引用
System.Web.Extensions --Ajax控件
文件
App_Data 数据库
Content 样式,图片,Js等
Controllers 控制器,可以改变名字,默认值
Models 模型
Views 视图
二 基本工作流程
http://localhost:23797/home/index
home 是控制器
index 是Action
HomeController --> Index()
方法 return View(); 这个方法会默认访问View文件夹下的Home->Index.aspx文件
方法 return View("about"); 访问我们指定的页面
更改了代码,要重新生成一下,才会起作用
三 MVC架构
页面请求-->Controller->Models(ORM)->数据库
|
页面 <--Views
四 ViewData传值,本页View传递
Controller --> Views 之间通过 ViewData 来传值。
Controller中写 ViewData["zd"] = "欢迎你!";
View中 调用 <%= ViewData["zd"] %>
另外也可以是复杂类型
List<string> sl = new List<string>();
sl.Add("重典");
sl.Add("冰动力");
ViewData["zd"] = sl;
View中调用
<% foreach(string str in ViewData["zd"] as List<string>){ %>
<%= str %>
<% } %>
对aspx页面,进行修改可以不编译生成。
五 另外一种传值方式TempData,可以跨页面Action传递一次
TempData["ddd"] = "哈哈";
Response.Redirect("/home/about");
页面about中
<%= TempData["ddd"] %>
只保留一次值。
用途:比如程序运行到一定地方,报错误抛出异常了,到一个异常处理页面,把错误信息传过去,专门处理一下。
六 ViewData的另外传递方式,类的传递
定义一个类
public class User
{
public string Name {get;set;}
public int ID {get;set;}
}
在Controller中进行实例化
User user = new User();
user.ID = 1;
user.Name = "安安";
ViewData["user"] = user;
在View中
<%= (ViewData["user"] as User).Name %>
还有一更方便的方法:
把对象放在 return View(user); 传递出来
页面View
首先修改一下页面class 继承
比如:
public partial class Index : ViewPage
-->
public partial class Index : ViewPage<User>
然后再页面中
<%= ViewData.Model.Name %>
只能传递一个引用类型。
将一个对象,用泛型类型传递到页面中。
七 新建页面
1. 新建一个Controller
默认的Action是Index
public ActionResult Index()
{
return View();
}
2. 新建一个View
跟刚刚的Controller同名
八 重定向,Redirect
Response.Redirect("/user/edit");
//WebFrom版通常跳转还是支持的
新的return的MVC模式的跳转
return Redirect("/user/edit");//新的跳转
return RedirectToAction("edit");
//同 控制器不同Action 跳转
return RedirectToAction("index","edit");
//不同 控制器跳转
九 Url Routing路由
home/index
能定位到-->home控制器 -->index Action
在golab.cs中
八 filter 过滤器
编码解码 数据压缩服务设置协议 等等 都可以在这里做
在Action发生之前发生之后 执行
在View显示之前显示之后 执行
新建一个类,起名加参数验证filter(ParamFiter)
filter要继承过滤器的基类 System.Web.Mvc.ActionFilterAttribute
重写方法
protected override void OnActionExecuted(ActionExecutiongContext filterContext)
{
//Action运行之后
}
protected override void OnActionExecuting(ActionExecutingContext filterContext)
{
//Action运行之前
if(filterContext.HttpContext.Request.QueryString["k"] != "goo")
{
throw new Exception("这有一个错误");
}
}
protected override void OnResultExecuted(ResultExecutedContext filterContext)
{
//在View显示之后
}
protected override void OnResultExecuting(ResultExecutingContext filterContext)
{
//在View显示之前
}
filter过滤器怎么用
在Controller中的类上面加上
[ParamFilter]
public class HomeControler : Controler
整个Controller上都会运用这个过滤器
也可以放在Controller中的某个Action上
[ParamFilter]
public ActionResult Index()
http://localhsot:23797/?k=go 就可以访问了
九 Helper初体验
HtmlHelper 用来原有的服务器控件,显示数据的时候要借用Helper
UrlHelper 由于url路由的存在,Url具有不确定性
/home/index
/home/index.ashx
如果连接写死的话,就要整体替换,用urlhelper就可以避免。
另外 Helper 只能在View页面上用,不要再控制器上使用,这个是规定不是绝对。
HtmlHelper只要在View页面用Html调用就可以了。
UrlHelper只要在View页面用url
超链接
<%= Html.ActionLink("首页","index","Home") %>
HtmlHelper可以显示所有的表单元素,包含form都是用它来显示
<%= Html.TextBox("category") %>
HtmlHelper还有一个特殊的方法,输出编码作用
<%= Html.Encode() %>
UrlHelper只是用于显示URL的
<%= Url.Action("index","home") %> 显示
<%= Url.Content("//dd") %> 把网站路径转化为URL显示出来
十 QueryString传值方式
url?key1=value&key2=value2
获取的时候就是用
Request.QueryString["key1"]
在Controller中,
ViewDate["V"] = Request.QueryString["word"];
在View中
<%= ViewData["w"]%>
在传值的调用页面中
<%= Html.ActionLink("编辑页","edit","user",new {word = "zhongdian"},new {@class="x"}) %>
最后一个属性是扩展的a标签的,这里给它一个样式。
由于class是关键字,可以把Class(c大写)避免,也可以加@前导符转义。
生成的Html页面代码
<a href="/user/edit?word=zhongdian" class="x">编辑页</a>
还有一个更简单的方法:
在Controllers中改写
public ActionResult Edit(string word)
//作为Action的参数
十一 表单提交Post
<form> 因为提交的URL也有不确定因素,所以用Helper生成。
创建form
<% using(Html.Form("user","edit",FormMethod.Post)) { %>
username:<%= Html.TextBox("Username") %>
<br/>
password:<%= Html.Password("Password") %>
<br/>
<%= Html.SubmitButton("","提交") %>
<% } %>
在Controller中接受Form表单的元素的值
string un = Request.Form["Username"];
string ps = Request.Form["Username"];
ViewData["w"] = un + ps;
在页面View中
<%= ViewData["w"] %>
十二 比较好的传值方式,UpdateModel
UpdateModel其实是Controller集下的一个方法,这个方法是将Post、get提交过来的相应的值存储到一个对象。
UpdateModel();
定义类
public class User
{
public string Name {get;set;}
public string Password{get;set;}
}
在Controller中方法中如何写
User u = new User(); //Model
UpdateModel(u,Request.Form.AllKeys);//get也可以
string un = u.Name;
string ps = u.Password;
ViewData["w"] = un + ps;
在页面View中
<%= ViewData["w"] %>
十三 单选复选 更新
单选框
<%= Html.RadioButton("n1","man",false)%>性别
单选框列表
<%= foreash(string s in
Html.RadioButtonList("ah",new[]{"音乐","书法"})
)
{%>
<%= s %>
<%}%>
复选框
<%= Html.CheckBox("c1")%> 复选
在Controller中如何接受传过来的值
ViewData["show"] = Request.Form["n1"]; //修改n1 为 ah 就可以测试显示列表
在页面View中
<%= ViewData["show"] %>
在复选框的值有多个,而且name又是相同的话,可以用一个字符串数据接收它的值。
十四 表单验证
<form action="" method="post">
<%= Html.ValidatiesMessage("u")%>
<fieldset>
<legend>提交用户</legend>
<p><label>用户名</label>
<%= Html.TextBox("u.UserName")%>
</p>
<p><label>密码</label>
<%= Html.TextBox("u.Password")%>
</p>
<input type="submit"/>
</fieldset>
</form>
后面Controller的代码
HttpVerbs.Post
public ActionResult Index(u as User)
{
if(u.UserName != "重典")
ViewData.ModelState.AddModelError("u","用户名错误");
if(u.Password != "123456")
ViewData.ModelState.AddModelError("u","密码错");
return View();
}
MVC 向页面传值方式总结(1)的更多相关文章
- MVC 向页面传值方式总结(2)
MVC 向页面传值方式总结 总结发现ASP.NET MVC中Controller向View传值的方式共有6种,分别是: ViewBag ViewData TempData 向普通View页面传一个Mo ...
- MVC中页面传值方式总结
MVC中的页面传值,通常指Controller和view之间的数据传递,经常用到的有几种方式,总结如下: 一.Controller----------->View(控制器传到视图) 1.View ...
- MVC 向页面传值方式总结
总结发现ASP.NET MVC中Controller向View传值的方式共有6种,分别是: ViewBag ViewData TempData 向普通View页面传一个Model对象 向强类型页面传传 ...
- dotNET5的MVC页面传值方式总结
本文大致讲解mvc前后端的传值方式,包括control向view.view向control.以及action向action. 一.经典回顾 二.Controller向View传值 1. ViewBag ...
- Spring MVC 向页面传值-Map、Model和ModelMap
原文链接:https://www.cnblogs.com/caoyc/p/5635878.html Spring MVC 向页面传值-Map.Model和ModelMap 除了使用ModelAndVi ...
- Spring MVC 向页面传值-Map、Model、ModelMap、ModelAndView
Spring MVC 向页面传值,有4种方式: ModelAndView Map Model ModelMap 使用后面3种方式,都是在方法参数中,指定一个该类型的参数. Model Model 是一 ...
- Spring MVC 向页面传值-Map、Model和ModelMap https://www.cnblogs.com/caoyc/p/5635878.html
Spring MVC 向页面传值-Map.Model和ModelMap 除了使用ModelAndView方式外.还可以使用Map.Model和ModelMap来向前台页面创造 使用后面3种方式,都是在 ...
- iOS页面传值方式
普遍传值方式如下: 1.委托delegate方式: 2.通知notification方式: 3.block方式: 4.UserDefault或者文件方式: 5.单例模式方式: 6.通过设置属性,实现页 ...
- MVC[xml]页面传值
MVC 各种传值方式 ViewData传值.HomeController.cs Co de: public ActionResult Index(){ ViewData["Titl ...
随机推荐
- HttpReponse
属性: django将请求报文中的请求行.头部信息.内容主体封装成 HttpRequest 类中的属性. 除了特殊说明的之外,其他均为只读的. 0.HttpRequest.scheme 表示请 ...
- ng-app&data-ng-app
来源stackoverflow 区别:在验证html5时,ng-app会抛出一个错误,而对带data-前缀的特性不会抛出.其它方面这两个属性一样.
- Centos7.5 安装VirtualBox增强工具
一.安装 1.自带tools: 选择VirtualBox工具栏 => 设备 => 安装增强功能 2.挂载光驱 3.进入光驱目录,执行(一定要用root权限执行) ①安装gcc yum i ...
- liunx系统下调整Swap分区大小
作者:邓聪聪 添加swap交换空间的步骤如下:第一步:确保系统中有足够的空间来用做swap交换空间,准备在一个独立的文件系统中添加一个swap交换文件,在/tmp中添加1G的swap交换文件第二步:添 ...
- Beta冲刺(7/7)
目录 摘要 团队部分 个人部分 摘要 队名:小白吃 组长博客:hjj 作业博客:beta冲刺(7/7) 后敬甲(组长) 过去两天完成了哪些任务 ppt制作 视频拍摄 接下来的计划 准备答辩 还剩下哪些 ...
- Python——plot可视化数据,作业8(python programming)
subject1k和subject1v的形状相同 # -*- coding: utf-8 -*- import scipy.io as sio raw_K = sio.loadmat('Subject ...
- Java——super 与 this 关键字
super 与 this 关键字 super关键字:我们可以通过super关键字来实现对父类成员的访问,用来引用当前对象的父类. this关键字:指向自己的引用. package ti; public ...
- uni-app调用原生的文件系统管理器(可选取附件上传)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- matplotlib 无法显示中文和负号的解决办法
matplotlib无法显示中文和负号解决办法
- 文本处理三剑客之awk(No.1)
示例1:只查看test.txt文件内的第3到第7行的内容 awk '{if(NR>=3 && NR<=7) print $0}' test.txt #其中的$0是输出整个行 ...