从零开始Blazor Server(8)--增加菜单以及调整位置

这篇干啥

这篇文章主要是把前面的一些东西稍微调整一下，使其更适合后面的内容。

主要是两个事，一个是把原来的PermissionEntity直接变成MenuEntity，直接让最后一级是菜单，这样后面就简单很多。

另外增加一些默认的菜单为后面的文章做准备。

另外就是调整一下Pages里面的目录结构，让我们不用每个页面都去加@attribute [Authorize]

处理目录结构

之前的内容里，我们最后还是用了Furion自带的方法来处理成策略授权了，所以我们正常的话需要每个页面都加上@attribute [Authorize]。

但是这样太麻烦了，幸好微软给我们提供了一个_Imports.razor的东西，这个文件是目录级的，我们可以在某层目录下添加，然后此目录和它的子目录都会受影响。

所以我们就需要把Login和其他的页面分开，因为我们的Login页面是不需要登录的，而且分开以后更清晰。

这里在Pages下面新建两个目录，一个叫Account，一个叫Admin。这里把Login.razor放到Account目录下，把其他的razor文件都放到Admin下面。

这里注意不要移动那两个cshtml文件，因为那两个文件的位置如果改变还需要改变很多其他的东西。

然后在Admin目录下新建一个_Imports.razor，内容为：

@attribute [Authorize]

这样，所有的Admin目录下的页面都会受到影响，需要权限验证。

修改MenuEntity

在之前，我们是做了个PermissionEntity，里面只记录了权限信息，但是这样就还需要一套菜单系统，然后还要根据Url来进行匹配，就太麻烦了一点，所以这里我们直接把菜单系统和权限系统合起来，把PermissionEntity改为MenuEntity，并且增加Icon、ParentId用于菜单使用。

修改后的MenuEntity如下：

[Description("菜单表")]
public class MenuEntity: BaseEntity<MenuEntity, int>
{
    [Description("菜单名")]
    public string? Name { get; set; }

    [Description("菜单图标")]
    public string? Icon { get; set; }

    [Description("对应页面Url")]
    public string? Url { get; set; }

    [Description("父菜单ID")]
    public int ParentId { get; set; }

    [Navigate(nameof(ParentId))]
    public MenuEntity? Parent { get; set; }

    [Navigate(nameof(ParentId))]
    public List<MenuEntity>? Children { get; set; }

    [Description("角色")]
    [Navigate(ManyToMany = typeof(RoleMenuEntity))]
    public virtual ICollection<RoleEntity>? Roles { get; set; }
}

同时我们增加一部分菜单项到DbExtension，这块代码就不贴了，直接去github看把。

源码在github:https://github.com/j4587698/BlazorLearn，分支lesson8。