MVC辅助器方法之内联、外部辅助器方法

最新推荐文章于 2020-06-13 20:35:06 发布

极客研究者

最新推荐文章于 2020-06-13 20:35:06 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/qq_34550459/article/details/106223170

版权

ASP.NET MVC 专栏收录该内容

40 篇文章 1 订阅

订阅专栏

辅助器方法:
其作用就是对代码块和标记进行打包,以便能够在整个MVC框架应用程序中重用。

示类项目:
1.创建MVC项目:
添加Home控制器:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace MVC_ProjectDemo.Controllers
{
    public class HomeController : Controller
    {
        // GET: Home
        public ActionResult Index()
        {
            ViewBag.Fruits = new string[] {"Apple","Orange","Pear"};
            ViewBag.Cities = new string[] {"New York","London","Pairs"};
            string message = "This is an HTML element :<input>";
            return View((object)message);
        }
    }
}

Index动作方法对应的View视图 Index.cshtml:

@model string


@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div> 
        <div class="fruits">
            @foreach (string fruit in (string[])ViewBag.Fruits) {
                <b>@fruit</b>
            }

        </div>

        <div class="cities">
            @foreach (string city in (string[])ViewBag.Cities) {
                    <b>@city</b>
            }
        </div>
           <div class="message">
               <p>@Model</p>
           </div>
    </div>
</body>
</html>

运行程序:
数据在前台正常显示
在这里插入图片描述

2.创建自定义辅助器方法:

2.1创建内联的辅助器方法:

内联辅助器是在视图中定义的,使用@helper标签创建一个内联辅助器。
改写 Index.cshtml:

@model string


@{
    Layout = null;
}



@*
    定义辅助器方法ListArrayItems
    参数:字符串数组
*@

@helper ListArrayItems(string[] items)
{

    foreach (string item in items)
    {
        <b>@item</b>
    }

}



<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div>
        <div class="fruits">
            @ListArrayItems(ViewBag.Fruits)
        </div>
        <div class="cities">
            @ListArrayItems(ViewBag.Cities)
        </div>
        <div class="message">
            <p>@Model</p>
        </div>
    </div>
</body>
</html>

辅助器方法类似于C#中规则的方法,但是没有返回值,辅助器体的内容被处理,并被放到对客户端的响应之中。
好处就是如果后期有内容修改,只需修改一处即可。

2.2 创建外部辅助器方法
内联元素是方便的,但它们只能在当前视图中使用,而且,如果内联辅助器太复杂,可能会占据视图,而使视图难以阅读,
可以创建外部的HTML辅助器方法,它被表示成C#的扩展方法,
下面在当前的根目录下,添加HelperMethods文件夹,在该文件中,添加CustomerHelpers类:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace MVC_ProjectDemo.HelperMethods
{
    public static  class CustomerHelpers
    {
    	//扩展方法
        public static MvcHtmlString ListArrayItems(this HtmlHelper html,string[] list) {

            TagBuilder tag = new TagBuilder("ul");//创建ul父元素
            foreach (string s in list) {
                TagBuilder itemTag = new TagBuilder("li");//创建li子元素
                itemTag.SetInnerText(s);//设置元素内的文本值
                tag.InnerHtml += itemTag.ToString();//赋给父元素
            }
            return new MvcHtmlString(tag.ToString());//返回html字符串对象
        }
    }
}

这乍一看有没有感觉像JS或Jquery中创建父子元素,只是在MVC的web类中支持使用C#创建html元素,

TagBulider类

在View中使用外部辅助类方法:
1.使用@using引用命名空间
2.使用@Html.扩展方法名称来引用辅助器,

@model string


@{
    Layout = null;
}

@*引用命名空间*@
@using MVC_ProjectDemo.HelperMethods

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div>
        <div class="fruits">
        <div>
            Here are the fruits:@Html.ListArrayItems((string[])ViewBag.Fruits)
        </div>
        <div>
          Here are the cities:@Html.ListArrayItems((string[])ViewBag.Cities)
        </div>
        <div class="message">
            <p>@Model</p>
        </div>
    </div>
</body>
</html>

注意:
需要将ViewBag对象的动态属性转换为外部辅助器所定义的类型

应用场景:
我认为使用辅助器方法,主要是减少视图的重复量,并且只用于最简单的内容。

极客研究者

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
MVC辅助器方法之内联、外部辅助器方法

辅助器方法:其作用就是对代码块和标记进行打包,以便能够在整个MVC框架应用程序中重用。示类项目:1.创建MVC项目:添加Home控制器:using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;namespace MVC_ProjectDemo.Controllers{ public class HomeController : C
复制链接

扫一扫

专栏目录