【发布时间】:2022-08-13 23:28:25
【问题描述】:
我在 ASP NET 中制作了一个侧边菜单并编写了这些命令,但我不知道当我单击它时如何制作它,我希望它带我到特定于我单击的位置的页面,比如注册页面,我给它做了一个web表单,但是我不能访问它通过点击它的菜单名称,当想要左侧菜单时如何参考。enter image description here
-
您需要向
href提供价值
我在 ASP NET 中制作了一个侧边菜单并编写了这些命令,但我不知道当我单击它时如何制作它,我希望它带我到特定于我单击的位置的页面,比如注册页面,我给它做了一个web表单,但是我不能访问它通过点击它的菜单名称,当想要左侧菜单时如何参考。enter image description here
href 提供价值
好的,所以您必须决定是否希望左侧的菜单栏:
始终显示在视图中,然后单击选项将显示您想要的页面。
或者,您单击/选择一个菜单项。用户跳转到该页面,然后在他们完成该页面后,您提供某种返回按钮以返回主页。
所以,用你的标记,这样说: (下一次请 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 表单。
【讨论】: