layui登陆与树行跳转

最新推荐文章于 2022-08-04 09:53:28 发布

```

最新推荐文章于 2022-08-04 09:53:28 发布

阅读量228

点赞数

文章标签： layui javascript 前端

本文链接：https://blog.csdn.net/csnbb/article/details/125862463

版权

本文介绍了如何使用layui前端框架实现登录功能，并结合tab选项卡进行页面跳转。首先，详细讲解了layui的tab选项卡的配置与使用，接着阐述了登录模块的实现，包括用户验证和登录状态的管理。

摘要由CSDN通过智能技术生成

1.tab选项卡

let $,element;
layui.use(['jquery','element'],function(){
	$ =layui.jquery,element=layui.element;
	$.ajax({
		url:'${pageContext.request.contextPath }/permission.action?methodName=menus'
		,dataType:'json'
		,success:function(data){
			console.log(data);
			let htmlstr='';
			$.each(data,function(i,n){
				htmlstr += '<li class="layui-nav-item layui-nav-itemed">';
				htmlstr += '	<a class="" href="javascript:;">'+data[i].text+'</a>';
				//判断当前一级节点是否存在子节点
				if(data[i].hasChildren){
					htmlstr += '<dl class="layui-nav-child">';
					let children =data[i].children;
					$.each(children,function(index,node){
						htmlstr += '<dd><a href="javascript:;" onClick="openTabs(\''+children[index]