layui左侧菜单右侧显⽰
⾸先下载编辑好的⾸页静态⽂件
看⼀下静态⽂件的分布
菜单页⾯加⼊如下html内容 静态⽂件地址进⾏改写
<!DOCTYPE html>
<html xmlns:th="">
<head>
<meta charset="utf-8">
<title>病例打印后台管理系统</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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link rel="stylesheet" type="text/css" th:href="@{/layuiadmin/layui/css/layui.css}">
<link rel="stylesheet" type="text/css" th:href="@{/layuiadmin/menu/admin.css}">
<!-- <link rel="stylesheet" type="text/css" th:href="@{/layuiadmin/menu/index.css}">-->
<script type="application/javascript" th:src="@{/layuiadmin/layui/layui.js}"></script>
</head>
<style type="text/css">
</style>
<body class="layui-layout-body">
<div id="LAY_app">
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<!--头部区域-->
<ul class="layui-nav layui-layout-left">
<li class="layui-nav-item layadmin-flexible" lay-unselect>
<a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
<i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
</a>
</li>
<!-- <%--
<li class="layui-nav-item layui-hide-xs" lay-unselect>
<a href="${ctx}/" target="_blank" title="前台">
<i class="layui-icon layui-icon-website"></i>
layui下载</a>
</li>
--%>-->
<li class="layui-nav-item" lay-unselect>
<a href="javascript:;" layadmin-event="refresh" title="刷新">
<i class="layui-icon layui-icon-refresh-3"></i>
</a>
</li>
<li class="layui-nav-item layadmin-flexible" lay-unselect>
<a href="javascript:;">
<cite> </cite>
</a>
</li>
</ul>
<ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
<!-- <li class="layui-nav-item" lay-unselect>
<a lay-href="app/message/index.html" layadmin-event="message" lay-text="消息中⼼">
<a lay-href="app/message/index.html" layadmin-event="message" lay-text="消息中⼼">
<i class="layui-icon layui-icon-notice"></i>
如果有新消息，则显⽰⼩圆点
<span class="layui-badge-dot"></span>
</a>
</li>-->
<li class="layui-nav-item layui-hide-xs" lay-unselect title="⾸页">
<a lay-href="${ctx}/console?area=230100">
<i class="layui-icon layui-icon-home"></i>
</a>
</li>
<li class="layui-nav-item" lay-unselect >
<a href="javascript:;">
<cite>欢迎您！ </cite>
</a>
<dl class="layui-nav-child">
<dd><a lay-href="${ctx}/person/personEdit">基本资料</a></dd>
<dd><a lay-href="${ctx}/person/passwordEdit">修改密码</a></dd>
<hr>
<dd ><a href="/logout"> 退出</a></dd>
</dl>
</li>
</ul>
</div>
<!--侧边菜单-->
<div class="layui-side layui-side-menu">
<div class="layui-side-scroll" >
<div class="layui-logo">
<span>病例打印后台管理系统</span>
</div>
<ul class="layui-nav layui-nav-tree" lay-shrink="all"
id="LAY-system-side-menu"
lay-filter="layadmin-system-side-menu">
<li th:each="menu:${menus}" th:data-name="${Code()}" class="layui-nav-item">
<a href="javascript:;" th:lay-tips="${Name()}" th:lay-direction="${menu.id}">
<i class="layui-icon layui-icon-set"></i>
<cite th:text="${Name()}"></cite>
</a>
<dl th:each="childer:${ChilderMenus()}" class="layui-nav-child">
<dd th:data-name="${Code()}" class="layui-nav-item">
<a th:lay-href="${Url()}" th:text="${Name()}" ></a>
</dd>
</dl>
</li>
</ul>
</div>
</div>
<!--页⾯标签-->
<div class="layadmin-pagetabs" id="LAY_app_tabs">
<div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
<ul class="layui-tab-title" id="LAY_app_tabsheader">
<li lay-id="" class="layui-this">
<i class="layui-icon layui-icon-home"></i>
</li>
</ul>
</div>
<div class="layui-tab">
<div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
<div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div> <div class="layui-icon layadmin-tabs-control layui-icon-down">
<ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
<li class="layui-nav-item" lay-unselect>
<a href="javascript:;"></a>
<dl class="layui-nav-child layui-anim-fadein">
<dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd> <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd> <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
<dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd> </dl>
</li>
</ul>
</div>
</div>
</div>
<!--主体内容-->
<div class="layui-body" id="LAY_app_body">
<div class="layadmin-tabsbody-item layui-show">
<iframe src="" frameborder="0" class="layadmin-iframe"></iframe>
</div>
</div>
<!--辅助元素，⼀般⽤于移动设备下遮罩-->
<div class="layadmin-body-shade" layadmin-event="shade"></div>
</div>
</div>
<script type="application/javascript" th:src="@{/util/thutil.js}"></script>
<script>
base: ctx + '/layuiadmin/' //静态资源所在路径
}).extend({
index: '/menu/index' //主⼊⼝模块
}).use('index');
</script>
</body>
</html>
菜单是通过后台动态加载的 可以改写成写死的内容
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论