每一个项目的左边都有很多的按钮,现在我们要实现的就是不同的用户登录之后,可以看到不同的菜单。

一般 一点击左边的菜单,右边就会显示对应菜单的页面

思路

在左边菜单的每一个标签上面写权限

用框架的标签进行限制,就是有这个权限就显示,没有就不显示

<ul class="treeview-menu">
                    <security:authorize access="hasAnyRole('ROLE_PRODUCT', 'ROLE_ADMIN')">
                    <li id="system-setting"><a
                            href="${pageContext.request.contextPath}/product/findAll">
                        <i class="fa fa-circle-o"></i> 产品管理
                    </a></li>
                    </security:authorize>
                    <security:authorize access="hasAnyRole('ROLE_ORDER', 'ROLE_ADMIN')">
                    <li id="system-setting"><a
                            href="${pageContext.request.contextPath}/order/findAll">
                        <i class="fa fa-circle-o"></i> 订单管理
                    </a></li>
                    </security:authorize>
                </ul>

虽然以上的代码可以让不同的人访问不同的菜单,但是如果知道了访问不了的路径,还是可以访问的,所以说前端的关于安全的标签只是简单的标签,不能完全的限制不同的菜单显示。