ASP.Net MVC视图间的跳转

最新推荐文章于 2024-05-25 21:56:43 发布

原创最新推荐文章于 2024-05-25 21:56:43 发布 · 5.2k 阅读

20 ·

CC 4.0 BY-SA版权

文章标签：

#ASP.Net MVC #视图跳转 #控制器视图间传值

ASP.Net MVC 专栏收录该内容

4 篇文章

订阅专栏

本文介绍在MVC框架中实现同一控制器及跨控制器视图间的跳转方法，并演示如何利用Session在不同视图间传递数据以实现个性化标题设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1：同一控制器间视图跳转
发现一个贼坑的地方，比如添加Home控制器，然后在views的home文件夹里添加Index视图和Second视图，在Index视图里想要通过超链接跳转到Second视图，需要这样写：

<a href="/Home/second">点击跳转1</a>@*这么写ok*@

成功
在这里插入图片描述
注意！！！！这样写就不行

<a href="~/Views/Home/second.cshtml">点击跳转2</a>@*这么写不ok*@

因为输入引号，系统会自动提示，我就按照系统提示补全了，
在这里插入图片描述
踩坑没办法，谁叫自己不熟练呢。。。。蛋疼
2：不同控制器间视图的跳转
在学习任务中做仓库管理系统的时候，先显示登陆注册界面，只有数据库中注册的用户并且密码正确才可以进入管理系统

登陆界面输入用户和密码正确后，跳转到操作页面，联动数据库可以进行增删改查
在这里插入图片描述
那么点击确认按钮(type=“confirm”)，输入的信息就会提交到后端，正确的话就应该跳转到操作页面，比如Operation控制器下的Page1页面，如何跳转呢？可以用Response.Redirect，

当时这些跳转路径的写法真是头疼，毕竟没有比较详细的教程，都是网上搜然后自己慢慢试的。然后跳转到Page1页面，自己想把cshtml的标题设置为"欢迎"+用户名,这就涉及到传值了，可以用Session，控制器和视图之间用Session很方便，可以用这几种方法改变title
在这里插入图片描述

@*设置指定标题
        1：@Session["User"]
        2:通过js获取title的DOM对象，然后设置其innerText/innerHtml属性
        3：直接document.title=@Session["User"];
        *@
         @*1：*@
    @{ 
        Session["Title"] = "欢迎" + Session["User"];
    }
    <title>@Session["Title"]</title>
    
    <script type="text/javascript">
        var newTitle = "欢迎" + "@Session["User"]";//注意获取Session要加引号，
                                                   //[]里是双引号
        @* 2：*@
        var v = document.getElementsByTagName("title");
            
        alert(newTitle);
        //v[0].innerHTML = newTitle;
        v[0].innerText = newTitle;

        @* 3 *@
        document.title = newTitle;
        </script>

结果确实改变了title
在这里插入图片描述
3：控制器里函数名写法
登录成功后，点击“增”进入对数据库进行增操作页面，控制器Operation添加了Add视图

然后点击"增"就调用js跳转到Add视图

  //跳转到v
        function Page1_to(v) {
            window.location(v);
        }

写法一定不要写错，别忘了写/
在这里插入图片描述登录成功后，标题是欢迎+用户名，点击增调用Add方法后,再返回看看

可见，确实调用了Add方法，搞懂了流程和写法，就不会老是出现类似下面这种报错了（比如写成Operatio/Add，少写了/）