博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
view如何从action中取得数据和 Html辅助方法
阅读量:5876 次
发布时间:2019-06-19

本文共 4054 字,大约阅读时间需要 13 分钟。

方式:1使用弱类型取,2,使用强类型,两者的差别在于view页面最上方声明的方式

 
如果使用弱类型接受来自控制器的数据,在view页面里完全不需要有任何的生命,数据可以从ViewData,ViewBag,TempData取得,在页面中可以通过@Model属性, 取得从Action传来的ViewData.Model数据模型。但是@Model数据类型将会是object,所以算是弱类型的传值方式。
 
如果使用强类型的话,必须在view页面第一行使用@model关键字引入一个view页面专用的数据模型
eg:
@model MvcApplication5.Models.LoginModel
 
@ViewBag.Title
使用这种方式有助于提升view的开发效率,因为可以使用智能提示功能。
-------------------------------
 
html helper就是用来辅助产生的HTML之用,在开发view的时候会面对许多html标签,处理这些会显得繁琐,为了降低view的复杂度,可以使用html辅助方法帮助产生一些html标签或内容,因这些html标签都有固定标准的写法,所以将其包装成html辅助方法,可让view开发更快速,也可以避免不必要的语法错误。
 
1,输出超链接
@Html.ActionLink("aaa","ActionName")
预设会链接到ActionName这个名称的action,由于没有指定控制器名称,因此指向的控制器将会与这次检视页面所属的控制器一样。
 
@Html.ActionLink("aaa","ActionName",“ControllerName”)
链接到指定控制器下的action
 
@Html.ActionLink("aaa","ActionName",new {id=123,page=5})
设定额外的RouteValue,可以在第三个参数传入object型别的数据
 
@Html.ActionLink("aaa","ActionName",null,new {@class="btnLink"})
当需要传入超链接额外的HTML属性时,可以将参数加在第四个参数上
注意:由于html标签里在套用css样式类别时会用到class属性名称,不过,在c#里class属于关键字并无法使用为匿名物件的属性,因此若要将其看为属性,则要在前面添加@跳转符号,这样才会正确编译。
此外,如果输出的html属性包含减号,如data-value属性,设定c#属性名称时必须将减号改成下划线替代,最后输出html属性时会自动变成减号。
 
使用Html.ActionLink()时,第一个参数为超链接的显示文字,此参数不可以输入空字符串,空白字符串或者null值,否则就会抛出TheValue cannot be null or empty.的例外。
 
但是如果我们要设定完全没有链接内容的时候,一般会是用在输出图片为主的超链接上,因为设计师想设计一个包含超链接的图片按钮,因此图片选择用a标签来输出,并通过css加上一个背景图
比如这种<标签a href="/home/index" class="lnkButton"></标签a>这样的格式输出是没法利用Html.ActionLink来做的,必须该用@Url.Action辅助方法才行
比如<标签a href="@Url.Action("ActionName")" class="lnkButton"></标签a>
 
@Html.RouteLink("回会员专区",new {type="default"})
@Html.RouteLink("回会员专区",new {type="default"},new {@class="back"})
输出结果如下
<标签a href="/Account/Login?type=default" class="lnkButton">回会员专区</标签a>
<标签a  class="back"  href="/Account/Login?type=default" class="lnkButton">回会员专区</标签a>
还可以指定路由表RouteTable中的路由名称,然后再加上额外的RouteValue参数
@Html.RouteLink("回会员专区",“Member”,new {})
@Html.RouteLink("回会员专区",“Member”,new {type="default"})
@Html.RouteLink("回会员专区",“Member”,new {type="default"},new {@class="back"})
 
2,输出表单
 
》》》》产生表单元素
eg:
@using(Html.BeginForm()){
 
<标签p>账号:@Html.TextBox("account")</标签p>
<标签p>密码:@Html.Password("password")</标签p>
}
 
输出的内容回是
<表单form action="/account/Login" method="post">
<标签p>账号:<标签input id="account" name ="account" type="text" value=""  
 /></标签p>
<标签p>密码:<标签input id="password" name ="password" type="password" value=""  
 /></标签p>
</表单form>
 
注意:当然我们也可以不适用@using,这样是可以确保表单标签会在using结尾输出表单结束标签,当然也可以在末尾使用@Html.EndForm()来关闭这个标签。但是beginform没法直接通过@输出,必须以c#语句的方式来执行。
eg:
@{Html.BeginForm("Abount","Home");}
@Html.TextArea("Date")
@Html.TextArea("MeMO")
<标签input type="submit"/>
@{Html.EndForm();}
 
@Html.BeginForm()预设输出的method是post,如果要设定get可以输入第三个参数
 
@using(Html.BeginForm(”Search","Home",FormMethod.Get)){
<标签p>账号:@Html.TextBox("account")</标签p>
}
 
如果要在表单上做上传功能,就必须在表单标签加一个enctype属性,且内容必须设定为multipe/form-data
,要通过Html.BeginForm辅助来新增额外的属性必须加上第四个参数,并传入一个匿名物件。
eg:
@using(Html.BeginForm("Upload","File",FormMethod.Post, new {enctype="multipart/form-data"})){
@Html.TextBox("File1","",new {type="file",size="25"})
<标签input type="submit"/>
}
输出内容是
<表单form action="/File/Upload" enctype="multipart/form-data" method="post">
<标签input type="file" id="File1"  name="File1" size="25" value=""/>
<标签input type="submit"/>
</表单form>
 
注意:html辅助方法并没有File方法,因此必须用TextBox来代替,并传入第三个参数将内建的type属性换成file即可。
拓展:如果要将表单送出的目标网址限定在特定的路由规则,可以用html.BeginRouteForm辅助方法指定路由名称eg:
@using("Inquiry",new {action="Index"}){}
 
》》》》》》模拟各种http动词(暂时没用到,以后再补充)
 
》》》》》》常用表单输入栏位
@Html.Password()用于产生密码栏位,
@Html.Hidden()用于产生隐藏栏位,
@Html.TextArea()用于产生多行文字的输入框,使用方式与html.textbox类似,但拥有较多的多载可以指定rows和column的值
@Html.DropDownList()用于产生下拉框
eg:@Html。DropDownList("List",ViewData["List"]as SelectList,"请选择")
 
@Html.listBox()用于产生多选的下拉式菜单,和上面的用法相似。
@Html.RadioButton()用于产生单选按钮(name,value,true[false])
@Html.CheckBox()用于产生选取方块,name,value
 
》》》》》》使用强类型别辅助方法
在原先的名称最后加上For,eg @Html.TextBoxFor()或@Html.LabelFor()这样有很多优点,不过最重要的是在view页面的最上方一定要用@model定义出这个页面的参考数据模型,如果没有声明的话就无法正常使用强类型辅助方法
eg:@Html.LabelFor(model => model.Name)
 
@Html.ValidationSummary()输出表单验证失败时的错误信息
@Html.ValidationMessageFor()用来输出当这个栏位发生输入验证错误时应显示的信息内容。

转载于:https://www.cnblogs.com/jinhaoObject/p/4597691.html

你可能感兴趣的文章
javascript实现继承的几种主要方法
查看>>
SSH 免密登录
查看>>
git 入门
查看>>
TCP socket和web socket的区别
查看>>
【译】 WebSocket 协议第九章——扩展(Extension)
查看>>
敏捷开发: 超级易用水桶估计系统
查看>>
关于分块思想的个人理解
查看>>
java 初识对象和对象引用的关系
查看>>
区块链共识协议最详细的分析
查看>>
H5小游戏 【篇一】 组词游戏
查看>>
免费小说阅读小程序
查看>>
在react-router中进行代码拆分
查看>>
vue JS 对象赋值
查看>>
第一个springboot项目
查看>>
新的开始 | Arthas GitHub Star 破万后的回顾和展望
查看>>
Spark in action on Kubernetes - Playground搭建与架构浅析
查看>>
react源码ReactTreeTraversal.js之数据结构与算法
查看>>
mysql锁(Innodb)
查看>>
一致性 Hash 算法的实际应用
查看>>
css3动画
查看>>