ps:本文须要先把abp的源码下载一份来下,跟着一块儿找实现,更容易懂数据库
在abp中,对于权限和菜单使用静态来管理,菜单的加载是在登录页面的地方(具体是怎么知道的,浏览器按F12,而后去sources中去找)浏览器
这个/AbpScripts/GetScripts是获取须要初始化的script,源自AbpScriptsController,GetScripts方法包括session
页面加载时的连接是:http://localhost:62114/AbpScripts/GetScripts?v=637274153555501055
_multiTenancyScriptManager //当前租户初始化 对应报文的 abp.multiTenancy
_sessionScriptManager //当前session初始化 对应报文的 abp.session
_localizationScriptManager //本地化的初始化 对应报文的 abp.localization
_featuresScriptManager //对应报文的 abp.features
_authorizationScriptManager //权限初始化 对应报文的 abp.auth
_navigationScriptManager //导航菜单初始化 对应报文的 abp.nav
_settingScriptManager //设置初始化 对应报文的 abp.setting
_timingScriptManager //对应报文的 abp.clock
_customConfigScriptManager //对应报文的 abp.custom
好了,如今基本算是找到菜单和权限js获取的地方了,通常系统里面,权限是依赖于菜单和菜单按钮的,因此咱们先无论权限,先把菜单作成动态加载的app
从await _navigationScriptManager.GetScriptAsync()开始,一路F12,大概流程是ide
(接口)INavigationScriptManager=>(接口实现)NavigationScriptManager=>(方法)GetScriptAsync=>(调用)await _userNavigationManager.GetMenusAsync=>
(接口)IUserNavigationManager=>(接口实现)UserNavigationManager=>(方法)GetMenuAsync=>(调用)navigationManager.Menus=>
(接口)INavigationManager=>(接口实现)NavigationManager=>(非静态构造函数为Menus属性赋值)NavigationManager
到这里以后基本就到底了,咱们看看NavigationManager的内容函数
internal class NavigationManager : INavigationManager, ISingletonDependency { public IDictionary<string, MenuDefinition> Menus { get; private set; } //属性 public MenuDefinition MainMenu //属性 { get { return Menus["MainMenu"]; } } private readonly IIocResolver _iocResolver; private readonly INavigationConfiguration _configuration; public NavigationManager(IIocResolver iocResolver, INavigationConfiguration configuration) //非静态构造函数 { _iocResolver = iocResolver; _configuration = configuration; Menus = new Dictionary<string, MenuDefinition> { {"MainMenu", new MenuDefinition("MainMenu", new LocalizableString("MainMenu", AbpConsts.LocalizationSourceName))} }; } public void Initialize() //初始化方法 { var context = new NavigationProviderContext(this); foreach (var providerType in _configuration.Providers) { using (var provider = _iocResolver.ResolveAsDisposable<NavigationProvider>(providerType)) { provider.Object.SetNavigation(context); //中式英语翻译一下,应该是设置导航 } } } }
这个类里面就只有属性、须要注入的接口声明、非静态构造函数、初始化方法,咱们到这里须要关注的是Menus这个属性,这个属性彷佛将会包含咱们须要生成的菜单内容ui
Menus = new Dictionary<string, MenuDefinition> { {"MainMenu", new MenuDefinition("MainMenu", new LocalizableString("MainMenu", AbpConsts.LocalizationSourceName))} };
这里是对Menus的赋值,实例化了一个Dictionary,前面的不用看,主要是看标红的这句话,从new LocalizableString("MainMenu", AbpConsts.LocalizationSourceName)里面获取到值this
好了如今基本找到地方了,咱们不知道LocalizableString是什么意思,可是咱们能够百度一波url
ILocalizableString/LocalizableString:封装须要被本地化的string的信息,并提供Localize方法(调用ILocalizationManager的GetString方法)返回本地化的string. SourceName指定其从那个本地化资源读取本地化文本。
LocalizableString("Questions", "") 若是本地找不到资源,会报300spa
大概的意思是经过new LocalizableString,咱们能够在本地化来源为AbpConsts.LocalizationSourceName的string里面寻找到Key为MainMenu的value(理解不对请喷)
如今须要去找到那个地方对MainMenu进行了本地化操做,通常来讲这个事情都是在程序加载的时候进行的,先对MainMenu进行读取,保存到本地,而后在_navigationScriptManager读取,传输给前台
彷佛很差找了,可是咱们发现有一个类型MenuDefinition,F12一下,能够发现宝藏
namespace Abp.Application.Navigation { /// <summary> /// Represents a navigation menu for an application. //表示应用程序的导航菜单
/// </summary> public class MenuDefinition : IHasMenuItemDefinitions { /// <summary> /// Unique name of the menu in the application. Required. //应用程序中菜单的惟一名称。 必须 /// </summary> public string Name { get; private set; } /// <summary> /// Display name of the menu. Required. //菜单显示名称 必须
/// </summary> public ILocalizableString DisplayName { get; set; } /// <summary> /// Can be used to store a custom object related to this menu. Optional. //可用于存储与此菜单相关的自定义对象
/// </summary> public object CustomData { get; set; } /// <summary> /// Menu items (first level). //菜单项(第一级)
/// </summary> public List<MenuItemDefinition> Items { get; set; } /// <summary> /// Creates a new <see cref="MenuDefinition"/> object. /// </summary> /// <param name="name">Unique name of the menu</param> /// <param name="displayName">Display name of the menu</param> /// <param name="customData">Can be used to store a custom object related to this menu.</param> public MenuDefinition(string name, ILocalizableString displayName, object customData = null) { if (string.IsNullOrEmpty(name)) { throw new ArgumentNullException("name", "Menu name can not be empty or null."); } if (displayName == null) { throw new ArgumentNullException("displayName", "Display name of the menu can not be null."); } Name = name; DisplayName = displayName; CustomData = customData; Items = new List<MenuItemDefinition>(); } /// <summary> /// Adds a <see cref="MenuItemDefinition"/> to <see cref="Items"/>. /// </summary> /// <param name="menuItem"><see cref="MenuItemDefinition"/> to be added</param> /// <returns>This <see cref="MenuDefinition"/> object</returns> public MenuDefinition AddItem(MenuItemDefinition menuItem) { Items.Add(menuItem); return this; } /// <summary> /// Remove menu item with given name /// </summary> /// <param name="name"></param> public void RemoveItem(string name) { Items.RemoveAll(m => m.Name == name); } } }
找到了菜单的类型了,那么咱们去找保存的地方就好找了,咱们其实能够根据AddItem这个方法去找,去查看哪一个地方引用了
AddItem方法添加的是MenuItemDefinition类型的变量,那咱们如今退出abp源码,去咱们的AbpLearn项目中去全局搜索一下
看来是同一个AbpLearnNavigationProvider类里面,双击过去看一下
/// <summary> /// This class defines menus for the application. /// </summary> public class AbpLearnNavigationProvider : NavigationProvider { public override void SetNavigation(INavigationProviderContext context) { context.Manager.MainMenu .AddItem( new MenuItemDefinition( PageNames.Home, L("HomePage"), url: "", icon: "fas fa-home", requiresAuthentication: true ) ).AddItem( new MenuItemDefinition( PageNames.Tenants, L("Tenants"), url: "Tenants", icon: "fas fa-building", permissionDependency: new SimplePermissionDependency(PermissionNames.Pages_Tenants) ) ).AddItem( new MenuItemDefinition( PageNames.Users, L("Users"), url: "Users", icon: "fas fa-users", permissionDependency: new SimplePermissionDependency(PermissionNames.Pages_Users) ) ).AddItem( new MenuItemDefinition( PageNames.Roles, L("Roles"), url: "Roles", icon: "fas fa-theater-masks", permissionDependency: new SimplePermissionDependency(PermissionNames.Pages_Roles) ) ) .AddItem( new MenuItemDefinition( PageNames.About, L("About"), url: "About", icon: "fas fa-info-circle" ) ).AddItem( // Menu items below is just for demonstration! new MenuItemDefinition( "MultiLevelMenu", L("MultiLevelMenu"), icon: "fas fa-circle" ).AddItem( new MenuItemDefinition( "AspNetBoilerplate", new FixedLocalizableString("ASP.NET Boilerplate"), icon: "far fa-circle" ).AddItem( new MenuItemDefinition( "AspNetBoilerplateHome", new FixedLocalizableString("Home"), url: "https://aspnetboilerplate.com?ref=abptmpl", icon: "far fa-dot-circle" ) ).AddItem( new MenuItemDefinition( "AspNetBoilerplateTemplates", new FixedLocalizableString("Templates"), url: "https://aspnetboilerplate.com/Templates?ref=abptmpl", icon: "far fa-dot-circle" ) ).AddItem( new MenuItemDefinition( "AspNetBoilerplateSamples", new FixedLocalizableString("Samples"), url: "https://aspnetboilerplate.com/Samples?ref=abptmpl", icon: "far fa-dot-circle" ) ).AddItem( new MenuItemDefinition( "AspNetBoilerplateDocuments", new FixedLocalizableString("Documents"), url: "https://aspnetboilerplate.com/Pages/Documents?ref=abptmpl", icon: "far fa-dot-circle" ) ) ).AddItem( new MenuItemDefinition( "AspNetZero", new FixedLocalizableString("ASP.NET Zero"), icon: "far fa-circle" ).AddItem( new MenuItemDefinition( "AspNetZeroHome", new FixedLocalizableString("Home"), url: "https://aspnetzero.com?ref=abptmpl", icon: "far fa-dot-circle" ) ).AddItem( new MenuItemDefinition( "AspNetZeroFeatures", new FixedLocalizableString("Features"), url: "https://aspnetzero.com/Features?ref=abptmpl", icon: "far fa-dot-circle" ) ).AddItem( new MenuItemDefinition( "AspNetZeroPricing", new FixedLocalizableString("Pricing"), url: "https://aspnetzero.com/Pricing?ref=abptmpl#pricing", icon: "far fa-dot-circle" ) ).AddItem( new MenuItemDefinition( "AspNetZeroFaq", new FixedLocalizableString("Faq"), url: "https://aspnetzero.com/Faq?ref=abptmpl", icon: "far fa-dot-circle" ) ).AddItem( new MenuItemDefinition( "AspNetZeroDocuments", new FixedLocalizableString("Documents"), url: "https://aspnetzero.com/Documents?ref=abptmpl", icon: "far fa-dot-circle" ) ) ) ); } private static ILocalizableString L(string name) { return new LocalizableString(name, AbpLearnConsts.LocalizationSourceName); } }
好了,如今咱们找到菜单定义的地方了,那么咱们如何去作动态菜单哪?
首先咱们想一下须要什么样的动态菜单?
1.从数据库加载,不从数据库加载怎么叫动态
2.能够根据不一样Host(管理者)和Tenant(租户)加载不一样的菜单,不可能管理者和租户看到的菜单全是一个样子的吧!
3.能够根据不一样的角色或者用户加载不一样的菜单(这个就牵扯到权限了,好比谁能够看到什么,不能够看到什么)
4.权限、按钮最好和菜单相绑定,这样便于控制
......
根据以上几点,咱们能够肯定
1.必需要在用户登陆以后加载出来的菜单才能符合条件
2.菜单须要建一个表(由于abp默认没有单独的菜单表),来进行存放
3.字段须要包含:菜单名,菜单与权限对应的名称(用于动态权限),菜单对应的Url,Icon,级联父Id,是否启用,排序,租户Id
4.须要对菜单进行编辑时,由于牵扯到多租户,咱们须要对多租户定义一个标准的菜单,在添加租户时,自动将标准菜单复制保存一份到新租户中,因此咱们须要对于菜单的进行区分,通常来讲Host对应的数据行TenantId(int)都为null,咱们能够将标准菜单的TenantId标为-1,已经分配保存的菜单TenantId为当前租户Id,这样便于区分和查询
好了,让咱们开始写动态菜单吧