右侧导航栏莫名不见了。。

右侧导航栏莫名不见了。。

今天我就是学了加密的,也没动ftl文件啊。。不知道要提交什么内容,先放个ftl文件吧。。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>慕课网办公OA系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="/resources/layui/css/layui.css">
</head>

<body class="layui-layout-body">
<!-- Layui后台布局CSS -->
<div class="layui-layout layui-layout-admin">
<!--头部导航栏-->
<div class="layui-header">
<!--系统标题-->
<div class="layui-logo" style="font-size:18px">慕课网办公OA系统</div>
<!--右侧当前用户信息-->
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item">
<a href="javascript:void(0)">
<!--图标-->
<span class="layui-icon layui-icon-user" style="font-size: 20px">
</span>
<!--用户信息-->
${current_employee.name}[${current_department.departmentName}-${current_employee.title}]
</a>
</li>
<!--注销按钮-->
<li class="layui-nav-item"><a href="#">注销</a></li>
</ul>
</div>
<!--左侧菜单栏-->
<div class="layui-side layui-bg-black">
<!--可滚动菜单-->
<div class="layui-side-scroll">
<!--可折叠导航栏-->
<ul class="layui-nav layui-nav-tree">
<#--动态传入数据-->
<#list node_list as node>
<#if node.nodeType==1>
<!--父节点-->
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:void(0)">${node.nodeName}</a>
<dl class="layui-nav-child module" data-node-id=${node.nodeId}></dl>
</li>
</#if>
<#if node.nodeType==2>
<!--子节点-->
<dd class="function" data-parent-id=${node.parentId}>
<a href="javascript:void(0)" target="ifmMain">${node.nodeName}</a>
</dd>
</#if>

</#list>
</ul>
</div>
</div>
<!--主体部分采用iframe嵌入其他页面-->
<div class="layui-body" style="overflow-y: hidden">
<iframe name="ifmMain" style="border: 0px;width: 100%;height: 100%"></iframe>
</div>
<!--版权信息-->
<div class="layui-footer">
Copyright © imooc. All Rights Reserved.
</div>
</div>
<!--LayUI JS文件-->
<script src="/resources/layui/layui.all.js"></script>
<script>
//将所有功能根据parent_id移动到指定模块下
layui.$(".function").each(function () {
var func = layui.$(this);
var parentId = func.data("parent-id");
layui.$("dl[data-node-id=" + parentId + "]").append(func);
})
//刷新折叠菜单
layui.element.render('nav');
</script>
</body>
</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,测试贴出代码,左侧导航栏是可以正常展示的,比如:

http://img1.sycdn.imooc.com//climg/60079fb00998338109120407.jpg

同学可以尝试重启项目,再来看看,另外,同学可以检查一下控制台有没有报错呐

http://img1.sycdn.imooc.com//climg/6007a05b092278fa05730340.jpg

祝学习愉快!

  • 好多可乐 提问者 #1

    没有看到报错呢。。

    2021-01-20 15:24:12
  • 好多可乐 提问者 #2

    已经重启过了

    2021-01-20 15:24:41
  • 好多可乐 提问者 #3

    打错了是左侧的

    2021-01-20 15:36:46
好帮手慕小班 2021-01-20 17:25:20

同学你好,1、问一下同学css/js等内容是否正常加载。

    2、左侧导航栏没有展示,是不是对应数据没有传过来,比如:

http://img1.sycdn.imooc.com//climg/6007f62c096d66fd08250437.jpg

http://img1.sycdn.imooc.com//climg/6007f6430993828908430624.jpg

如上所示,同学可以尝试输出IndexServlet中的node_list,查看数据是否正常传递了。

    ​3、同学还可以尝试将自己的浏览器的截图具体贴出。

    ​4、同学尝试运行一下资料中的源码项目,查看使用源码能否正常展示左侧导航栏内容。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师