8

循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(9) -- 实现系...

 11 months ago
source link: https://www.cnblogs.com/wuhuacong/p/17769056.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

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

1、系统菜单的管理

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

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

8867-20231017095636366-380254030.png

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

8867-20231017095904085-670283077.png

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

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

8867-20231017103050949-535679610.png

单击打开系统菜单项目的时候，会根据相关的设置反射对应的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;
    }

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

8867-20231017103318983-1993341290.png

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

8867-20231013171431471-1946975653.png

2、分配角色权限

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

8867-20231017104438718-668765541.png

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

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

/// <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">

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


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK