標籤: 網頁設計公司

ps：本文需要先把abp的源碼下載一份來下，跟着一起找實現，更容易懂

在abp中，對於權限和菜單使用靜態來管理，菜單的加載是在登陸頁面的地方（具體是怎麼知道的，瀏覽器按F12，然後去sources中去找）

這個/AbpScripts/GetScripts是獲取需要初始化的script，源自AbpScriptsController，GetScripts方法包括

頁面加載時的鏈接是：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獲取的地方了，一般系統裏面，權限是依賴於菜單和菜單按鈕的，所以我們先不管權限，先把菜單做成動態加載的

從await _navigationScriptManager.GetScriptAsync()開始，一路F12，大概流程是

(接口)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這個屬性，這個屬性似乎將會包含我們需要生成的菜單內容

Menus = new Dictionary<string, MenuDefinition>
                    {
                        {"MainMenu", new MenuDefinition("MainMenu", new LocalizableString("MainMenu", AbpConsts.LocalizationSourceName))}
                    };

這裡是對Menus的賦值，實例化了一個Dictionary，前面的不用看，主要是看標紅的這句話，從new LocalizableString(“MainMenu”, AbpConsts.LocalizationSourceName)裏面獲取到值

好了現在基本找到地方了，我們不知道LocalizableString是什麼意思，但是我們可以百度一波

ILocalizableString/LocalizableString:封裝需要被本地化的string的信息，並提供Localize方法（調用ILocalizationManager的GetString方法）返回本地化的string. SourceName指定其從那個本地化資源讀取本地化文本。

  LocalizableString(“Questions”, “”) 如果本地找不到資源,會報300

大概的意思是通過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，這樣便於區分和查詢

 

好了，讓我們開始寫動態菜單吧

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

※網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!

※想知道最厲害的網頁設計公司"嚨底家"!

※別再煩惱如何寫文案,掌握八大原則!

※產品缺大量曝光嗎?你需要的是一流包裝設計!

而從廣告圖上大大的100符號、以及“唐100”的官方命名來看，傳言的“純電續航里程100公里”也是沒跑了——比亞迪又刷新了國內混動新能源車的純電續航里程紀錄。當然，像4。9秒的百公里加速、全時電四驅等核心技術配置在唐100這款比亞迪旗艦級SUV上預計會保留。

看看這張比亞迪的官方宣傳海報。

如果你第一眼看到的是帥氣的小李子，那麼你一定是他的影迷；

如果你第一眼看到的是“冰雪”，那麼你一定很嚮往一次說走就走的冰雪之旅；

如果你的目光已經被小李子身後那輛SUV捕捉，並牢牢盯着畫面上“唐100”的小字不放，那你一定和小編一樣，是一個看到新車就興奮的愛車之人。

這值得興奮。2月下旬，以“馭見冰雪 歷史由你創造”為主題，比亞迪將在海拉爾舉辦一款未上市全新車型的冰雪試駕活動，並向全社會招募該新車的第一批體驗者。

而迎戰冰雪的，則是在新能源SUV領域一直呼聲很高、讓眾多粉絲守候已久的比亞迪新車唐100，這也是唐100首度在比亞迪的官方平台亮相登場。小李子背後的SUV，是唐100產品形象的第一次亮相，而“唐100”的產品命名也隨着這張海報的披露塵埃落定。

無論你是期待唐100已久的粉絲，還是想在新年開上新車的持幣待購人士，或是希望在這兩款車上市前搶先感受一把的愛車之人，都可以關注比亞迪本次活動的官網http://wechat.xudankeji.com/he/biyadi

反正有比亞迪包機票食宿，有專業老司機貼身護駕，現場還有現金大獎可以贏取，何樂不為？

重磅新車搶先看：唐100值得現場一試

唐100自被曝光之日起，就飽受關注，其上市日期也因新能源車補貼目錄的原因一再推遲。這次高調亮相，即意味着它的上市時間已經進入倒計時——小編押今年的春節紅包打賭絕不晚於第一季度。

唐100的現款在售車型——比亞迪唐，是國內首個正式銷售的插電式混動SUV，上市近兩年來始終佔據細分市場銷量冠軍的地位，而車迷和消費者們對它的後續改款車型也一直保持密切關注。儘管早有偷拍黨們樂此不疲地泄密出唐100的信息，但官方始終三緘其口，吊足了消費者的胃口。這次正式亮相海拉爾，並邀請社會公眾搶先體驗，也算是回應了市場對唐100沉甸甸的期待。

（此前曝光的唐100諜照）

依據此前曝光的諜照，和小李子身後的唐100造型上來看。新車在輪眉、發動機艙蓋、車頂線條上都有所變化。最顯眼的車前LOGO採用了傳聞已久的“唐”小篆體字，瞬間帶感了起來。

而從廣告圖上大大的100符號、以及“唐100”的官方命名來看，傳言的“純電續航里程100公里”也是沒跑了——比亞迪又刷新了國內混動新能源車的純電續航里程紀錄。當然，像4.9秒的百公里加速、全時電四驅等核心技術配置在唐100這款比亞迪旗艦級SUV上預計會保留。

至於更多細節和駕駛體驗，也許在這次冰雪試駕后“體驗官”們會給我們一個真實的答覆。

未上市先搞冰雪試駕？也就比亞迪敢玩！

值得一提的是，比亞迪這次為唐100上市預熱貼身打造的冰雪試駕，放在業內可謂前無古人。正如其試駕主題 “歷史由你創造”，比亞迪和參加活動的體驗者們，即將創造一個“國內首次未上市新能源車舉辦公眾冰雪試駕”的歷史。

當然，比亞迪如此“敢玩”的底氣來自於他們一以貫之的技術實力，其2014年就發布的“542”新能源車技術標準放在今天依然沒有被超越：“5”代表0-100km/h加速在5秒內，“4”代表全時電四驅，“2”則是百公里油耗兩升。

（比亞迪展示的542技術）

其中，全時電四驅將是唐100駕馭冰雪的核心法寶。與通過傳動軸連接前後驅動的傳統机械四驅不同，全時電四驅可以將動力直接傳遞到前後軸，不需要分動箱、傳動軸等複雜結構，在冰雪路況下可靠性和作用效率更高。

資料显示，比亞迪全時電四驅控制響應時間僅為20毫秒，是机械四驅響應速度的10倍（傳統机械四驅需200毫秒），能夠非常短促、高頻地分配四輪動力，確保車輪在冰面上的抓地力並及時調整車身平衡，讓駕駛者在冰面暢快漂移的同時也能感到穩如泰山的安全感。

（現款唐在冰雪路面上駕駛毫無壓力）

事實上，在現款唐銷售期間，比亞迪也開展過諸如“冰上拔河”、“雪地越野”等活動，唐的表現非常出色，展示出了電四驅在安全性和操控性上的與傳統四驅完全不同的另類體驗。因此，如果有網友能親臨海拉爾冰雪試駕活動現場，不妨重點感受一下比亞迪的電四驅黑科技魅力。

最後，小編也想請內幕八卦人士私信報料：比亞迪放在活動圖片上的小李子，也是現場的“標配”嗎？圖片上的“100”符號，為什麼看上去像是“LEO”啊？活動現場會原地繪製“LEO”魔法陣召喚比亞迪新能源車的代言人小李子嗎？

（比亞迪和小李子喊你來冰雪試駕啦！）

在線等，挺急的。本站聲明:網站內容來源於http://www.auto6s.com/,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

※網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!

※想知道最厲害的網頁設計公司"嚨底家"!

※別再煩惱如何寫文案,掌握八大原則!

※產品缺大量曝光嗎?你需要的是一流包裝設計!