今天是结对作业第一阶段冲刺的第一天，今天对整体项目进行了分析，对主界面进行了设计，采用Jsp+css来制作前端页面，以下为今天编写的代码： index.jsp
<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<html>
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><title>大学生校园兼职平台管理系统</title><link rel="icon" type="image/x-icon" href="${ctx}/pc/images/titleLogo.png"><link rel="stylesheet" href="${ctx}/server/layui/css/layui.css" media="all" /><style>#header{width: 100%;height: 100%;background-color:#eee;}</style>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin"><div class="layui-header"><div class="layui-logo">兼职平台管理系统</div><!-- 头部区域（可配合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="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="${serverUser.headerImage}" class="layui-nav-img">${serverUser.nickName}</a><dl class="layui-nav-child"><dd><a href="javascript:;" onclick="getPage('${ctx}/manager/login/goUpdatePassword.action')">修改密码</a></dd></dl></li><li class="layui-nav-item logout"> <a href="javascript:;">退了</a></li></ul></div><div class="layui-side layui-bg-black"><div class="layui-side-scroll"><!-- 左侧导航区域（可配合layui已有的垂直导航） --><ul class="layui-nav layui-nav-tree" lay-filter="test"><li class="layui-nav-item"><a class="" href="javascript:;">用户管理</a><dl class="layui-nav-child"><dd><a href="#" onclick="getPage('${ctx}/server/user/goUserList.action')">用户列表</a></dd></dl></li><li class="layui-nav-item"><a class="" href="javascript:;">兼职管理</a><dl class="layui-nav-child"><dd><a href="#" onclick="getPage('${ctx}/server/work/goWorkList.action')">兼职列表</a></dd></dl></li><li class="layui-nav-item"><a class="" href="javascript:;">帖子管理</a><dl class="layui-nav-child"><dd><a href="#" onclick="getPage('${ctx}/server/forum/goForumList.action')">帖子列表</a></dd></dl></li><li class="layui-nav-item"><a class="" href="javascript:;">聊天管理</a><dl class="layui-nav-child"><dd><a href="#" onclick="getPage('${ctx}/server/chat/goChatList.action')">聊天列表</a></dd></dl></li><li class="layui-nav-item"><a class="" href="javascript:;">广告管理</a><dl class="layui-nav-child"><dd><a href="#" onclick="getPage('${ctx}/server/adver/goAdverList.action')">广告列表</a></dd></dl></li><li class="layui-nav-item"><a class="" href="javascript:;">信箱管理</a><dl class="layui-nav-child"><dd><a href="#" onclick="getPage('${ctx}/server/mailbox/goMailboxList.action')">信箱列表</a></dd></dl></li><li class="layui-nav-item"><a class="" href="javascript:;">收藏管理</a><dl class="layui-nav-child"><dd><a href="#" onclick="getPage('${ctx}/server/collect/goCollectList.action')">收藏列表</a></dd></dl></li><li class="layui-nav-item"><a class="" href="javascript:;">系统管理</a><dl class="layui-nav-child"><dd><a href="#" onclick="getPage('${ctx}/server/banner/goBannerList.action')">轮播列表</a></dd><dd><a href="#" onclick="getPage('${ctx}/server/notice/goNoticeList.action')">公告列表</a></dd><dd><a href="#" onclick="getPage('${ctx}/server/system/goAddSystemUpset.action')">系统设置</a></dd></dl></li></ul></div></div><div class="layui-body content-main" style="scrolling:no;overflow-y: hidden;"><!-- 内容主体区域 --></div><div class="layui-footer" align="center"><!-- 底部固定区域 -->@20xx</div>
</div>
<script type="text/javascript" src="${ctx}/server/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="${ctx}/server/layui/layui.all.js"></script>
<script type="text/javascript">layui.use('element', function(){var element = layui.element;});//获取页面
function getPage(url){$(".content-main").html("<iframe class=\"header\" id=\"header\" src="+url+" frameborder=\"no\" border=\"0\" marginwidth=\"0\" marginheight=\"0\" name=\"header\"></iframe>");}getPage('${ctx}/manager/login/goMain.action');//退出系统
function quit() {layer.confirm('您确认退出该系统？', {btn : [ '确定', '取消' ]//按钮
}, function() {$.ajax({url : '${ctx}/manager/login/dologout.action',type : 'post',dataType : 'json',data : {},success : function(data) {if(data.code == 0){layer.msg("退出成功");setTimeout(function(){window.location.href = "${ctx}/manager/login/goServerLogin.action";},1000);}else{layer.msg("退出失败");}}})}, function() {layer.closeAll();window.location.reload();});}$(".logout").click(function(){quit();});//禁止浏览器的后退按钮
$(function() {if (window.history && window.history.pushState) {$(window).on('popstate', function () {window.history.pushState('forward', null, '#');window.history.forward(1);});}window.history.pushState('forward', null, '#'); //在IE中必须得有这两行window.history.forward(1);})
</script>
</body></html>
