学习笔记
经验交流
开发日志
插件共享
日常分享JSP实训开发-学生选课系统之主界面框架
主界面框架模块：主界面主要包含三个部分，左侧边栏功能，顶部导航和课程显示。
实际上就是用frame做的，一个页面上同时显示三个内容，以方便后期管理，就不用每个页面都要重新再复制相同的代码。
同时框架页面又分为管理员页面和普通用户页面，区分管理。
普通用户登录显示界面框架jsp代码
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
//判断是否登录
<% String checkname = (String)session.getAttribute("u");
if(checkname==null){
out.println("<script language='javascript'>alert('你已注销,请重新登录！');window.location.href='index.jsp';</script>");
}
else{
%>
<!DOCTYPE HTML>
<!----- 框架结构 ----->
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11" />
<title>学生选课系统</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<frameset rows="72px,*" frameborder="no" border="0">
<!-- 顶部框架 -->
<frame src="nav_top.jsp" name="blank">
<frameset cols="*,227px,797px,*" frameborder="no" border="0">
<frame src="" name="blank">
<!-- 左边框架 -->
<frame src="login_ok.jsp" name="left" scrolling="no">
<!-- 中间框架 -->
<frame src="classtable.jsp" name="right">
<frame src="" name="blank">
</frameset>
</frameset>
</html>
<%
}
%>管理员登录显示界面框架jsp代码
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<% String checkname = (String)session.getAttribute("u");
if(checkname==null){
out.println("<script language='javascript'>alert('你已注销,请重新登录！');window.location.href='index.jsp';</script>");
}
else{
%>
<!DOCTYPE HTML>
<!-------------- 管理员登录成功框架界面 --------------->
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11" />
<title>学生选课系统</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<frameset rows="72px,*" frameborder="no" border="0">
<frame src="nav_top.jsp" name="blank">
<frameset cols="*,227px,797px,*" frameborder="no" border="0">
<frame src="" name="blank">
<frame src="admin_login_ok.jsp" name="left" scrolling="no">
<frame src="admin_classtable.jsp" name="right">
<frame src="" name="blank">
</frameset>
</frameset>
</html>
<%
}
%>顶部标题和用户显示模块：显示大标题和用户名信息。
顶部导航jsp代码
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="java.text.SimpleDateFormat"%>
<!DOCTYPE HTML>
<!-- 主界面顶部 -->
<html>
<head>
<title>My JSP 'nav_top.jsp' starting page</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11" />
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<%
String name = (String)session.getAttribute("u");
%>
<div>
<div>
<!-- 表头 -->
<h2>学生选课系统</h2>
</div>
<!-- 用户名及退出功能 -->
<div>
当前用户：<%=name %> <a href="user_exit.jsp" target="_top">[安全退出]</a>
</div>
</div>
</body>
</html>退出模块：用户点击安全退出，清除用户缓存跳转至登录界面。
用户退出jsp代码
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<!------------- 用户退出功能 ---------------->
<html>
<head>
<title>退出</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11" />
</head>
<body>
<%
session.removeAttribute("u");//清除用户名数据
response.sendRedirect("index.jsp");//跳转到登录界面
%>
</body>
</html>普通用户左侧边栏功能模块：普通用户主要有查询课程，首页选课，我的选课，修改密码功能。
普通用户左侧边栏jsp代码
<%@page import="com.sun.net.ssl.SSLContext"%>
<%@page import="java.util.*"%>
<%@ page import="java.text.SimpleDateFormat"%>
<%@page import="com.sun.xml.internal.bind.v2.runtime.Name"%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML>
<!------ 左边框架内容 ------>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11" />
<title>学生选课系统</title>
</head>
<link href="css/style.css" type="text/css" rel="stylesheet">
<body>
<% Date d = new Date();
SimpleDateFormat df = new SimpleDateFormat("yyyy年MM月dd日");
String now = df.format(d);
%>
<div>
<!-- 时间 -->
<div><%=now %></div>
<!-- 查询功能 -->
<div>
<form action="search_classtable.jsp" method="post" target="right">
<input type="search" name="search" placeholder="查询课程">
<!--<input type="submit" name="search_btn" value="查询">-->
<input type="image" name="search_btn" src="img/sousuo.png" onClick="document.formName.submit()">
</form>
</div>
<!-- 主要功能 -->
<div>
<ul>
<li style="background:url(img/shouye.png) no-repeat;background-size:30px;"><a href="classtable.jsp" target="right">首页</a></li>
<li style="background:url(img/wodekecheng.png) no-repeat;background-size:30px;"><a href="myclass.jsp" target="right">我的选课</a></li>
<li style="background:url(img/xiugaimima.png) no-repeat;background-size:30px;"><a href="cgpwd.jsp" target="right">修改密码</a></li>
</ul>
</div>
</div>
</body>
</html>
暂无评论