ABP: UserMenu 新增菜单项

Oct 9, 2024#ABP19

AI-generated summary

To customize the user menu in a web project, add the provided code to the `Menus\?MenuContributor` file. This code checks if the menu being configured is the user menu and, if so, calls the `ConfigureUserMenuAsync` method. In this method, a new menu item for "Purchase Subscription" is inserted into the user menu with a specific URL and icon, and it requires certain permissions. For more details, refer to the ABP documentation on standard menus.

方法#

打开 Web 项目的 Menus\?MenuContributor，加入以下代码：

    public async Task ConfigureMenuAsync(MenuConfigurationContext context)
    {
        ..

        if (context.Menu.Name == StandardMenus.User)
        {
            await ConfigureUserMenuAsync(context);
        }
    }

    private Task ConfigureUserMenuAsync(MenuConfigurationContext context)
    {
        context.Menu.Items.Insert(
          1,
          new ApplicationMenuItem(
              ?Menus.Subscription,
              "购买套餐",
              url: "/Account/Subscription",
              icon: "fas fa-home",
              order: 1001 // 因为“我的账号”序号是1000
          ).RequirePermissions(?Permissions.?.PersonalCenter.SubscriptionPage.Default)
        );

        return Task.CompletedTask;
    }

参考#

https://abp.io/docs/latest/framework/ui/mvc-razor-pages/navigation-menu#standard-menus