.net网站开发（前端）：4.MVC HtmlHelper
通过前面三节，已经大概理解MVC是怎样运作的了。MVC的一个特点就是可以很方便地控制视图效果，数据交互也很灵活。先讲一下视图控制的，HtmlHelper，看到Help就知道它是不知疲惫的好人啦（有点像SQLHelper？）
.net MVC自带的HtmlHelper自带一部分功能，但如果我们不自定义自己功能，它能实现的效果也就和<input>标签差不多吧。先看下自带的效果：
一：创建一个HtmlHelper的控制器（名字为别的也行~）
为Index添加视图
<body>
<div>
<%--链接文字--%>
<%:Html.ActionLink("链接文字?","About","Home") %> </br>
<%:Html.ActionLink("红色的链接文字", "About", "Home",new { Style="color:red;"})%> </br>
//<%--(但此次的Url链接不知道为什么新增了几个字符)--%>
//<a Style="color:red;" href="/HtmlHelper/About?Length=4">红色的链接文字</a>
<%--文本框--%>
<%:Html.TextBox("txtName","乡巴佬") %> </br>
<%--单选控件（控件名相同表示为同一组）--%>
男：<%:Html.RadioButton("txtGender",1,true) %> </br>
女：<%:Html.RadioButton("txtGender",2,false) %> </br>
<%--ComboBox（先到控制器发送一个数据到视图）--%> </br>
<%:Html.DropDownList("city")%> </br>
</div>
</body>
控制器代码：
public ActionResult Index()
{
ViewData["city"] = new List<SelectListItem>()
{
new SelectListItem(){Selected=false,Text="揭阳",Value="2"},
new SelectListItem(){Selected=false,Text="惠州",Value="2"}
};
return View();
}
二：为HtmlHelpert添加自己的方法
（试想一下，如果你很多页面经常要使用一个功能，如表格数据展示，而且格式差不多，那就可以传入参数写到HtmlHelper类中去，这样子，前端使用的时候，只需要短短一行代码即可，而不需要再写table标签啊for循环啊）
在Model下新增一个类:MyHtmlHelper
using System.Web.Mvc;
//using System.Web.Mvc并将namespace该为System.Web.Mvc，这样前台使用时新创建的方法就不用再解析了。
namespace System.Web.Mvc
{
//修改为静态方法
public static class MyHtmlHelper
{
//扩展方法（本质是静态方法），为this关键词的类新增另定义的方法。
public static MvcHtmlString showMyLable(this HtmlHelper helper, string lbText)
{
//不要return string类型而是 return MvcHtmlString类型，因为前者会自动加上转义符传到前台。
return MvcHtmlString.Create(string.Format("<span>{0}</span>", lbText));
//也可以使用HtmlString
}
}
}
前台使用：
<%:Html.showMyLable("自定义label") %>
.net网站开发（前端）：4.MVC HtmlHelper的更多相关文章
- .net网站开发（设计）：1.什么是MVC模式
好吧我知道,应该很少人一开始学网站开发就从MVC开始,但如果你已经理解了三层架构之类的,那直接尝试强大的微软MVC网站开发模式也是挺不错的. 但其实我们学校有个实验室,那些干进去的就算是大一的学生,也 ...
- I am back-电商网站开发&jQuery
hi 之前有将近两周的时间没有更新,除了懒就是其他的事情耽误了.现在好了,回家了,虽然家里停水,外面又有积雪,天寒地冻的,但诸多不便,都比不过有点闲的好. 开搞每个学PHP的必经之路——电商网站的开发 ...
- ASP.NET MVC 网站开发总结（四）——校友平台开发总结
又历经一个多月的努力,学校的一个校友平台项目也接近内测的尾声了,简单的总结一下这次的项目开发. 与上次做Wing工作室的门户网站相比,同样是团队开发,参与的人员多了一个,用的时间也差不多一个月,但从总 ...
- ASP.NET MVC 网站开发总结（六）——简谈Json的序列化与反序列化
首先,先简单的谈一下什么是序列化与反序列化,序列化 (Serialization)将对象的状态信息转换为可以存储或传输的形式的过程.在序列化期间,对象将其当前状态写入到临时或持久性存储区.以后,可以通 ...
- ASP.NET MVC 网站开发总结（三） ——图片截图上传
本着简洁直接,我们就直奔主题吧,这里需要使用到一个网页在线截图插件imgareaselect(请自行下载). 前台页面: <!DOCTYPE html> <html> < ...
- ASP.NET MVC 网站开发总结（一）
历经一个多月的努力,工作室的门户网站(http://www.wingstudio.org)终于结束了内部公测. 仔细算一下,大概把网站开发出1.0版本大概用了一个月的时间(主要是利用课余时间),其后大 ...
- Mvc网站开发知识
网站开发基本本步骤 mvc是一个设计模式 网站开发前台页面技术 页面设计:Html css+Div 页面特效:JavaScript,jQuery oop编程核心公共技能 c#基础语法与程序逻辑 面向对 ...
- Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 历史 Bootstrap 是由 Twitter 的 ...
- asp.net -mvc框架复习（1）-ASP.NET网站开发概述
1.网站开发的基本步骤: 2.网站开发的需要的知识结构 (1)网站开发前台页面技术 页面设计:HTML .CSS+DIV 页面特效:JavaScript.jQery (2)OOP编程核心公共技能 C ...
- 前端示例MVC网站
前端示例MVC网站 ASP.NET Zero 包含了一个公共web站点的前端页面和一个登陆页面.当您第一次运行项目的时候可以看到,如下图所示: 该前端网站有两个页面,一个是主页和关于我们.这些页面的内 ...
随机推荐
- Asp.net Mvc 中的模型绑定
asp.net mvc中的模型绑定可以在提交http请求的时候,进行数据的映射. 1.没有模型绑定的时候 public ActionResult Example0() { ) { string id ...
- Android之Adapter用法总结
http://blog.csdn.net/fznpcy/article/details/8658155 Android之Adapter用法总结 1.概念 Adapter是连接后端数据和前端显示的适配器 ...
- 大型项目使用Automake/Autoconf完成编译配置
http://www.cnblogs.com/xf-linux-arm-java-android/p/3590770.htmlhttp://blog.csdn.net/zengraoli/articl ...
- Painting Storages（ZOJ)
There is a straight highway with N storages alongside it labeled by 1,2,3,...,N. Bob asks you to pai ...
- Javascript禁止父元素滚动条滚动， pc、移动端均有效
在网页中经常会遇到这样的场景, 网页比较长有滚动条, 然后网页内的某个内容块里面的内容也比较长, 也具有滚动条.当鼠标移到内容块中使用滚动条来滚动查看内容到达底部或头部的时候,父元素的滚动条也就开始滚 ...
- MD5加密算法原理及实现
MD5消息摘要算法,属Hash算法一类.MD5算法对输入任意长度的消息进行运行,产生一个128位的消息摘要. 以下所描述的消息长度.填充数据都以位(Bit)为单位,字节序为小端字节. 算法原理 1.数 ...
- ubuntu 14.04 vnc use gnome(ubuntu14.04 gnome for vnc4server)
New 'jenkinsmaster.cc:3 (root)' desktop is jenkinsmaster.cc:3 Starting applications specified in /ro ...
- javascript第四课变量作用域
局部变量: function f1() { var n1=0; //局部变量 n1=10; //全局变量,当前页面均可调用 } n1=10;//全局变量 var n1=10;//全局变量 在方法内的 ...
- Unity UGUI 使用 CCTween 实现 打字效果
最近闲来无事 就研究了下 打字效果的实现 结果发现很简单 直白了说是太简单了 下边效果图加代码 走着 增加可拖拽 脚本 (场景物体不支持 alpha 隐藏) 目前 CCAnim 封装了 move R ...
- 关于 ls 命令的一个小小的缺陷
linux 的 ls : ls后边加上要显示的路径时:比方 ls /tmp 它会打印一边 /tmp 下的信息 当ls后边跟上多个同样路径的名字是,它会打印多次同样的信息 比方 ls /tmp /tmp ...