使用JSP技术实现一个简单的在线测试系统的实例详解

1、登陆界面

实现：

本界面由三部分构成，Footer.jsp，Index.jsp，Header.jsp

Header.jsp

<center>
	<h2>在线测试系统</h2>
	<p>
		<a href="Index.jsp" rel="external nofollow" >登录</a>
		|
		<a href="test.jsp" rel="external nofollow" >在线测试</a>
		|
		<a href="scorelist.jsp" rel="external nofollow" >成绩榜</a>
	</p>
</center>

该部分主要实现主界面的头部信息，显示三个链接，分别可以跳转到登陆界面，在线测试界面，以及成绩榜界面

Footer.jsp

<%!int pageCount = 0;%>
<% pageCount++; %>
<center>
  <p>Copyright @ 2018 | 访问次数：<%=pageCount%></p>
</center>

该部分显示登录页面的底部信息，即显示访问次数等其他信息

Index.jsp

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<jsp:include page="Header.jsp" />
<center>
<form action="check.jsp" method="get">
用户名<input type="text" name="username" />
<br>
密码<input type="password" name="psd" />
<br><br>
<button type="submit">登录</button>
<button type="reset">重填</button>
</center>
<jsp:include page="Footer.jsp" />
</form>
</body>
</html>

该部分主要显示登陆界面的中间界面，用户可以输入用户名和密码实现登陆系统

2、登陆检测

当用户点击登陆按钮，系统后台会获取用户输入的用户名以及密码，并与预设的进行比对，由于本例没有使用数据库，所以使用Map存储用户名及密码

<%!
Map<String,String> userlist= new HashMap<String,String>();
%>

<%
userlist.put("qq", "11");
userlist.put("ww","22");
userlist.put("ee","33");
%>

<%!
boolean check(String username,String psd){
	if(userlist.containsKey(username)){
		if(userlist.get(username).equals(psd)){
			return true;
		}
	}

	return false;
}

%>

<%
String username=request.getParameter("username");
String psd=request.getParameter("psd");
if(check(username,psd)){
	session.setAttribute("username", username);

	out.print("欢迎"+username);
	out.print("<a href='test.jsp'>开始测试</a>");
}
else{
	out.print("登陆失败，3秒钟后重新登录");
	response.setHeader("refresh", "3;url='Index.jsp'");
}

%>

当用户输入的用户名及密码正确时，系统会显示用户姓名，以及跳转链接，同时使用session保存用户名，密码不正确时，3秒后返回登陆界面，

 3、测试页面

用户输入用户名及密码后便进入测试页面，测试页面的第一行显示用户名，之后显示题目信息。

<%
String username=(String)session.getAttribute("username");
if(username==null){
	out.print("未登陆，3秒钟后重新登录");
	response.setHeader("refresh", "3;url='Index.jsp'");
}
else{
	%>

	考生:<%=session.getAttribute("username") %>

<h3>在线测试题</h3>
<form action="submit.jsp" onsubmit="return confirm('确定提交吗？')">
		第1题：湖北省会是
		<input type="text" name="q1" />
		<br><br>
		第2题：宋朝开国皇帝是
		<br>
		<input type="radio" value="赵匡胤" name="q2">
		赵匡胤
		<input type="radio" value="朱元璋" name="q2">
		朱元璋
		<input type="radio" value="李渊" name="q2">
		李渊
		<br><br>
		第3题：四大名著有
		<br>
		<input type="checkbox" value="红楼梦" name="q3">
		红楼梦
		<input type="checkbox" value="水浒传" name="q3">
		水浒传
		<input type="checkbox" value="J2EE编程技术" name="q3">
		J2EE编程技术
		<br><br>
		<button type="submit">提交</button>
</form>

<%}%>

进入页面之前，会再次检测用户是否登录，以防止用户通过其他路径访问到该页面。

点击提交时，系统会提示是否提交，点击确定后，系统后台要做两件事，第一件事就是注销session，另一件事就是通过答案获取相应的分数，并且将用户名和分数保存。

4、提交页面

用户完成题目点击提交后，系统会获取用户的答案，并与标准答案对比，获取相应的分数，同时使用application保存用户名和成绩，这样就可以在成绩榜中显示每个用户的成绩信息

<%!
Map<String, Integer> score_list = new HashMap<String, Integer>(); //存放用户名+成绩
%>
<%
int score=0;
String q1=request.getParameter("q1");
String q2=request.getParameter("q2");
String[] q3=request.getParameterValues("q3");

if(q1!=null&&q1.equals("武汉")){	score+=10;	}
if(q2!=null&&q2.equals("赵匡胤")){	score+=10;	}
if(q3!=null&&q3.length==2&&q3[0].equals("红楼梦")&&q3[1].equals("水浒传")){
	score+=10;	}
//out.print("<h2>你的成绩=" + score + "</h2>");

score_list.put((String)session.getAttribute("username"), score);
application.setAttribute("scorelist", score_list);
response.sendRedirect("logout.jsp");
%>

 5、成绩榜

成绩榜通过application显示所有登陆用户的用户名及成绩，并按照成绩进行排序‘'

<h1>成绩榜</h1>
<%!
//降序排序
public <K, V extends Comparable<? super V>> Map<K, V> sortByValueDescending(Map<K, V> map)
  {
    List<Map.Entry<K, V>> list = new LinkedList<Map.Entry<K, V>>(map.entrySet());
    Collections.sort(list, new Comparator<Map.Entry<K, V>>()
    {

      public int compare(Map.Entry<K, V> o1, Map.Entry<K, V> o2)
      {
        int compare = (o1.getValue()).compareTo(o2.getValue());
        return -compare;
      }
    });

    Map<K, V> result = new LinkedHashMap<K, V>();
    for (Map.Entry<K, V> entry : list) {
      result.put(entry.getKey(), entry.getValue());
    }
    return result;
  }
%>
<%
if(application.getAttribute("scorelist")==null){
	out.print("<h3>没有成绩</h3>");
}
else{ //遍历显示所有成绩（Map遍历）
	Map<String, Integer> score_list= (Map<String, Integer>)application.getAttribute("scorelist");
	score_list=sortByValueDescending(score_list);
	Set s=score_list.keySet();
	Iterator it=s.iterator();
	while(it.hasNext()){
		String username=(String)it.next();
		int score=score_list.get(username);
		out.print("<h3>"+username+":"+score+"</h3>");
	}
}
%>

6、完整流程

到此这篇关于使用JSP技术实现一个简单的在线测试系统的实例详解的文章就介绍到这了,更多相关JSP技术实现一个简单的在线测试系统内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • JSP实现在线考试与成绩评测

    JSP实现在线考试与成绩评测

    模拟在线考试系统,在request.jsp页面输出单选题和多选题,题目答完后点击"考试完成",页面跳转到requestHandle.jsp,该页面对提交的数据进行处理,并将考试结果的数据输出到页面中. 1.request.jsp代码如下: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML PU

  • 基于jsp实现新闻管理系统 附完整源码

    基于jsp实现新闻管理系统 附完整源码

    很棒的新闻发布系统分享给大家,希望大家喜欢. 下面就让我们来说一说基于jsp的新闻发布系统,其中使用的技术有JavaBean.fillter.数据库等,能够实现新闻的发布功能,在发布之后能够进行对每一条新闻的删除.修改.或者继续增加新的文章,最后还能够进行查询功能,其中引用了百度编辑器,能够进行图文并茂的编辑,极大地方便用户的使用. 注:完整项目下载地址:新闻发布系统 一.效果演示 首先让我们来看一看实现的效果: 下面是登陆的首界面: 图1 首界面 管理员登录页面: 图2 管理员登录界面 下面是

  • jdbc+jsp实现简单员工管理系统

    简单的页面分析 在上一个文章简单的数据库连接测试,已经测试和数据库做简单的交互,也就是dao层的实现,接下来要说的却是action的简单实现,在ssh中有struts作为表示层和server的交换,而这里我不是说的是关于struts这里只是简单的运用jsp的代码书写来实现数据的传输,这也是最繁琐的步骤,但是这却让我们对底层的调用有一个简单的了解,这里是直接调用封装好的数据,交换和使用,首先要书写的是action的使用,用的最多的就是getParameter表单的提交了,这里在网络上提交一个表单吗

  • JSP实现客户信息管理系统

    本文实例为大家分享了JSP实现客户信息管理系统的具体代码,供大家参考,具体内容如下 项目示意图大概这样吧.我自己画的 登录界面代码 index.jsp: 完全没技术含量的,直接调用一个servlet控制的是否登录 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD

  • JSP实现简单人事管理系统

    本文实例为大家分享了JSP实现简单人事管理系统的具体代码,供大家参考,具体内容如下 此系统使用jsp实现,其中包含了jsp九大内置对象和四大作用域的相关知识,采用map集合模拟数据库的方式,实现用户登录.员工信息展示.员工信息修改功能. JSP的九大内置对象:Application,Config,Exception,Out,PageContent,Page,Request,Respsonse,Sesstion JSP的四大作用域:Application Sesstion Page request

  • JSP学生信息管理系统

    本文实例为大家分享了JSP学生信息管理系统源码,JSP+Servlet+Javabean+JDBC+MySQL,供大家参考,具体内容如下 1.service层,进行数据库操作     package com.service; /** * 负责学生信息的所有数据库操作,增删改查 */ import java.sql.Connection; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.sql.SQ

  • jsp利用application统计在线人数的方法

    本文实例讲述了jsp利用application统计在线人数的方法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+

  • JSP学生信息管理系统设计

    本文实例为大家分享了JSP学生信息管理系统源码,供大家参考,具体内容如下 新建学生信息数据库 1.添加记录模块 <%@ page contentType="text/html" pageEncoding="UTF-8"%> <html> <head> <title>添加新学生</title> </head> <body> <form action="stuinsert

  • 使用JSP技术实现一个简单的在线测试系统的实例详解

    1.登陆界面 实现: 本界面由三部分构成,Footer.jsp,Index.jsp,Header.jsp Header.jsp <center> <h2>在线测试系统</h2> <p> <a href="Index.jsp" rel="external nofollow" >登录</a> | <a href="test.jsp" rel="external n

  • 基于PHP+Mysql简单实现了图书购物车系统的实例详解

    PHP+Mysql简单实现了图书购物车 本文主要讲述如何通过PHP+HTML简单实现图书购物车的功能,这是提取我们php项目的部分内容.主要内容包括: 1.通过JavaScript和Iframe实现局部布局界面     2.PHP如何定义类实现访问数据库功能     3.实现简单的添加购物车功能     4.实现了后台管理前台的页面     由于这个项目是在期末完成,PHP只是刚学的,比较简单. 效果图如下: 这是后台管理的页面: 这是前台页面: index.php页面: <!DOCTYPE h

  • 一个简单的Spring容器初始化流程详解

    一个简单的Spring容器初始化流程详解

    前言 首先我们初始化一个最简单的容器,用这个容器研究初始化的流程. 下面就是一个再简单不过的IoC容器了,该容器包含了一个名为beanA的bean,我们初始化容器后,取出该Bean,并调用方法. public class BeanA { private String testStr = "Test"; public BeanA(){ System.out.println("Running A"); } public void sayHello(){ System.o

  • java 使用JDBC构建简单的数据访问层实例详解

    本教程的目的是使用Java编写的分离的层去访问数据库中的表,这一层通常称为数据访问层(DAL) 使用DAL的最大好处是通过直接使用一些类似insert()和find()的方法简化了数据库的访问操作,而不是总是先做链接,再执行一些查询. 该层在其内部处理所有与数据库相关的调用和查询. 创建数据库 我们希望为用户创造一个简单的表,我们可以使用这些字段来创建 id        int name      varchar(200) password  varchar(200) age       in

  • JSP中图片的上传与显示方法实例详解

    本文实例讲述了JSP中图片的上传与显示方法.分享给大家供大家参考.具体如下: 1.引言 数据库应用程序,特别是基于WEB的数据库应用程序,常会涉及到图片信息的存储和显示.通常我们使用的方法是将所要显示的图片存在特定的目录下,在数据库中保存相应的图片的名称,在JSP中建立相应的数据源,利用数据库访问技术处理图片信息.但是,如果我们想动态的显示图片,上述方法就不能满足需要了.我们必须把图片存入数据库,然后通过编程动态地显示我们需要的图片.实际操作中,可以利用JSP的编程模式来实现图片的数据库存储和显

  • iOS如何开发简单的手绘应用实例详解

    开发一款简单的 iOS 手绘应用, 收集点,绘制形状,给形状着色,呈现给用户,好像就完了 框架是 Quartz2D 1, 收集点 首先需要有一个界面 UIView, 用这个界面监听用户的手势,收集点 用户按下手指 location(in, 从触摸事件中,获得在画板中的坐标 var lastPoint = CGPoint.zero override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) { guard l

  • JSP使用MVC模式完成删除和修改功能实例详解

    本文实例讲述了JSP使用MVC模式完成删除和修改功能的方法.分享给大家供大家参考.具体如下: 目标: ① 进一步理解MVC模式: ② 掌握删除功能的基本实现过程: ③ 掌握修改功能的基本实现过程. 主要内容: ① 使用MVC完成删除功能: ② 使用MVC模式完成信息更新功能. 1.如何使用MVC模式完成删除功能 根据MVC模式的特点,分别考虑MVC的3个部分. ① 首先考虑V部分: 输入:通常删除功能是在查询的基础上完成的,所以在用户信息列表界面上可以添加删除的超链. 输出:提示用户删除是否成功

  • 使用MongoDB和JSP实现一个简单的购物车系统实例

    使用MongoDB和JSP实现一个简单的购物车系统实例

    本文介绍了JSP编程技术实现一个简单的购物车程序,具体如下: 1 问题描述 利用JSP编程技术实现一个简单的购物车程序,具体要求如下. (1)用JSP编写一个登录页面,登录信息中有用户名和密码,分别用两个按钮来提交和重置登录信息. (2)编写一个JSP程序来获取用户提交的登录信息并查询数据库,如果用户名为本小组成员的名字且密码为对应的学号时,采用JSP内置对象的方法跳转到订购页面(显示店中商品的种类和单价等目录信息):否则采用JSP动作提示用户重新登录(注:此页面上要包含前面的登录界面). (3

  • 构建一个简单的CaaS系统

    在CaaS系统出现前企业应用架构基本被IaaS/SaaS/PaaS等模式垄断,直到Docker的出现为我们打开了另一个扇大门,废话不说了,我们直奔主题. 我们先了解下一个简单的CaaS系统是如何为用户提供服务的: 企业用户上传它的应用代码或其他代码托管方式,我们生成用户应用的镜像,或者用户直接上传镜像,或者用户直接使用我们提供的基础服务镜像 用户部署他的镜像应用,启动它的镜像容器 用户访问他的应用服务 OK,需求确定了,该搬砖了. 用户镜像制作 既然是一个简单的CaaS系统,我们就不让用户上传代

  • 基于jsp+servlet实现的简单博客系统实例(附源码)

    基于jsp+servlet实现的简单博客系统实例(附源码)

    本文实例讲述了基于jsp+servlet实现的简单博客系统.分享给大家供大家参考.具体如下: 没有用框架写的 小博客, 代码大量重复. 个人感觉重复代码对于新手还是有好处的,我也是新手,见谅. 完整实例代码点击此处本站下载. 1. servlet /* * To change this template, choose Tools | Templates * and open the template in the editor. */ package Servlet; import blog.

随机推荐