abstract：<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" &nb
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>后臺管理系統(tǒng)</title>
<link rel="stylesheet" type="text/css" href="/static/plugins/layui/css/layui.css">
<script type="text/javascript" src="/static/plugins/layui/layui.js"></script>
<style>
body{margin: 0px;}
.header{width: 100%;height: 50px;line-height: 50px;background: #01AAED;color:#ffffff;}
.title{margin-left: 20px;font-size: 20px;}
.userinfo{float: right;margin-right: 10px;}
.userinfo a{text-decoration: none;color: #ffffff;}
.menu{width:200px;background: #333744;position: absolute;}
.main{position: absolute;left: 200px;right: 0px;}
.layui-collapse{border: none;}
.layui-colla-item{border-top: none;}
.layui-colla-title{background: #42485b;color: #ffffff;}
.layui-colla-content{border-top: none;padding: 0px;}
</style>
</head>
<body onresize="resize()">
<div>
<span>后臺管理系統(tǒng)</span>
<span>admin <a href="javascript:;" onclick="logout()">退出</a></span>
</div>
<div id="menu">
<ul class="layui-nav layui-nav-tree layui-inline" lay-filter="demo" style="margin-right: 10px;">
<li>
<a href="javascript:;">默認展開</a>
<dl>
<dd><a href="javascript:;" onclick="menufire(this)" src="/index.php/Admin/Home/Wel">選項一</a></dd>
<dd><a href="javascript:;" onclick="menufire(this)" src="/index.php/Admin/Home/Wel">選項二</a></dd>
<dd><a href="javascript:;" onclick="menufire(this)" src="/index.php/Admin/Home/Wel">選項三</a></dd>
<dd><a href="javascript:;" onclick="menufire(this)" src="/index.php/Admin/Home/Wel">跳轉項</a></dd>
</dl>
</li>
<li>
<a href="javascript:;">解決方案</a>
<dl>
<dd><a href="javascript:;" onclick="menufire(this)" src="/index.php/Admin/Home/Wel">移動模塊</a></dd>
<dd><a href="javascript:;" onclick="menufire(this)" src="/index.php/Admin/Home/Wel">后臺模版</a></dd>
<dd><a href="javascript:;" onclick="menufire(this)" src="/index.php/Admin/Home/Wel">電商平臺</a></dd>
</dl>
</li>
<li><a href="javascript:;" onclick="menufire(this)" src="/index.php/Admin/Home/Wel">云市場</a></li>
<li><a href="javascript:;" onclick="menufire(this)" src="/index.php/Admin/Home/Wel">社區(qū)</a></li>
</ul>
</div>
<div id="main">
<iframe src="/index.php/admin/home/welcome" onload="resetMainHeight(this)" style="width: 100%;height: 100%" frameborder="0" scrolling="0"></iframe>
</div>
</body>
</html>
<script type="text/javascript">
layui.use(['element','layer'], function(){
var element = layui.element; //導航的hover效果、二級菜單等功能，需要依賴element模塊
$=layui.jquery;
layer=layui.layer;
resetMenuHeight();
});
function resize() {
resetMenuHeight();
resetMainHeight($('iframe'));
}
function resetMenuHeight() {
var height=document.documentElement.clientHeight-50;
$('#menu').height(height);
}
function resetMainHeight(obj) {
var height=parent.document.documentElement.clientHeight-53;
$(obj).parent('div').height(height);
}
function menufire(obj) {
var src=$(obj).attr('src');
$('iframe').attr('src',src);
}
function logout() {
layer.confirm('確定要退出嗎？',{
icon:3,
btn:['確定','取消']
},function () {
$.get('/index.php/admin/account/logout',function (res) {
if(res.code>0){
layer.msg(res.msg,{'icon':2});
}else{
layer.msg(res.msg,{'icon':1});
setTimeout(function () {
window.location.href='/index.php/admin/account/login';
},1000);
}
},'json');
})
}
</script>
Correcting teacher：天蓬老師Correction time：2019-07-30 09:28:55
Teacher's summary：寫得不錯, 輸入法圖像暴露了你的年齡 , 加油