循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(9) -- 实现系统动态菜单的配置和权限分配

在WPF应用端开发，它的界面类似于Winform端，因此我们也需要对系统的菜单进行动态配置，这样才能把系统的功能弹性发挥到极致，通过动态菜单的配置方式，我们可以很容易的为系统新增所需的功能，通过权限分配的方式，可以更有效的管理系统的菜单分配到不同的角色用户，本篇随笔介绍在WPF应用端中实现系统动态菜单的配置和权限分配。

1、系统菜单的管理

为了能够动态的加载应用系统的菜单，我们需要在数据库中存储对应的菜单信息，配置好后进行权限分配即可。

菜单的管理界面如下所示，左侧是一个菜单的树形列表，用来指引选择或者查询特定的菜单，右侧列表列出菜单的相关信息，以及提供新增、编辑、导入、导出、删除等操作入口。

由于菜单的信息，是会在系统中打开指定的页面的，因此需要配置一个供反射方式读取的页面对象，如下所示。

这个WPF窗体类型，也是类似Winform端，用于打开WInform窗体的对象全名，这个是WPF页面的全名，用于我们能够在反射处理中迅速定位到具体的类型，然后打开页面使用的。

系统具体的菜单展示效果如下所示。

单击打开系统菜单项目的时候，会根据相关的设置反射对应的WPF页面类，如下代码所示。

复制代码

    string filePath = Assembly.GetExecutingAssembly().GetName().Name;//默认为当前程序集
    string dllFullPath = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, filePath);

    var tempAssembly = Assembly.LoadFrom(dllFullPath);
    if (tempAssembly != null)
    {
        //wpfTypeName = 我们配置的反射类名称
        Type objType = tempAssembly.GetType(wpfTypeName);
        return objType;
    }

另外图标的选择，也是根据系统的需要进行选择的。

创建一个图标选择的页面，如下所示，供系统图标选择使用。

2、分配角色权限

完成菜单的信息录入后，我们需要对菜单的访问权限进行设置，根据角色分配权限是最广泛使用的方式，如下界面所示。

角色包含的菜单，用户登录系统后，根据用户的角色身份获取对应的菜单即可，然后在系统中进行展示即可。

如系统根据身份信息，动态获取服务端的菜单如下所示。

复制代码

/// <summary>
/// 获取远程的菜单列表
/// </summary>
/// <returns></returns>
public async Task GetRemoteMenus()
{
    //配置使用动态菜单
    if (this.UseRemoteMenus)
    {
        var menuList = await BLLFactory<IMenuService>.Instance.GetMenuNodesByUser(this.UserInfo.Id, this.SystemType);
        if (menuList.Count == 0) return;

        this.NavigationItems.Clear();

        var menuItems = AddMenuItem(menuList);
        foreach (var item in menuItems)
        {
            this.NavigationItems.Add(item);
        }
    }
}

由于程序主窗口里面绑定的菜单信息，如下代码所示。

复制代码

<ui:NavigationView
    x:Name="RootNavigation"
    Grid.Row="1"
    Padding="20,0,42,0"
    BreadcrumbBar="{Binding ElementName=BreadcrumbBar}"
    FooterMenuItemsSource="{Binding ViewModel.NavigationFooter, Mode=OneWay}"
    IsBackButtonVisible="Visible"
    IsPaneToggleVisible="True"
    MenuItemsSource="{Binding ViewModel.NavigationItems, Mode=OneWay}"
    Navigated="RootNavigation_Navigated"
    OpenPaneLength="210"
    PaneClosed="NavigationView_OnPaneClosed"
    PaneDisplayMode="Left"
    PaneOpened="NavigationView_OnPaneOpened"
    SelectionChanged="OnNavigationSelectionChanged">

因此系统菜单就可以正常的更新为动态配置的菜单信息了。