<!DOCTYPE html>
|
<html xmlns:th="http://www.thymeleaf.org"
|
xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
<body>
|
<header th:fragment="header">
|
<script th:inline="javascript">
|
/*<![CDATA[*/
|
$(function(){
|
//手机设备的简单适配
|
var treeMobile = $('.site-tree-mobile'),
|
shadeMobile = $('.site-mobile-shade')
|
|
treeMobile.on('click', function(){
|
$('body').addClass('site-mobile');
|
});
|
|
shadeMobile.on('click', function(){
|
$('body').removeClass('site-mobile');
|
});
|
|
//菜单绑定
|
$(".switchMenu").on("click",function(){
|
if($(this).find("i.fa-outdent").length>0){
|
$(this).find("i").removeClass("fa-outdent").addClass("fa-indent");
|
}else{
|
$(this).find("i").removeClass("fa-indent").addClass("fa-outdent");
|
}
|
$(".layui-layout-admin").toggleClass("showMenu");
|
});
|
});
|
|
/*]]>*/
|
</script>
|
<div class="layui-layout layui-layout-admin">
|
<!-- <div class="layui-header">
|
<a href="javascript:;" class="layui-hide-xs"><a href="/home" style="font-weight: bold;"><div class="layui-logo">后台管理系统</div></a>
|
</a>
|
<a href="javascript:;" class="layui-hide-xs">
|
<div class="switchMenu" style="display: none;"><i class="fa fa-indent"></i></div>
|
</a>
|
头部区域（可配合layui已有的水平导航）
|
<ul class="layui-nav layui-layout-left">
|
<li class="layui-nav-item"><a href="">控制台</a></li>
|
<li class="layui-nav-item"><a href="">商品管理</a></li>
|
<li class="layui-nav-item"><a href="">用户</a></li>
|
<li class="layui-nav-item">
|
<a href="javascript:;">其它系统</a>
|
<dl class="layui-nav-child">
|
<dd><a href="">邮件管理</a></dd>
|
<dd><a href="">消息管理</a></dd>
|
<dd><a href="">授权管理</a></dd>
|
</dl>
|
</li>
|
</ul>
|
<ul class="layui-nav layui-layout-right">
|
<li class="layui-nav-item">
|
<a href="javascript:;">
|
<img src="http://t.cn/RCzsdCq" class="layui-nav-img">
|
<shiro:principal property="username"></shiro:principal>
|
</a>
|
<dl class="layui-nav-child">
|
<dd><a href="">基本资料</a></dd>
|
<dd id="updUsePwdDd" class="layui-this"><a href="javascript:;" onclick="updateUsePwd();">修改密码</a></dd>
|
</dl>
|
</li>
|
<li class="layui-nav-item"><a href="/logout">退了</a></li>
|
</ul>
|
<ul class="layui-nav layui-layout-right">
|
<li class="layui-nav-item">
|
<a href="">控制台<span class="layui-badge">9</span></a>
|
</li>
|
<li class="layui-nav-item">
|
<a href="javascript:;" id="username">
|
<img src="http://t.cn/RCzsdCq" class="layui-nav-img">
|
</a>
|
<dl class="layui-nav-child">
|
<dd><a href="">基本资料</a></dd>
|
<dd><a href="">修改密码</a></dd>
|
<dd><a href="/logout">退出</a></dd>
|
</dl>
|
</li>
|
<li class="layui-nav-item"><a href="/logout" >退出</a></li>
|
</ul>
|
</div> -->
|
<div class="layui-header">
|
<a href="javascript:;" class="layui-hide-xs"><a href="/home" style="font-weight: bold;"><div class="layui-logo">后台管理系统</div></a>
|
</a>
|
<a href="javascript:;" class="layui-hide-xs">
|
<div class="switchMenu" style="display: none;"><i class="fa fa-indent"></i></div>
|
</a>
|
<!-- 头部区域 -->
|
<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="http://www.layui.com/admin/" target="_blank" title="前台">
|
<i class="layui-icon layui-icon-website"></i>
|
</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 layui-hide-xs" lay-unselect>
|
<input type="text" placeholder="搜索..." autocomplete="off" class="layui-input layui-input-search" layadmin-event="serach" lay-action="template/search.html?keywords=">
|
</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="消息中心">
|
<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>
|
<a href="javascript:;" layadmin-event="theme">
|
<i class="layui-icon layui-icon-theme"></i>
|
</a>
|
</li>
|
<li class="layui-nav-item layui-hide-xs" lay-unselect>
|
<a href="javascript:;" layadmin-event="note">
|
<i class="layui-icon layui-icon-note"></i>
|
</a>
|
</li>
|
<li class="layui-nav-item layui-hide-xs" lay-unselect>
|
<a href="javascript:;" layadmin-event="fullscreen">
|
<i class="layui-icon layui-icon-screen-full"></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="set/user/info.html">基本资料</a></dd>
|
<dd><a lay-href="set/user/password.html">修改密码</a></dd>
|
<hr>
|
<dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>
|
</dl>
|
</li>
|
|
<li class="layui-nav-item layui-hide-xs" lay-unselect>
|
<a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>
|
</li>
|
<li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
|
<a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
|
</li>
|
</ul>
|
</div>
|
|
|
<div class="layui-side layui-bg-black">
|
<div class="layui-side-scroll">
|
|
<div class="layui-logo" lay-href="/home">
|
<a href="/home" style="font-weight: bold;"><div class="layui-logo">后台管理系统</div></a>
|
</div>
|
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
|
<ul class="layui-nav layui-nav-tree" lay-filter="test">
|
<li class="layui-nav-item layui-nav-itemed">
|
<a class="" href="javascript:;">系统管理</a>
|
<dl class="layui-nav-child">
|
<dd><a href="/user/userList">用户管理</a>
|
</dd>
|
<dd><a href="/auth/roleManage">角色管理</a></dd>
|
<dd><a href="/auth/permList">权限管理</a></dd>
|
<dd><a href="">超链接</a></dd>
|
</dl>
|
</li>
|
<li class="layui-nav-item"><a href="">其他管理</a></li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
<script type="text/javascript" src="/js/head.js"></script>
|
<!-- 移动导航 -->
|
<div class="site-tree-mobile layui-hide">
|
<i class="layui-icon"></i>
|
</div>
|
<div class="site-mobile-shade"></div>
|
</header>
|
</body>
|
</html>
|
