0 0 0

JSP实训开发-学生选课系统之主界面框架

ZAESKY
2020-1-29 2140

主界面框架模块:主界面主要包含三个部分,左侧边栏功能,顶部导航和课程显示。

实际上就是用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>


请先登录后发表评论!

最新回复 (0)

    暂无评论

返回
请先登录后发表评论!