abp(net core)+easyui+efcore實現倉儲管理系統——選單-下(十七)
實現倉儲管理系統目錄
abp(net core)+easyui+efcore實現倉儲管理系統——ABP總體介紹(一）
abp(net core)+easyui+efcore實現倉儲管理系統——解決方案介紹(二)
abp(net core)+easyui+efcore實現倉儲管理系統——領域層建立實體(三)
abp(net core)+easyui+efcore實現倉儲管理系統——定義倉儲並實現 (四)
abp(net core)+easyui+efcore實現倉儲管理系統——建立應用服務（五）
abp(net core)+easyui+efcore實現倉儲管理系統——展現層實現增刪改查之控制器（六）
abp(net core)+easyui+efcore實現倉儲管理系統——展現層實現增刪改查之列表檢視（七）
abp(net core)+easyui+efcore實現倉儲管理系統——展現層實現增刪改查之增刪改檢視（八）
abp(net core)+easyui+efcore實現倉儲管理系統——展現層實現增刪改查之選單與測試（九）
abp(net core)+easyui+efcore實現倉儲管理系統——多語言（十）
abp(net core)+easyui+efcore實現倉儲管理系統——使用 WEBAPI實現CURD (十一)
abp(net core)+easyui+efcore實現倉儲管理系統——選單-上 (十六)
三、動態載入選單
通過 abp(net core)+easyui+efcore實現倉儲管理系統——選單-上 (十六)這篇文章，我們已經瞭解了ABP中的選單相關的類及類的屬性與方法，接下我們通過例項來實現一個動態載入選單的功能。動態選單是我們在abp(net core)+easyui+efcore實現倉儲管理系統——領域層建立實體(三)至abp(net core)+easyui+efcore實現倉儲管理系統——展現層實現增刪改查之增刪改檢視（八）中新增的功能模組。
1. 在Visual Studio 2017的“解決方案資源管理器”中，右鍵單擊“ABP.TPLMS.Mvc.Web”專案的“Startup”資料夾，在彈出選單中選擇“新增” > > “類”。 將類命名為 DaynaicAddMenu，然後選擇“新增”。如下圖。
2. 在Visual Studio 2017的編輯器中開啟我們剛才建立的DaynaicAddMenu.cs檔案，寫入如下程式碼。
using Abp.Application.Navigation;
using Abp.Localization;
using ABP.TPLMS.Entitys;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
namespace ABP.TPLMS.Web.Startup
{
public class DynamicAddMenu
{
Modules.IModuleAppService _moduleAppService;
public DynamicAddMenu(Modules.IModuleAppService moduleApp)
{ _moduleAppService = moduleApp; }
public MenuItemDefinition AddMenus()
{
#region 動態選單
var modules= _moduleAppService.GetAll();
var project = new MenuItemDefinition(
"Business",
L("Business"),
icon: "menu",
order: 5
);
var list = modules.ToList();
FillMenu(project, 0, list);
return project;
#endregion
}
// 遞迴演算法
private void FillMenu(MenuItemDefinition menu, int ParentId, List<Module> modules)
{
List<Module> drs = modules.Where(x=>x.ParentId==ParentId).ToList();
if (drs == null || drs.Count <=0)
{
return;
}
else
{
for (int i = 0; i < drs.Count; i++)
{
Module dr = drs[i];
MenuItemDefinition nodeName = new MenuItemDefinition(
dr.Name,
L(dr.DisplayName),
url: dr.Url,
icon: "business",
requiredPermissionName: dr.RequiredPermissionName,
customData: i
);
menu.AddItem(nodeName);
FillMenu(nodeName, dr.Id, modules);
}
}
}
private static ILocalizableString L(string name)
{
return new LocalizableString(name, TPLMSConsts.LocalizationSourceName);
}
}
}
3. 在Visual Studio 2017的編輯器中開啟“ABP.TPLMS.Mvc.Web”專案的“Startup”資料夾中的TPLMSNavigationProvider.cs檔案，寫入載入選單的程式碼。下面程式碼中的粗體部分。
using Abp.Application.Navigation;
using Abp.Localization;
using ABP.TPLMS.Authorization;
namespace ABP.TPLMS.Web.Startup
{
/// <summary>
/// This class defines menus for the application.
/// </summary>
public class TPLMSNavigationProvider : NavigationProvider
{
Modules.IModuleAppService _moduleAppService;
public TPLMSNavigationProvider(Modules.IModuleAppService moduleApp)
{ _moduleAppService = moduleApp; }
public override void SetNavigation(INavigationProviderContext context)
{
var subMenu = new DynamicAddMenu(_moduleAppService).AddMenus();
context.Manager.MainMenu
.AddItem(
new MenuItemDefinition(
PageNames.Home,
L("HomePage"),
url: "",
icon: "home",
requiresAuthentication: true
)
).AddItem(
new MenuItemDefinition(
PageNames.Tenants,
L("Tenants"),
url: "Tenants",
icon: "business",
requiredPermissionName: PermissionNames.Pages_Tenants
)
).AddItem(
new MenuItemDefinition(
PageNames.Users,
L("Users"),
url: "Users",
icon: "people",
requiredPermissionName: PermissionNames.Pages_Users
)
).AddItem(
new MenuItemDefinition(
PageNames.Roles,
L("Roles"),
url: "Roles",
icon: "local_offer",
requiredPermissionName: PermissionNames.Pages_Roles
)
)
.AddItem(
new MenuItemDefinition(
PageNames.Module,
L("Module"),
url: "Module",
icon: "local_offer"
)
)
.AddItem(
new MenuItemDefinition(
PageNames.Supplier,
L("Supplier"),
url: "Supplier",
icon: "people"
)
)
.AddItem(subMenu
)
.AddItem(
new MenuItemDefinition(
PageNames.About,
L("About"),
url: "About",
icon: "info"
)
).AddItem( // Menu items below is just for demonstration!
new MenuItemDefinition(
"MultiLevelMenu",
L("MultiLevelMenu"),
icon: "menu"
).AddItem(
new MenuItemDefinition(
"AspNetBoilerplate",
new FixedLocalizableString("ASP.NET Boilerplate")
).AddItem(
new MenuItemDefinition(
"AspNetBoilerplateHome",
new FixedLocalizableString("Home"),
url: "https://aspnetboilerplate.com?ref=abptmpl"
)
).AddItem(
new MenuItemDefinition(
"AspNetBoilerplateTemplates",
new FixedLocalizableString("Templates"),
url: "https://aspnetboilerplate.com/Templates?ref=abptmpl"
)
).AddItem(
new MenuItemDefinition(
"AspNetBoilerplateSamples",
new FixedLocalizableString("Samples"),
url: "https://aspnetboilerplate.com/Samples?ref=abptmpl"
)
).AddItem(
new MenuItemDefinition(
"AspNetBoilerplateDocuments",
new FixedLocalizableString("Documents"),
url: "https://aspnetboilerplate.com/Pages/Documents?ref=abptmpl"
)
)
).AddItem(
new MenuItemDefinition(
"AspNetZero",
new FixedLocalizableString("ASP.NET Zero")
).AddItem(
new MenuItemDefinition(
"AspNetZeroHome",
new FixedLocalizableString("Home"),
url: "https://aspnetzero.com?ref=abptmpl"
)
).AddItem(
new MenuItemDefinition(
"AspNetZeroDescription",
new FixedLocalizableString("Description"),
url: "https://aspnetzero.com/?ref=abptmpl#description"
)
).AddItem(
new MenuItemDefinition(
"AspNetZeroFeatures",
new FixedLocalizableString("Features"),
url: "https://aspnetzero.com/?ref=abptmpl#features"
)
).AddItem(
new MenuItemDefinition(
"AspNetZeroPricing",
new FixedLocalizableString("Pricing"),
url: "https://aspnetzero.com/?ref=abptmpl#pricing"
)
).AddItem(
new MenuItemDefinition(
"AspNetZeroFaq",
new FixedLocalizableString("Faq"),
url: "https://aspnetzero.com/Faq?ref=abptmpl"
)
).AddItem(
new MenuItemDefinition(
"AspNetZeroDocuments",
new FixedLocalizableString("Documents"),
url: "https://aspnetzero.com/Documents?ref=abptmpl"
)
)
)
);
}
private static ILocalizableString L(string name)
{
return new LocalizableString(name, TPLMSConsts.LocalizationSourceName);
}
}
}
4． 在Visual Studio 2017的“解決方案資源管理器”中，找到“ABP.TPLMS.Application”專案中的“Modules”目錄，在編輯器中開啟 IModuleAppService.cs 介面檔案。新增獲取全部模組的程式碼。程式碼如下。
List<Module> GetAll();
5． 在Visual Studio 2017的“解決方案資源管理器”中，找到“ABP.TPLMS.Application”專案中的“Modules”目錄，在編輯器中開啟 ModuleAppService.cs 檔案。新增獲取全部模組的程式碼。程式碼如下。
public List<Module> GetAll()
{
var books = _moduleRepository.GetAllList();
return books;
}
6. 前端程式碼不用作任何修改。在Visual Studio 2017中按F5執行應用程式。登入之後，效果如下圖。
&n