JSP内置对象的应用---答题界面设计

最新推荐文章于 2023-10-31 11:03:24 发布

Garker-gan

最新推荐文章于 2023-10-31 11:03:24 发布

阅读量2.3k

点赞数

分类专栏： JAVAEE 文章标签： javaee jsp

本文链接：https://blog.csdn.net/weixin_37443412/article/details/83307893

版权

JAVAEE 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JSP内置对象的应用—答题界面设计

本设计是本人J2E的第一次实战实验。答题界面设计。

1）登陆界面
登陆界面设计两个文本输入框，分别是学号和密码。在后期可以对接数据库实现一个完整的登陆界面。点击“登陆”进入答题界面

图一登陆界面

2）答题界面
答题界面题型有单选题和多选题。在加上两个跳转按键，“提交”按键进入测评结果界面，“重置”按键返回登陆界面。

图二答题界面

3）结果界面
结果公示界面，只要做了一个对input和checkout输入反馈的判断，从而给出答案点评以及评分。附带背景图。

图三答题界面

Log_in.jsp

<%@ page language=“java” import=“java.util.*” pageEncoding=“UTF-8”%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"?/"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<title>登陆界面</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->

电脑120招新面试答题系统 <br>
<br></br>
<label for= "">学 号</label>
 	<input type = "text" name="username" id = "username" class = "form-control" placeholder="学号"required autofocus><br>
<label for= "">密 码</label>
 	<input type = "text" name="password" id = "password" class = "form-control" placeholder="身份证后六位"required autofocus><br>
 	<br></br>
 	<blockquote>
 	<input type = "submit" value = "登陆">
 	</blockquote>

Index.Jsp
<%@ page contentType=“text/html;charset=UTF-8” language=“java” %>

测评系统 style="background: url(image/keji.jpg)no-repeat center 0px;background-size: cover;">

常州大学电脑120招新面试在线答题

一单选题（每题1分）

1.目前流行的显卡接口类型是？
PCI
PCI-E×2
PCI-E×16
ISA

2.RAM的意思是？<br>
<input type = "radio" name = "name_2" value = "A">软盘驱动器<br>
<input type = "radio" name = "name_2" value = "B">随机存储器<br>
<input type = "radio" name = "name_2" value = "C">输入/输出设备<br>
<input type = "radio" name = "name_2" value = "D">内存与外存<br>
<br></br>

3.以下与计算机视频输出相关的硬件是？<br>
<input type = "radio" name = "name_3" value = "A">内存条<br>
<input type = "radio" name = "name_3" value = "B">鼠标<br>
<input type = "radio" name = "name_3" value = "C">硬盘<br>
<input type = "radio" name = "name_3" value = "D">显卡<br>
<br></br>

<h4>二 多选题（全选对加3分，错选漏选不加分）</h4>

4.以下电脑系列属于戴尔品牌的是?<br>
<input type = "checkbox" name = "name_4" value = "A">小新<br>
<input type = "checkbox" name = "name_4" value = "B">暗影精灵<br>
<input type = "checkbox" name = "name_4" value = "C">成就<br>
<input type = "checkbox" name = "name_4" value = "D">游匣<br>
<br></br>

5.选出下列CPU的组成部分?<br>
<input type = "checkbox" name = "name_5" value = "A">运算器<br>
<input type = "checkbox" name = "name_5" value = "B">计算器<br>
<input type = "checkbox" name = "name_5" value = "C">放大器<br>
<input type = "checkbox" name = "name_5" value = "D">控制器<br>
<br></br>
<br></br>

	<blockquote>
   <input type="submit" value="提交" name="button1">
   <input type="submit" value="重置" name="button2">
   </blockquote>

Result.Jsp

<title>测评结果显示</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->

<% int socre_num = 0;

	String s1=request.getParameter("name_1");
	if(s1!=null)
	{
		if(s1.equals("C"))
		{
			socre_num++;
			out.println("1.解答正确"+"<br>");	
		}			
		else
		{
			out.println("1.本题目选C"+"<br>");	
		}
	}
	else out.println("1.此题未作答！"+"<br>");
	out.println("    "+"<br>");

	
	
	String s2=request.getParameter("name_2");
	if(s2!=null)
	{
		if(s2.equals("B"))
		{
			socre_num++;
			out.println("2.解答正确"+"<br>");	
		}			
		else
		{
			out.println("2.本题目选B"+"<br>");	
		}
	}
	else out.println("2.此题未作答！"+"<br>");
	out.println("    "+"<br>");
	
	String s3=request.getParameter("name_3");
	if(s3!=null)
	{
		if(s3.equals("D"))
		{
			socre_num++;
			out.println("3.解答正确"+"<br>");	
		}			
		else
		{
			out.println("3.本题目选D"+"<br>");	
		}
	}
	else out.println("3.此题未作答！"+"<br>");
	out.println("    "+"<br>");
	
	String[] s4=request.getParameterValues("name_4");
	String types4="";
	for(int i=0;i<s4.length;i++)
		types4+=s4[i];	
	if(types4!=null)
	{
		if(types4.equals("CD"))
		{
			socre_num+=3;
			out.println("4.解答正确"+"<br>");		
		}			
		else
		{
			out.println("4.本题目选CD"+"<br>");	
		}
	}
	else out.println("4.此题未作答！"+"<br>");
	out.println("    "+"<br>");
	
	String[] s5=request.getParameterValues("name_5");
	String types5="";
	for(int i=0;i<s5.length;i++)
		types5+=s5[i];	
	if(types5!=null)
	{
		if(types5.equals("AD"))
		{
				socre_num+=3;
				out.println("4.解答正确"+"<br>");	
		}			
		else
		{
			out.println("5.本题目选AD"+"<br>");	
		}
	}
	else out.println("5.此题未作答！"+"<br>");
	out.println("    "+"<br>");
	
	out.println("共得 "+socre_num+" 分");
%>

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

~~删除文本~~

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024.

插入链接与图片

链接: link.

图片:

带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

项目
- 项目
  - 项目

项目1
项目2
项目3

计划任务
完成任务

创建一个表格

一个简单的表格是这么创建的：

项目	Value
电脑	$1600
手机	$12
导管	$1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPE	ASCII	HTML
Single backticks	`'Isn't this fun?'`	‘Isn’t this fun?’
Quotes	`"Isn't this fun?"`	“Isn’t this fun?”
Dashes	`-- is en-dash, --- is em-dash`	– is en-dash, — is em-dash