在线考试系统(4)——学生端主页设计

zz/2024/3/2 12:37:48

目录

 

1.把主页分成4个部分

1.1 head.jsp

1.2 menu.jsp

1.3 default.jsp

1.4 foot.jsp

2.main.jsp主页设计

3.测试


​​​​​​​

1.把主页分成4个部分

1.1 head.jsp

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<div align="center"><div style="background: url('${pageContext.request.contextPath}/image/banner.jpg');height:90px;width:1000px;float:right;" ><font style="float: right;padding: 65px 20px 20px 10px;">欢迎:<strong>${currentUser.name }</strong></font></div>
</div>

1.2 menu.jsp

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<div class="navbar"><div class="navbar-inner"><a class="brand" href="main.jsp">首页</a><ul class="nav"><li><a href="#">在线考试</a></li><li><a href="#">成绩查询</a></li><li><a href="#">修改密码</a></li><li><a href="#">退出系统</a></li></ul></div>
</div>

1.3 default.jsp

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<div class="defaultPage"><p>欢迎使用!</p>
</div>

1.4 foot.jsp

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<div align="center"><div class="foot">Copyright  版权所有</div>
</div>

 

2.main.jsp主页设计

<%@ 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 http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>学生端主页</title>
<link href="${pageContext.request.contextPath}/style/exam.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<script src="${pageContext.request.contextPath}/bootstrap/js/jQuery.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.js"></script>
</head>
<%//这里对mainPage做特殊处理String mainPage=(String)request.getAttribute("mainPage");//如果后台没有传来数据,则使用默认default页if(mainPage==null || mainPage.equals("")){mainPage="common/default.jsp";}
%>
<body>
<table width="1000px" align="center"><tr><td><jsp:include page="common/head.jsp"></jsp:include></td></tr><tr><td><jsp:include page="common/menu.jsp"></jsp:include></td></tr><tr><td><!-- mainPage内容是动态的 --><jsp:include page="<%=mainPage %>"></jsp:include></td></tr><tr><td><jsp:include page="common/foot.jsp"></jsp:include></td></tr>
</table>
</body>
</html>

 

3.测试

我们在登录界面进行登录:

 

登录成功后会跳到main.jsp页面:

 

 则显示成功!

 

 

 

 


http://www.ngui.cc/zz/1569119.html

相关文章

校园版网络教学平台搭建方案(学生端)

随着在线教育的发展&#xff0c;很多学校也开始考虑接入内网完善网络教学平台搭建方案&#xff0c;为的就是能够避免由于类似疫情这种情况所造成不能到校上课的情况&#xff0c;接下来小编将会提供一套完整的针对于学生端的内网网络教学平台搭建方案&#xff0c;以做参考。 一…

论如何退出学生端······

论如何退出学生端 学生端是广大学生们心中的一个巨大的负担&#xff0c;于是让我来详细地指导大家退出学生端。 以下分四大点论述&#xff0c;分别从教师端的限制&#xff0c;学生端的使用者对学生端的了解度&#xff0c;其他方法&#xff0c;以及教师端全屏控制来论述。 11111…

计算机word中如何加入水印?

有时候&#xff0c;在制作文档的时候&#xff0c;我们需要给文档的背景添加一个水印&#xff0c;那么下面就由学习啦小编给大家分享下word中加入水印的技巧&#xff0c;希望能帮助到您。 word中加入水印方法一&#xff1a; 步骤一&#xff1a;首先打开待添加水印的word文档 步…

如何在Word文档中加入水印

如何在Word文档中加入水印 今天给大家分享的是如何在你的文档加入图片水印 具体看图操作 1、打开设计里面的水印&#xff0c;点击自定义水印 2、点击图片水印&#xff0c;选择你要做成水印的图片 3、在文件中选择图片 4、选择好图片后&#xff0c;根据你的要求&#xff0c;选…

板载天线设计相关资料

如何用网分分析优化射频电路阻抗 https://rf.eefocus.com/article/id-332526 5毛钱自制2.4G/5.8G定向天线 https://tieba.baidu.com/p/5856834115?traceid&red_tag2958399052 菱形天线制作方法图解 DIY无线信号增强定向天线 https://www.shouyihuo.com/view/10585.html…

对称振子天线matlab程序,对称振子天线详解.ppt

对称振子天线详解第8章 线天线 8.2 阵列天线 8.3 直立振子天线与水平振子天线 8.4 引向天线与电视天线 8.5 移动通信基站天线 8.6 螺旋天线 8.7 行波天线 8.8 宽 频 带 天 线 8.9 缝隙天线 8.10 微带天线 8.11 智能天线 因此, 有 cosθm 由上式可见, 当l…

四菱天线怎么加强_四菱天线制作方法.doc

四菱天线制作方法四菱天线制作方法振子元件数的选定? ?振子的数目主要是根据给定的增益来确定的&#xff0c;而引向天线的增益主要决定于天线长度L/λ&#xff0c;因此&#xff0c;可以根据所要求增益值首先确定天线长度&#xff0c;然后根据引向器和反射器的常用间距来确定振…

grasp介绍、应用及学习心得

grasp介绍、应用及学习心得一、grasp介绍二、grasp应用三、学习心得一、grasp介绍 引言&#xff1a; 设计模式是关于类和对象的一种高效、灵活的使用方式&#xff0c;也就是说&#xff0c;必须先有类和对象&#xff0c;才能有设计模式的用武之地&#xff0c;否则一切都是空谈&…

【新书推荐】【2020.02】可穿戴设备传感器和天线的设计与优化

第一章 一种高频应用的la形天线– 第二章 一种宽频带半圆形接地锤式纺织天线– 第三章 可穿戴电子器件用薄膜射频整流天线的设计– 第四章 基于柔性衬底的六边形开缝耐磨织物天线的设计– 第五章 提高柔性天线性能的新设计– 第六章 一种高效的无线电能传输整流电路– 第…

天线教程(图)

天线教程(图) 早到马科尼最早的实验装置&#xff0c;晚到最新的无线电技术&#xff1b;大到以喀斯特洼地为反射器支架的直径数以百米计的巨型射电天文望远镜&#xff0c;小到区区数十毫米大小的移动电话和手持GPS天线&#xff1b;无论通信、广播、定位、遥控遥测遥讯……没有一…