通过前面三节，已经大概理解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的更多相关文章

  1. .net网站开发（设计）：1.什么是MVC模式

    好吧我知道,应该很少人一开始学网站开发就从MVC开始,但如果你已经理解了三层架构之类的,那直接尝试强大的微软MVC网站开发模式也是挺不错的. 但其实我们学校有个实验室,那些干进去的就算是大一的学生,也 ...

  2. I am back-电商网站开发&jQuery

    hi 之前有将近两周的时间没有更新,除了懒就是其他的事情耽误了.现在好了,回家了,虽然家里停水,外面又有积雪,天寒地冻的,但诸多不便,都比不过有点闲的好. 开搞每个学PHP的必经之路——电商网站的开发 ...

  3. ASP.NET MVC 网站开发总结（四）——校友平台开发总结

    又历经一个多月的努力,学校的一个校友平台项目也接近内测的尾声了,简单的总结一下这次的项目开发. 与上次做Wing工作室的门户网站相比,同样是团队开发,参与的人员多了一个,用的时间也差不多一个月,但从总 ...

  4. ASP.NET MVC 网站开发总结（六）——简谈Json的序列化与反序列化

    首先,先简单的谈一下什么是序列化与反序列化,序列化 (Serialization)将对象的状态信息转换为可以存储或传输的形式的过程.在序列化期间,对象将其当前状态写入到临时或持久性存储区.以后,可以通 ...

  5. ASP.NET MVC 网站开发总结（三） ——图片截图上传

    本着简洁直接,我们就直奔主题吧,这里需要使用到一个网页在线截图插件imgareaselect(请自行下载). 前台页面: <!DOCTYPE html> <html> < ...

  6. ASP.NET MVC 网站开发总结（一）

    历经一个多月的努力,工作室的门户网站(http://www.wingstudio.org)终于结束了内部公测. 仔细算一下,大概把网站开发出1.0版本大概用了一个月的时间(主要是利用课余时间),其后大 ...

  7. Mvc网站开发知识

    网站开发基本本步骤 mvc是一个设计模式 网站开发前台页面技术 页面设计:Html css+Div 页面特效:JavaScript,jQuery oop编程核心公共技能 c#基础语法与程序逻辑 面向对 ...

  8. Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架

    Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 历史 Bootstrap 是由 Twitter 的 ...

  9. asp.net -mvc框架复习（1）-ASP.NET网站开发概述

    1.网站开发的基本步骤: 2.网站开发的需要的知识结构 (1)网站开发前台页面技术 页面设计:HTML  .CSS+DIV 页面特效:JavaScript.jQery (2)OOP编程核心公共技能 C ...

  10. 前端示例MVC网站

    前端示例MVC网站 ASP.NET Zero 包含了一个公共web站点的前端页面和一个登陆页面.当您第一次运行项目的时候可以看到,如下图所示: 该前端网站有两个页面,一个是主页和关于我们.这些页面的内 ...

随机推荐

  1. winform 拖动无边框窗体(调用Windows API)

    第一步:将窗体的FormBoderStyle属性设置为None: 第二步:添加一个新类:Win32.cs 代码如下: public class Win32 { [DllImport("use ...

  2. jdk7和8的一些新特性介绍

    jdk7和8的一些新特性介绍 本文是我学习了解了jdk7和jdk8的一些新特性的一些资料,有兴趣的大家可以浏览下下面的内容. 官方文档:http://www.oracle.com/technetwor ...

  3. 普林斯顿大学算法课 Algorithm Part I Week 3 快速排序 Quicksort

    发明者:Sir Charles Antony Richard Hoare 基本思想: 先对数据进行洗牌(Shuffle the array) 以数据a[j]为中心进行分区(Partition),使得a ...

  4. C# 4.0 新特性-dynamic 【转】

    前段时间看过一些关于dynamic这个C#4中的新特性,看到有些朋友认为dynamic的弊大于利,如无法使用编译器智能提示,无法在编译时做静态类型检查,性能差等等.因此在这篇文章中我将就这些问题来对d ...

  5. js堆栈溢出错误

    function prompt() { var answer = prompt("What is your name","") if (answer) { al ...

  6. BZOJ 3875: [Ahoi2014]骑士游戏

    d[i]表示消灭i所需的最小体力值, d[i] = min(S[i], K[i]+Σd[x]), Σd[x]表示普通攻击而产生的其他怪兽. 因为不是DAG, 所以用个队列类似SPFA来更新答案． -- ...

  7. 从C++对象内存布局和构造过程来具体分析C++中的封装、继承、多态

    一.封装模型的内存布局 常见类对象的成员可能包含以下元素: 内建类型.指针.引用.组合对象.虚函数. 另一个角度的分类: 数据成员:静态.非静态 成员函数:静态.非静态.虚函数 1.仅包含内建类型的场 ...

  8. vvv

    すぎやま(杉山) ハイコンテンツコンテスト assortedアクセント・音節as・sórt・ed 発音記号/‐ṭɪd/音声を聞く [形容詞]1分類した,仕分けした.2〈ビスケットなど〉詰め合わせの.用 ...

  9. Android学习笔记27：网格视图GridView的使用

    网格视图GridView的排列方式与矩阵类似,当屏幕上有很多元素(文字.图片或其他元素)需要按矩阵格式进行显示时,就可以使用GridView控件来实现. 本文将以一个具体的实例来说明如何使用GridV ...

  10. hdu 5724 Chess 博弈

    题目链接 一个n行20列的棋盘. 每一行有若干个棋子. 两人轮流操作, 每人每次可以将一个棋子向右移动一个位置, 如果它右边有一个棋子, 就跳过这个棋子, 如果有若干个棋子, 就将这若干个都跳过. 但 ...