This repository has been archived on 2022-06-28. You can view files and clone it, but cannot push or open issues or pull requests.
magic_box_server/src/main/webapp/home.jsp

122 lines
4.0 KiB
Plaintext
Raw Normal View History

2018-09-25 14:57:35 +08:00
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>个人中心</title>
<link rel="stylesheet" href="/layui/css/layui.css">
<link rel="stylesheet" href="/layui/css/modules/layer/default/layer.css">
<script src="../layui/layui.js"></script>
<script src="../layui/lay/modules/layer.js"></script>
<script src="../js/jquery-3.2.1.js"></script>
<script src="../js/user.js"></script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo">魔改宝盒</div>
<ul class="layui-nav layui-layout-left">
<li class="layui-nav-item"><a href="">我的</a>
<dl class="layui-nav-child">
<dd><a href="">消息管理</a></dd>
</dl>
</li>
</ul>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item">
<a href="#">
<img src="http://t.cn/RCzsdCq" class="layui-nav-img">
<font id="uname">用户名</font>
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;">基本资料</a></dd>
<dd><a href="javascript:;">安全设置</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="javascript:logout();">注销</a></li>
</ul>
</div>
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<ul class="layui-nav layui-nav-tree">
<li class="layui-nav-item layui-this" id='main'><a href="javascript:;" >主页</a></li>
<li class="layui-nav-item">
<a class="" href="#">盒子中心</a>
<dl class="layui-nav-child">
<dd id='mymod'><a href="javascript:;">我的盒子</a></dd>
<dd id='upmod'><a href="javascript:;">上传器</a></dd>
<dd><a href="javascript:;">别人的盒子</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">数据中心</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;">我的数据</a></dd>
</dl>
</li>
<li class="layui-nav-item" id='problem'><a href="javascript:;">提供建议/反馈BUG</a></li>
<li class="layui-nav-item" id='join'><a href="javascript:;">加入我们</a></li>
<li class="layui-nav-item" id='about'><a href="javascript:;">关于我们</a></li>
</ul>
</div>
</div>
<div class="layui-body">
<div style="padding: 15px;" >
<iframe src="../html/main.jsp" id='context' frameborder="0" onload="changeFrameHeight()"></iframe>
</div>
</div>
<div class="layui-footer">
© jianrmod.cn - 舰R魔改宝盒
</div>
</div>
<script>
//JavaScript代码区域
layui.use('element', function(){
var element = layui.element;
});
$('#main').click(function(event) {
$(document).attr('title','个人中心');
$('#context').attr('src','/html/main.jsp');
})
$('#join').click(function(event){
$(document).attr('title','加入我们');
$('#context').attr('src','/html/join.jsp');
})
$('#about').click(function(event){
$(document).attr('title','关于我们');
$('#context').attr('src','/html/about.jsp');
})
$('#upmod').click(function(event){
$(document).attr('title','魔改上传器');
$('#context').attr('src','/html/upmod.jsp');
})
$('#mymod').click(function(event){
$(document).attr('title','我的魔改');
$('#context').attr('src','/html/mymod.jsp');
})
$.post("/user/udata.do",function(data, textStatus, req){
var json=JSON.parse(data);
console.log(data);
$('#uname').text(json.data.user.uname);
})
function changeFrameHeight(){
var ifm= document.getElementById("context");
ifm.height=document.documentElement.clientHeight;
ifm.width=document.documentElement.clientWidth;
}
window.onresize=function(){
changeFrameHeight();
}
</script>
</body>
</html>