Layui 后台加载菜单栏名称以及url的例子

更新时间：2019年09月04日 11:06:29 作者：newHESH

今天小编就为大家分享一篇Layui 后台加载菜单栏名称以及url的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

一个小小的demo，演示从Controller层传参到视图，有使用到SpringMvc、jstl标签

效果图：

1、testdemo.jsp

<%@ page language="java" import="java.util.*"
 contentType="text/html; charset=utf-8" pageEncoding="utf-8"
 isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
 content="width=device-width, initial-scale=1, maximum-scale=1">
 <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
<link rel="stylesheet" href="${ pageContext.request.contextPath }/layui/css/layui.css" rel="external nofollow" media="all">
</head>
<body>
 <ul class="layui-nav layui-nav-tree" lay-filter="test">
 <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
 <li class="layui-nav-item layui-nav-itemed"><a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" >默认展开</a>
 <dl class="layui-nav-child">
 <c:forEach var="v" items="${itemname1[0]}" varStatus="i">
  <dd>
  <a href="${pageContext.request.contextPath}${itemname1[1].get(i.count-1)}" rel="external nofollow" rel="external nofollow" >${itemname1[0].get(i.count-1)}</a>
  </dd>
 </c:forEach>
 </dl></li>
 <li class="layui-nav-item"><a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" >解决方案</a>
 <dl class="layui-nav-child">
 <dd>
  <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" >后台模版</a>
  <dl class="layui-nav-child">
  <c:forEach var="s" items="${itemname2[0]}" varStatus="i">
  <dd>
  <a href="${pageContext.request.contextPath}${itemname2[1].get(i.count-1)}" rel="external nofollow" >${itemname2[0].get(i.count-1)}</a>
  </dd>
  </c:forEach>
  </dl>
 </dd>
 <dd>
  <c:forEach var="v" items="${itemname1[0]}" varStatus="i">
  <dd>
  <a href="${pageContext.request.contextPath}${itemname1[1].get(i.count-1)}" rel="external nofollow" rel="external nofollow" >${itemname1[0].get(i.count-1)}</a>
  </dd>
 </c:forEach>
 </dd>
 </dl></li>
 <li class="layui-nav-item"><a href="">产品</a></li>
 <li class="layui-nav-item"><a href="">大数据</a></li>
 </ul>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
 <script src="layui/layui.js"></script>
 <script>
 layui.use('element', function() {
 var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块 
 //监听导航点击
 element.on('nav(demo)', function(elem) {
 layer.msg(elem.text());
 });
 });
 </script>
</body>
</html>

2、TestController.java

@Controller
@Scope(value = "prototype")
@RequestMapping("/")
public class TestController {
 @RequestMapping(value="/testdemo") //从上一个页面跳转过来,如果只是看看效果直接输入http://localhost:8080/项目名/testdemo
 public String Test(Model model)
 {
 List<List<String>>list1=new ArrayList();
 List<String> l1 = Arrays.asList("二级菜单1","二级菜单2","二级菜单3");//模拟获得数据
 List<String> l2 = Arrays.asList("/url1","/url2","/url3");
 List<List<String>>list2=new ArrayList();
 List<String> l3 = Arrays.asList("三级菜单1","三级菜单2","三级菜单3","三级菜单4");//模拟获得数据
 List<String> l4 = Arrays.asList("/url1","/url2","/url3","/url4");
 list1.add(l1);
 list1.add(l2);
 list2.add(l3);
 list2.add(l4);
 model.addAttribute("itemname1",list1);
 model.addAttribute("itemname2",list2);
 return"testdemo";
 }
}

以上这篇Layui 后台加载菜单栏名称以及url的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Java利用FileUtils读取数据和写入数据到文件
这篇文章主要介绍了Java利用FileUtils读取数据和写入数据到文件，下面文章围绕FileUtils的相关资料展开怎么读取数据和写入数据到文件的内容，具有一定的参考价值，徐娅奥德小伙伴可以参考一下
2021-12-12
聊聊Spring MVC JSON数据交互的问题
我们在开发中后端经常需要接受来自于前端传递的Json字符串数据，怎么把Json字符串转换为Java对象呢？下面小编给大家带来了Spring MVC JSON数据交互的问题，感兴趣的朋友一起看看吧
2021-10-10
Java基础之查找文本特定内容后进行修改
这篇文章主要介绍了Java基础之查找文本特定内容后进行修改,文中有非常详细的代码示例,对正在学习java基础的小伙伴们有非常好的帮助,需要的朋友可以参考下
2021-04-04
java springboot poi 从controller 接收不同类型excel 文件处理
这篇文章主要介绍了java springboot poi 从controller 接收不同类型excel 文件处理,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-10-10
深入理解Java之HashMap源码剖析
这篇文章主要介绍了深入理解Java之HashMap源码剖析，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-02-02
一文搞懂Java桥接方法
这篇文章主要介绍了Java中的桥接方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-07-07
SpringMVC方法返回值多种情况代码实例
这篇文章主要介绍了SpringMVC方法返回值多种情况代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-09-09
MyBatis的核心配置文件以及映射文件
这篇文章主要介绍了MyBatis的核心配置文件以及映射文件,Mybatis它是一款半自动的ORM持久层框架，具有较高的SQL灵活性，支持高级映射(一对一，一对多)，动态SQL，延迟加载和缓存等特性，但它的数据库无关性较低,需要的朋友可以参考下
2023-05-05
详解OpenCV For Java环境搭建与功能演示
这篇文章主要介绍了x详解OpenCV For Java环境搭建与功能演示，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-04-04
关于SpringBoot3.x中spring.factories功能被移除的解决方案
这篇文章主要介绍了SpringBoot3.x中spring.factories功能被移除的解决方案,在配置好相关依赖、最小启动类和配置之后，发现项目无法启动，于是根据启动上下文日志和按行DEBUG找到原因并且在等待组件升级兼容之前进行临时性解决，需要的朋友可以参考下
2022-12-12