使用HtmlHelper类生成有数据绑定的HTML标签

最新推荐文章于 2017-01-20 15:34:36 发布

一支支穿云箭

最新推荐文章于 2017-01-20 15:34:36 发布

阅读量1.8k

点赞数

分类专栏： ASP.net

本文链接：https://blog.csdn.net/mengdonghui123456/article/details/50273643

版权

ASP.net 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

【HtmlHelper】

在使用Asp.net中的MVC框架开发时，当你使用HTML语言写前台码或设计UI时，有一个特殊的控制器类可以很大程

度的帮助我们，提高写代码的效率和提高数据绑定的稳定性。没错，它就是HTMLhelper类。

HtmlHelper类位于System.Web.MVC.Html命名空间下。它是MVC框架封装好的帮助类，主要用于前台的控件显示和

数据绑定。

在MVC框架中，使用htmlhelper类可以大大提高代码的自动化程度。比原本手写HTML语言要更加稳定、更加靠

谱、更加简便。本章就对比分析下使用HTMLhelper与不使用的差别。

【对比学习】

【实现效果】

使用MVC框架在界面显示一个文本框里面的内容是地址栏参数+MVCDemo从后台获取后显示到前台页面，效果如下：

【使用纯HTML语言】

在控制器的文件夹下的【Index】页面写如下代码：

namespace MVCDemo.Controllers
{
    public class HomeController : Controller
    {
       
        public ActionResult Index()
        {
            // 使用request 获取页面地址栏的参数 id
             string id = Request["id"];

            // ViewData :字典容器，将控制器的数据传递给页面；
             ViewData["key"] = id + "MVC Demo";

            // 传递给该home 控制器下对应的index 页面
            return View();
        }

    }
}

在Views文件夹下的对应控制器的【Index】页面写如下代码：

<html>
<head runat="server">
    <title>Index</title>
</head>
<body>
    <div>
        <!--设置文本；从viewdata中获取数值-->
        <input type ="text" value="  <%=ViewData ["key"]%>" />
    </div>
</body>
</html>

【使用HTMLhelper类】

在控制器的文件夹下的【Index】页面写如下代码：

namespace MVCDemo.Controllers
{
    public class HtmlHelperController : Controller
    {
          
        public ActionResult Index()
       {     
          
             string id = Request["id"];

             ViewData["key"] = id + "MVCDemo";

             return View();
        }

    }
}

在Views文件夹下的对应控制器的【Index】页面写如下代码：

<pre name="code" class="html"><html>
<head runat="server">
    <title>Index</title>
</head>
<body>
    <div>
     
        <%=Html .TextBox("Key") %>


    </div>
</body>
</html>

【总结】

使用htmlhelper标签的时候会自动的将后台viewdata中的数据传递给前台页面；

通过代码对比可以看出同样的页面效果使用htmlhelper类可以减少代码量提高数据的稳定性；

HTMLhelper的功能远远不止这些，还有更多的内容等着我们去学习。

一支支穿云箭

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
10
评论
使用HtmlHelper类生成有数据绑定的HTML标签

【HtmlHelper】在使用Asp.net中的MVC框架开发时，当你使用HTML语言写前台码或设计UI时，有一个特殊的控制器类可以很大程度的帮助我们，提高写代码的效率和提高数据绑定的稳定性。没错，它就是HTMLhelper类。 HtmlHelper类位于System.Web.MVC.Html命名空间下。它是MVC框架封装好的帮助类，主要用于前台的控件显示和
复制链接

扫一扫