ASP.NET Zero--3.菜單配置

配置一個如上圖所示的菜單

 

1.打開文件MpaNavigationProvider.cs

【..\MyCompanyName.AbpZeroTemplate.Web\Areas\Mpa\Startup\MpaNavigationProvider.cs】

添加如下代碼（如下圖所示）

.AddItem(new MenuItemDefinition(
　　PageNames.App.Tenant.Test,//一個常量，控制菜單是否被選中
　　L("Test"),//菜單顯示名稱，在語言文件中配置
　　url: "Mpa/Test",//菜單路徑
　　icon: "icon-globe",//菜單圖標
))

 

 

2.打開文件PageNames.cs

【..\MyCompanyName.AbpZeroTemplate.Web\App_Start\Navigation\PageNames.cs】

在代碼中添加一個常量

public static class Tenant
{
    public const string Dashboard = "Dashboard.Tenant";
    public const string Settings = "Administration.Settings.Tenant";
    public const string Test = "Test";//這里是添加的常量
}

 

3.打開語言文件

AbpZeroTemplate-zh-CN.xml

【..\MyCompanyName.AbpZeroTemplate.Core\Localization\AbpZeroTemplate\AbpZeroTemplate-zh-CN.xml】

在最后添加一個鍵值對

<text name="Test" value="測試" />

 

保存生成，刷新頁面即可顯示，現在點擊菜單會報404錯誤，這是因為我們還沒有添加對應的控制器

在【..\MyCompanyName.AbpZeroTemplate.Web\Areas\Mpa\Controllers】下添加一個Test控制器，並創建Index視圖

 

4.Index視圖修改

此時Index視圖中的代碼改成這樣

@using MyCompanyName.AbpZeroTemplate.Web.Navigation

@{
    ViewBag.CurrentPageName = PageNames.App.Tenant.Test;//上面所定義就是這個常量，作用就是選中菜單時會高亮
}

<h2>測試頁面</h2>

 

5.生成項目

最后生成項目，刷新頁面。此時不管以哪個用戶登錄都會顯示此菜單，而實際項目中一般都會讓不同角色的用戶看到不同的菜單，這時就需要給菜單添加權限，只有擁有此權限的用戶才顯示菜單，請查看后續文章