配置一個如上圖所示的菜單 1.打開文件MpaNavigationProvider.cs 【..\MyCompanyName.AbpZeroTemplate.Web\Areas\Mpa\Startup\MpaNavigationProvider.cs】 添加如下代碼(如下圖所示) .AddItem(n ...
配置一個如上圖所示的菜單
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>