MVC Html.ActionLink Area 链接中含区域的页面之间的跳转

Posted 2022-01-02 wcrblog

 

例如我有一个需求，使用@html.ActionLink实现不同功能之间的跳转，有部分Control是在Area之下，这种时候我们应该如何实现区域间的跳转呢？

错误用例：

 <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("主页", "Index", "Home")</li>
                    <li>@Html.ActionLink("退款申请用例", "Index", "Refund")</li>
                    <li>@Html.ActionLink("微信扫一扫用例", "Index", "ScanQRCode")</li>
                </ul>

由于我的RefundControl存在于WxPay这个区域下，上述写法会提示说找不到Refund这个页面，也对上述写法生成的完整链接是 /Refund，而正确链接是  /WxPay/Refund，自然是找不到了，此时我们可以通过定义Html.ActionLink的RouterValues属性来实现跳转，如下：

            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("主页", "Index", "Home")</li>
                    <li>@Html.ActionLink("网页授权用例", "Index", "LoginAuth", new  Area = "" , null)</li>
                    <li>@Html.ActionLink("消息群发用例", "Index", "MsgSend", new  Area = "" , null)</li>
                    <li>@Html.ActionLink("微信支付用例", "Index", "Products", new  Area = "WxPay" , null)</li>
                    <li>@Html.ActionLink("退款申请用例", "Index", "Refund", new  Area = "WxPay" , null)</li>
                    <li>@Html.ActionLink("微信扫一扫用例", "Index", "ScanQRCode", new  Area = "" , null)</li>
                </ul>
            </div>

为什么“网页授权用例”也需要设置Area属性呢？而且值还为空。

这是因为我们在点击完带Area属性的功能，再去点击不带Area属性的功能时会沿用上一个页面的Area属性，所以我们要有个清空操作。