结组作业，第一阶段冲刺（1）
今天是结对作业第一阶段冲刺的第一天，今天对整体项目进行了分析，对主界面进行了设计，采用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>
