小伙伴们知道松哥最近在录TienChin项目的视频，其中前端用的是 Vue3，这个用的是 RuoYi-Vue3，这个脚手架里边前端用的 yarn，并且还使用了一些插件，导致 Node 版本必须要 >=14。

关于 Spring Boot + Vue3 的动态菜单，松哥之前已经写了两篇文章了，这两篇文章主要是从代码上和大家分析动态菜单最终的实现方式，但是还是有小伙伴觉得没太看明白，感觉缺乏一个提纲挈领的思路，所以，今天松哥再整一篇文章和大家再来捋一捋这个问题，希望这篇文章能让小伙伴们彻底搞清楚这个问题。

本文一定要结合Vue 里，多级菜单要如何设计才显得专业？一文一起食用效果良好，否则可能会看不懂。

这是小伙伴们在微信上问的一个问题：

在前面的文章中，松哥已经和小伙伴们聊了 Spring Security 中的权限表达式了，还没看过的小伙伴们可以先看下，本文将在前文的基础上继续完善：

距离上次跟小伙伴们汇报 TienChin 项目视频进度已经过去一个月啦，今天是 6 月 30 号，再来汇报一下这个月视频的进展。

老生常谈了！

虽然我们是 Java 猿，但是写起来前端代码也不含糊！今天我想来和大家聊聊这个前端的动态菜单，要如何设计才显得专业！还是以我们的 TienChin 项目为例，大家一起来看看。

小伙伴们知道，在 Shiro 中，默认是支持权限通配符的，例如系统用户有如下一些权限：

• system:user:add
• system:user:delete
• system:user:select
• system:user:update
• …

1. Aware 接口

小伙伴们知道，Spring 容器最大的特点在于所有的 Bean 对于 Spring 容器的存在是没有意识的，因此我们常说理论上你可以无缝将 Spring 容器切换为其他容器（然而在现实世界中，我们其实没有这样的选择，除了 Spring 容器，难道还有更好用的？）。

[TOC]

因为写了不少 Spring Security 文章的缘故，所以总是有小伙伴来问松哥：按钮级别的权限怎么实现？甚至有一些看过 vhr 的小伙伴也问这种问题，其实有的时候搞得我确实挺郁闷的，最近刚好要做 TienChin 项目，我就再把这个问题拎出来和小伙伴们仔细捋一捋。