【问题标题】:how can make reference when want side left menu ASP NET想要左侧菜单 ASP NET 时如何参考
【发布时间】:2022-08-13 23:28:25
【问题描述】:

我在 ASP NET 中制作了一个侧边菜单并编写了这些命令,但我不知道当我单击它时如何制作它,我希望它带我到特定于我单击的位置的页面,比如注册页面,我给它做了一个web表单,但是我不能访问它通过点击它的菜单名称,当想要左侧菜单时如何参考。enter image description here

  • 您需要向href 提供价值

标签: c# asp.net


【解决方案1】:

好的,所以您必须决定是否希望左侧的菜单栏:

始终显示在视图中,然后单击选项将显示您想要的页面。

或者,您单击/选择一个菜单项。用户跳转到该页面,然后在他们完成该页面后,您提供某种返回按钮以返回主页。

所以,用你的标记,这样说: (下一次请 PELEASE 发布标记 - 而不是图像。我必须将该图像发布到 OCR 程序中以从中创建文本。多么痛苦和浪费我的时间)。

所以,假设我们有这个:

<div class="d-flex" id="wrapper">
    <div class="bg-light border-light" id="sidebar-wrapper">
        <div class="sidebar-heading">Student</div>
        <div class="list-group list-group-flush">
            <a href="/default.aspx" class="list-group-item list-group-item-action bg-light">About</a>
            <a href="#" class="list-group-item list-group-item-action bg-light">Suggestion</a>
            <a href="#" class="list-group-item list-group-item-action bg-light ">Register</a>
            <a href="#" class="list-group-item list-group-item-action bg-light">Math</a>
            <a class="list-group-item list-group-item-action bg-light">Physics</a>
            <a class="list-group-item list-group-item-action bg-light">Chemstry</a>
            <a href="/Grids/Fighters.aspx" class="list-group-item list-group-item-action bg-light">Figher Jets</a>
            <a href="#" class="list-group-item list-group-item-action bg-light">Dashboard</a>
        </div>
    </div>
</div>

因此,请注意如何进行演示,我添加了战斗机菜单。

所以,我们看到了:

现在,如果我选择 Fighter Jets,那么我们会看到这个页面:

请注意我如何使用“返回”按钮提供、假设和设置页面,该按钮可以简单地导航回我们的主页。

但是,这实际上取决于您想要的用户界面。有时,保留并始终显示导航菜单可能会更好。这真的是一个选择,取决于你。通常,最好在没有菜单的情况下显示页面 - 让用户在该页面上完成他们的任务,并在最终“完成”或“提交”时将用户返回到菜单。

但是,您也可以考虑一个始终显示菜单的系统,因此导航将如下所示:

既然你是新手,那么第一选择就容易多了。

如果您使用 asp.net 网络表单,那么您可以将您的“母版”页面设置为您拥有的菜单栏,从而为每个页面添加 href 导航,但母版页将始终保持菜单栏可见。

因此,只需将“href”添加到您要导航到的网址。

然后你必须决定什么样的菜单系统 - 但如果你打算总是显示菜单栏,那么考虑使用母版页(如果你使用网络表单)。

谷歌或搜索母版页的工作方式。但是,如果您使用的是 MVC 项目,那么母版页当然不重要也不适用,因为您不会使用 Web 表单。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多