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的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了Spring框架web项目实战全代码分享，具有一定参考价值，需要的朋友可以了解下。2017-11-11
这篇文章主要为大家详细介绍了java实现哈夫曼文件解压缩，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
Java作为一种广泛使用的编程语言之一,在开发Web应用程序时经常需要连接MySQL数据库进行数据操作,下面这篇文章主要给大家介绍了关于Java+MySQL前后端连接的相关资料,需要的朋友可以参考下2024-03-03
这篇文章主要为大家详细介绍了javaweb实现注册登录页面，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要介绍了详解 Java 中 equals 和 == 的区别的相关资料,equals 和 == 都是用来检测两个字符串是否相等，返回值也都是布尔型，但是两者在内部比较的处理中却不尽相同需要的朋友可以参考下2017-03-03
这篇文章主要为大家详细介绍了Java解密微信小程序手机号的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
下面小编就为大家带来一篇Java之递归求和的两种简单方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章主要介绍了如何保证RabbitMQ全链路数据100%不丢失问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
这篇文章主要介绍了java实现发送手机短信，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-03-03
java并发编程工具类JUC之LinkedBlockingQueue链表队列
大家都知道LinkedBlockingQueue 队列是BlockingQueue接口的实现类，所以它具有BlockingQueue接口的一切功能特点，他还提供了两种构造函数，本文中通过实例代码给大家介绍的非常详细，需要的朋友参考下吧2021-06-06
最新评论