MVC左侧二级菜单栏
时间: 2023-07-28 13:07:05 浏览: 61
如果您正在使用MVC框架,可以使用以下代码来实现左侧二级菜单栏:
首先,创建一个模型类,用于存储菜单项的数据:
```csharp
public class MenuItem
{
public string Name { get; set; }
public string Url { get; set; }
public List<MenuItem> SubItems { get; set; }
}
```
然后,在控制器中创建一个方法来生成菜单数据,并将其传递给视图:
```csharp
public IActionResult Index()
{
var menuItems = new List<MenuItem>
{
new MenuItem
{
Name = "菜单项 1",
Url = "#",
SubItems = new List<MenuItem>
{
new MenuItem { Name = "子菜单项 1", Url = "#" },
new MenuItem { Name = "子菜单项 2", Url = "#" },
new MenuItem { Name = "子菜单项 3", Url = "#" }
}
},
new MenuItem
{
Name = "菜单项 2",
Url = "#",
SubItems = new List<MenuItem>
{
new MenuItem { Name = "子菜单项 4", Url = "#" },
new MenuItem { Name = "子菜单项 5", Url = "#" },
new MenuItem { Name = "子菜单项 6", Url = "#" }
}
}
};
ViewBag.MenuItems = menuItems;
return View();
}
```
在视图中,使用以下代码来显示菜单:
```html
<div class="sidebar">
<ul>
@foreach (var item in ViewBag.MenuItems)
{
<li>
<a href="@item.Url">@item.Name</a>
@if (item.SubItems != null && item.SubItems.Any())
{
<ul>
@foreach (var subItem in item.SubItems)
{
<li><a href="@subItem.Url">@subItem.Name</a></li>
}
</ul>
}
</li>
}
</ul>
</div>
```
这将生成一个左侧菜单栏,其中包含二级菜单项。您可以根据需要进行样式和内容的修改。