码迷,mamicode.com
首页 > Web开发 > 详细

ASP.NET MVC之视图生成URL(二)

时间:2016-04-14 06:49:28      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:

前言

上一节我们讲述了MVC中从控制器到视图传递数据的四种方式,想必大家早已掌握了,那我们继续往下走。

话题

在MVC的Web应用程序中,我们经常会出现这样的操作,从一个视图跳转到另外一个视图,大部分情况下都是通过链接来实现,当然这是一种非常不错的选择,为什么不说这是最好的选择呢?因为它也有其弊端,我们看看如下:

<a href="/Home/Index">这是一个链接</a>

当我们点击这个链接时,Home则对应的是控制器,Index则对应的是Action方法,并发出此请求进行跳转,貌似没有半点错误,但是,但是,如果我某一天想改变这个URL链接呢?要是我想删除Home控制器决定创建一个新的控制器呢,那又该怎么办呢?那这个写死的链接不就失效了吗,也就是说无法正常进行跳转了!不用着急,在MVC中提供一种更加好的方式来解决这个问题,通过路由来实现并解决这个问题最终动态生成URL。废话少说,我们来看看。

内容

在MVC中跳转视图生成链接的方式我们都知道是用 @Html.ActionLink 来进行,利用它的第四个重载方法,如:

@Html.ActionLink("这是一个跳转到Action链接","Index","Home")

第一个参数为链接文本,第二个为控制器上对应的方法Index,最后一个则是控制器Home,最终渲染成html则是:

<a href="/Home/About">这是一个跳转到Action链接</a>

到了这里你觉得是不是@Html.ActionLink的作用也就是如此了,是不是觉得这个来自HtmlHelper的扩展方法也不过如此呢?我们继续往下看。

@Html.ActionLink探讨(一)

我们创建项目并创建如下一个Test控制器,并在该控制器上定义如下两个方法:

    public class TestController : Controller
    {
        public ActionResult Index()
        {
            ViewBag.Controller = "Test";
            ViewBag.Action = "Index";
            return View("DisplayActionView");
        }

        public ActionResult MyBlog(string id = "MyBlogId")
        {
            ViewBag.Controller = "Test";
            ViewBag.Action = "MyBlog";
            ViewBag.CustomVariable = id;
            return View();
        }
    }

看了上述定义的Index方法返回的视图是DisplayActionView视图,那我们是不是应该在该控制器下做出如下定义呢:

        public ActionResult DisplayActionView()
        {
            return View();
        }

然后在该视图中显示一下我们已经跳转到该视图了呢,如下:

     <div>
        <h1>DisplayActionView</h1>
    </div>

结果如下:

技术分享

一切都是那么的合情合理,结果也正确,不要忘记了,我们这节要说的是@Html.ActionLink,别跑题了,到此为止,我们忘记这一切,继续之前的话题。

我们确实要创建DisplayActionView视图只是我们不创建该Action方法,我们直接在Views文件夹下的Shared文件夹下定义该视图。如下:

<body>
    <h1>Controller Invoked: @ViewBag.Controller</h1>

    <h1>Action Invoked: @ViewBag.Action</h1>

    <h3>
        @Html.ActionLink("this is generate url dynamic", "MyBlog")
    </h3>
</body>

 当然在上述Test控制器里还有个MyBlog方法未定义视图,我们定义视图内容如下:

<body>
    <h3>Controller processed the URL: @ViewBag.Controller</h3>
    <h3>Controller action invoked: @ViewBag.Action</h3>
    <h3>The custom variable is: @ViewBag.CustomVariable</h3>
</body>

最后的最后我们进行下路由配置:

               routes.MapRoute("CustomRoute", "{controller}/{action}/{id}",
               new
               {
                   controller = "Test",
                   action = "Index",
                   id = UrlParameter.Optional
               });

 

下面我们运行下程序看看其结果,通过运行Test下的Index方法然后直接跳转到DisplayActionView,如下:

技术分享

貌似没有什么可看的,我们知道上述 this is generate url dynamic 链接是由如下而生成的:

 @Html.ActionLink("this is generate url dynamic", "MyBlog")

我们用到HtmlHelper的扩展方法ActionLink,上述我们是重载了第一个方法,第一个参数是链接文本,而第二个则是Action名称,但是我们并未给出其控制器名称即控制器未知。我们把鼠标放在该链接上看看,如下:

技术分享

到这里想必我们大概能知道 @Html.ActionLink 的作用了,我们回归起初的话题我们利用 <a href="/Home/Index">这是一个链接</a> 将控制器写死,当我们删除该控制器那后果可想而知,当我们通过上述利用@Html.ActionLink来实现时则是通过控制器来动态生成该链接,即使我们删除控制器创建一个新的控制器该链接会动态的重新生成,这才是在MVC中要给出@Html.ActionLink的最后渲染成a标签的真正作用所在。下面我们继续进行该探讨。

@Html.ActionLink探讨(二)

我们再来定义一个Blog控制器,如下:

    public class BlogController : Controller
    {
        public ActionResult Index()
        {
            ViewBag.Controller = "Blog";
            ViewBag.Action = "Index";
            return View("DisplayActionView");
        }
        public ActionResult Comments()
        {
            ViewBag.Controller = "Blog";
            ViewBag.Action = "Comments";
            return View("DisplayActionView");
        }
    }

我们在DisplayActionView视图中添加访问Blog控制器的Comments方法,如下:

     <h3>
        @Html.ActionLink("This is a Blog controller", "Comments", "Blog")
    </h3>

我们在路由配置中在上述已经路由中再配置一个,如下:

               routes.MapRoute("BlogRoute", "ASP.NET_MVC_2/Blog{action}",
               new { controller = "Test" });

我们运行程序,得到如下结果:

技术分享

我们看到上述@Html.ActionLink链接地址,我们点击进去看看:

技术分享

从这里看到了 @Html.ActionLink 的真正作用,同时我们也知道MVC对于Web Form的一大优势,路由配置的灵活以及虚拟路径的配置。

结语 

由上述已验证,我们知道@Html.ActionLink不仅仅是写一个控制器和Action方法然后渲染成a标签进行跳转,它的灵活上述我们已经阐述完毕,希望通过此节的描述让大家能明白@Html.ActionLink真正用处并切实体会到动态生成url的妙处。

 

ASP.NET MVC之视图生成URL(二)

标签:

原文地址:http://www.cnblogs.com/CreateMyself/p/5388912.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!