您的位置：首页 > Web前端 > HTML

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

2015-12-12 11:53 477 查看

【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的功能远远不止这些，还有更多的内容等着我们去学习。
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航