实验二 request、out对象使用
request、out对象使用
一、实验目的
1、掌握代码片段中的注释的应用；
2、掌握JSP脚本标示---Java代码片段的应用。
二、实验内容
1、设计教师与学生不同登陆界面,如下图；
2、验证码随机生成；
3、提交后分别转向教师页面和学生页面进行判断用户名和密码正确性；
4、如果正确，3秒后，转向成功页面，否则跳回验证页面；
三、实验方法
1、在同一页面上设计两个单选按钮：教师、学生，当点击提交按钮后，进入相应的JSP页面。
当用户名及密码均正确时，进入欢迎界面；如果两者其一不正确就要提醒需要重新输入。在这些操
作中，注意request内置对象的正确使用方法；
2、类似于1,使用request和out对象；
3、学习使用重定向方法解决实验内容3。
四、实验学时：2学时
五、实验代码：
(1)login.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户登录</title>
<style type="text/css">
.headline{
font-size:28px;
text-align:left;
font-family:黑体，隶书;
color:#005AB5; }
body{
font-size:18px;
font-family:楷书;
color:#007B97; }
div{
box-sizing:border-box;
text-align:center;
line-height:1.5; }
</style>
<script language="JavaScript">
var flag = true;
function checkedWords(){
var words = new Array('abcdefghijklmnopqrstuvywz','ABCDEFGHIJKLMNOPQRSTUVYWZ','0123456789');//创建需要的数组
var number,i;
var checkedword =''//返回的验证码
for(i=0;i<4;i++){
number = Math.floor(Math.random()*3);//获取验证码的整数部分
checkedword = checkedword+words[number].substr(Math.floor(Math.random()*words[number].length),1);
}
document.getElementById("cword").innerHTML = checkedword; }
function check(){
var word1 = document.getElementById("word1").value;
var word2 = document.getElementById("cword").innerHTML;
if(word1 !== word2){
document.getElementById("cwords").innerHTML = "验证码错误，请重新输入"
flag = true;
}else if(word1 == word2 ){
document.getElementById("cwords").innerHTML = ""
} }
function checked(){
if(flag==false){
return false;
}else{
return true;
}
} </script>
</head>
<body background="img/1.jpg">
<div style="background-color:#66B3FF; width:510px; height:310px;margin:0 auto;">
<div style="border:outset;background:#D2E9FF; width:500px; height:300px;margin:0 auto; margin-top:20%">
<div class="headline"><b>用户登录</b>/<i style="color:#ADADAD">LOGIN</i></div>
<hr/>
<form action=check.jsp method="post" onsubmit="return checked()">
<table>
<tr>
<td><img style="width:28px;height:28px" src="img/收藏用户.png" />用户名：</td>
<td><input type="text" name="name" required="required" size=30></td>
</tr>
<tr>
<td><img style="width:28px;height:28px" src="img/安全.png"/>密 码：</td>
<td><input type="password" name="password" size=31 required="required"></td>
</tr>
<tr>
<td><img style="width:25px;height:25px" src="img/验证码.png"/>验证码：</td>
<td><input type="text" name="word" id="word1" required="required" size=22 oninput="check()">
<span id="cword" style="background-color:white;color:green;" size=15></span></td>
<td><input type="button" name="change" value="看不清换一张" onclick="checkedWords()" size=3></td>
</tr>
<tr><td></td><td><span id="cwords" style="color:red"></span></td></tr>
<tr>
<td></td><td><input type="radio" name="identity" value="bumen">部门
<input type="radio" name="identity" value="teacher">教师
<input type="radio" name="identity" value="student">学生
<input type="radio" name="identity" value="fangke">访客</td>
</tr>
<tr>
<td><input type="submit" name="Submit" value="登录" ></td>
<td></td>
<td><input type="reset" name="Reset" value="重置"></td>
</tr>
</table>
</form>
</div> </div> </body>
</html>
login.html
(2)check.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>验证信息</title>
</head>
<body>
<%
String name = request.getParameter("name");
String pwd = request.getParameter("password");
String ide = request.getParameter("identity");
if(ide != null){
if(ide.equals("teacher")){
if(name.equals("hst") && pwd.equals("123456")){ response.setHeader("Refresh","3;URL=teacher.jsp");
}else{
out.println("用户名或密码错误！");
response.setHeader("Refresh","3;URL=login.html");
}
}else if(ide.equals("student")){
if(name.equals("20164482") && pwd.equals("111111")){
response.setHeader("Refresh","3;URL=student.jsp");
}else{
out.println("用户名或密码错误！");
response.setHeader("Refresh","3;URL=login.html");
}
}else if(ide.equals("fangke")){
response.setHeader("Refresh","3;URL=fangke.jsp");
}else if(ide.equals("bumen")){
response.setHeader("Refresh","3;URL=bumen.jsp");
}
}else{
response.setHeader("Refresh","3;URL=login.html");
} %>
</body>
</html>
check.jsp
(3)teacher.jsp
<%@ page language="java" contentType="text/html; charset=GB2312"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>欢迎你</title>
</head>
<body style="color:orange; font-family: 黑体，楷书;text-align:center;font-size:50px">
<%
out.println("你好！老师");
%> </body>
</html>
teacher.jsp
(4)student.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>欢迎</title>
</head>
<body style="color:pink; font-family: 黑体，楷书;text-align:center;font-size:50px">
<%
out.println("你好！同学");
%> </body>
</html>
student.jsp
(5)fangke.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>欢迎你！</title>
</head>
<body style="color:green; font-family: 黑体，楷书;text-align:center;font-size:50px">
<%
out.println("你好！感谢浏览我校官网。");
%> </body>
</html>
fangke.jsp
(6)bumen.jsp
<%@ page language="java" contentType="text/html; charset=GB2312"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>欢迎你！</title>
</head>
<body style="color:red; font-family: 黑体，楷书;text-align:center;font-size:50px">
<%
out.println("你好！你已成功登入。");
%>
</body>
</html>
bumen.jsp
六、实验结果
七、相关图片素材
1.jpg
收藏用户.png
安全.png
验证码.png
实验二 request、out对象使用的更多相关文章
- 20162319 实验二 Java面对对象程序设计 实验报告
实验二 Java面向对象程序设计 实验内容 1.初步掌握单元测试和TDD 2.理解并掌握面向对象三要素:封装.继承.多态 3.初步掌握UML建模 4.熟悉S.O.L.I.D原则 5.了解设计模式 实验 ...
- 20145215实验二 Java面向对象程序设计
一.实验内容 初步掌握单元测试和TDD 理解并掌握面向对象三要素:封装.继承.多态 初步掌握UML建模 熟悉S.O.L.I.D原则 了解设计模式 二.实验步骤 (一)单元测试 (1)三种代码 伪代码: ...
- 实验二 Java面向对象程序设计
实验二 Java面向对象程序设计 实验内容 1. 初步掌握单元测试和TDD 2. 理解并掌握面向对象三要素:封装.继承.多态 3. 初步掌握UML建模 4. 熟悉S.O.L.I.D原则 5. 了解设计 ...
- 实验二 PHP基本语法实验
实验二 PHP基本语法实验 0 实验准备 0.1实验环境和相关工具软件 具体到的机房环境,请在Windowsxp环境下做本实验: l 操作系统:Windowsxp l Web服务器:Apache ...
- 20145213《Java程序设计》实验二Java面向对象程序设计实验报告
20145213<Java程序设计>实验二Java面向对象程序设计实验报告 实验内容 初步掌握单元测试和TDD 理解并掌握面向对象三要素:封装,继承,多态 初步掌握UML建模 熟悉S.O. ...
- 20145308刘昊阳 《Java程序设计》实验二 Java面向对象程序设计 实验报告
20145308刘昊阳 <Java程序设计>实验二 Java面向对象程序设计 实验报告 实验名称 Java面向对象程序设计 实验内容 初步掌握单元测试和TDD 理解并掌握面相对象三要素:封 ...
- 20145225唐振远 实验二 "Java面向对象程序设计"
20145225<Java程序设计> 实验二 Java面向对象程序设计 实验报告 实验内容 初步掌握单元测试和TDD 理解并掌握面向对象三要素:封装.继承.多态 初步掌握UML建模 熟悉S ...
- 20145208 实验二 Java面向对象程序设计
20145208 实验二 Java面向对象程序设计 实验内容 初步掌握单元测试和TDD 理解并掌握面向对象三要素:封装.继承.多态 初步掌握UML建模 熟悉S.O.L.I.D原则 了解设计模式 实验步 ...
- 20145317彭垚《Java程序设计》实验二
20145317<Java程序设计>实验二Java面向对象程序设计实验报告 实验内容 初步掌握单元测试和TDD 理解并掌握面向对象三要素:封装.继承.多态 初步掌握UML建模 熟悉S.O. ...
随机推荐
- Python_字符串检测与压缩
''' center().ljust().rjust(),返回指定宽度的新字符串,原字符串居中.左对齐或右对齐出现在新字符串中, 如果指定宽度大于字符串长度,则使用指定的字符(默认为空格进行填充). ...
- Python《学习手册：第二章-习题》
什么是Python解释器? Python解释器是运行Python程序的程序. 什么是源代码? 源代码是为程序所写的语句:它包括文本文件(通常以.py为文件名结尾)的文件. 什么是字节码? 字节码是Py ...
- JaveScript基础(1)之变量和数据类型
1.JaveScript变量的定义方式: A:隐式定义:直接给变量赋值: temp='hello'; alert(temp); PS:使用变量前要先进行初始化工作,否则会报变量未被定义的错误; B:显 ...
- PAT1101:Quick Sort
1101. Quick Sort (25) 时间限制 200 ms 内存限制 65536 kB 代码长度限制 16000 B 判题程序 Standard 作者 CAO, Peng There is a ...
- mysql explain extra理解
Extra表示附加信息,常见的有如下几种(也按查询效率从高到低排列): Using index 表示使用索引,如果只有 Using index,说明他没有查询到数据表,只用索引表就完成了这个查询,这个 ...
- Tiny4412中断介绍
通过几天裸板驱动开发,今天对ARM的中断做一些简单总结,前面我们已经了解了ARM的7种异常模式,中断是异常模式的一种,在ARM中异常事件发生将会触发中断,但是,所有的中断都不能直接访问cpu,而是都统 ...
- (细节)My SQL中主键为0和主键自排约束的关系
开始不设置主键 表的设计如下: 如果id的位置有好几个0的话:设置主键并且自动排序时,0会从1开始递增: Insert 进去 id = 0的数据,数据会从实际的行数开始增加,和从0变化不一样: 现在主 ...
- InnoDB存储引擎结构介绍
Ⅰ.InnoDB发展史 时间 事件 备注 1995 由Heikki Tuuri创建Innobase Oy公司,开发InnoDB存储引擎 Innobase开始做的是数据库,希望卖掉该公司 1996 My ...
- CAP原理和BASE思想
分布式领域CAP理论,Consistency(一致性), 数据一致更新,所有数据变动都是同步的Availability(可用性), 好的响应性能Partition tolerance(分区容错性) 可 ...
- Using variables inside Postman and Collection Runner
Variables are among the most powerful features in Postman. Using variables in your Postman requests, ...