动态菜单功能 实现

动态菜单: 不同用户登录后,应该看到不同菜单结构  

1、 修改 index.html 加载基本菜单 url 路径  

2、 在 MenuAction 添加 showMenu 方法  

3、 编写业务层  

 调用 DAO  

”from Menu m inner join fetch m.roles r inner join fetch r.users u where u.id = ? order by m.priority“  

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一、简介 通过这个课程带大家从零开发一款功能全面的后台管理系统,包括项目搭建、功能实现到最后的Linux系统部署全过程。本课程使用SpringMVC + Spring + Mybatis作为主体框架,使用AdminLTE作为前端框架,使用主流关系型数据库Mysql作为存储数据库,使用非关系型数据库Redis作为缓存数据库,并集成SpringSecuriy安全框架做权限的动态管理,集成Swagger2自动生成接口文档,集成Druid连接池进行SQL性能监控,集成ActiveMQ消息中间件进行异步解耦,提高性能。最后使用linux系统进行服务部署,并搭建nginx反向代理服务器提高网站性能。 二、学习目标 通过本课程的学习带大家掌握SSM框架的开发流程,并熟练使用SpringSecurity做为安全框架进行权限管理,整合相关优秀的开源框架进行功能开发。还在项目中带大家学习前端相关的Jquery、Bootstrap等知识。课程结束之后希望大家能做到独立进行开发项目的目的,增强解决问题的能力,具备功能落地实现的能力。 三、课程涉及知识点 SpringMVC源码分析Mybatis源码分析通用MapperMysql数据库Redis缓存实现ActiveMQ消息中间件SpringSecurity鉴权Swagger2接口文档生成自定义注解AOP切面编程自定义过滤器Logback日志整合Druid性能监控Linux系统Nginx反向代理Ajax异步请求技术Jquery基本使用AdminLTE前端框架Chart图表-线状图和饼状图百度地图定位城市BootStrap前端框架BootStrap-Table插件BootStrap-Treeview插件Markdown编辑器403、404、500错误页面配置数据库事务消息提示插件toastr.js图片上传插件bootstrap fileinput数字滚动效果pv/uv流量统计...四、课程部分内容截图如下 1、首页 2、菜单管理 3、图床管理 4、图标管理 5、留言反馈管理 6、druid监控 7、登录日志
Vue动态菜单可以通过以下步骤实现: 1. 定义菜单数据结构:可以使用对象或数组定义菜单项的名称、路由、图标等信息。 2. 使用v-for指令循环渲染菜单项:根据菜单数据结构,使用v-for指令循环渲染生成菜单项。 3. 使用路由实现菜单导航:使用Vue Router的路由功能,将菜单项的路由与相应的组件绑定,实现菜单导航。 4. 实现菜单的展开与收缩:可以使用v-if或v-show指令实现菜单的展开与收缩效果,也可以使用第三方组件库(如Element UI)中的菜单组件,直接使用其提供的展开与收缩功能。 下面是一个简单的示例代码,演示了如何使用Vue实现动态菜单: ```html <template> <div> <el-menu :default-active="$route.path" mode="horizontal"> <el-menu-item v-for="(item, index) in menuList" :key="index" :index="item.path"> <i :class="item.icon"></i> <span slot="title">{{ item.name }}</span> </el-menu-item> </el-menu> </div> </template> <script> export default { data() { return { menuList: [ { name: '首页', path: '/', icon: 'el-icon-s-home' }, { name: '商品', path: '/goods', icon: 'el-icon-s-goods' }, { name: '订单', path: '/order', icon: 'el-icon-s-order' }, { name: '用户', path: '/user', icon: 'el-icon-s-custom' } ] } } } </script> ``` 在上面的示例中,我们使用了Element UI中的菜单组件`el-menu`,通过循环渲染生成了菜单项。每个菜单项绑定了其对应的路由路径,并使用了相应的图标。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值