创建一个包含访问过的前一页内存的导航栏

时间:2017-11-03 02:15:33

标签: c# html css asp.net-mvc twitter-bootstrap

我正在使用mvc,c#,asp.Net,我创建了一个导航栏,其行为类似于Instagram导航栏。 例如,当有人点击“产品”时,该网页会显示所有可用的产品。

nav bar

如果用户点击了产品1,则会显示子产品选项

sub products

如果用户点击子产品选项,则此行为将相同:

subProducts options

现在,我的想法是,如果我在SubProducts选项卡选项选项卡上,并单击SubProducts,我将获得最后一张图片的父元素。 如果我在SubProducts(访问过SubProducts选项)并点击SubProducts Options,我会得到之前访问过的subProducts选项。 这是NavBar代码,使用razor:

<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        @Html.ActionLink("my app", "test1", "aasdfasdfasdfasdf", new { area = "" }, new { @class = "navbar-brand" })
    </div>
    <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
            @if (User.IsInRole("role"))
            { }
            <li>@Html.ActionLink("Products", "Index", "Home")</li>
            <li>@Html.ActionLink("SubProducts", "About", "Home")</li>
            <li>@Html.ActionLink("SubProducts options", "About", "Home")</li>
        </ul>
        @Html.Partial("_LoginPartial")
    </div>
</div>

我想我需要一种方法来动态更改导航栏的链接。 我该怎么做?再次感谢你。

注意:我想让导航栏选项得到修复,对用户始终可见。想想这就像Whatsapp菜单,或者手机的Instagram或Facebook。

1 个答案:

答案 0 :(得分:0)

在使用Tetsuya Yamamoto和Coding Yoshi的建议进行研究后,我可以找到一个非常有趣的Nuget for .net:

MVCBreadCrumbs

它允许轻松实现BreadCrumbs,没有太多代码,你应该尝试一下!