实验二 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. ...
随机推荐
- IntelliJ IDEA maven 构建简单springmvc项目
环境: apache-tomcat-8.5.15 jdk1.8.0_172 IDEA 建立一个maven-webapp项目:Create New Project 后点击next 然后next 可以选择 ...
- Spark Streaming入门
欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文将帮助您使用基于HBase的Apache Spark Streaming.Spark Streaming是Spark API核心的一个扩 ...
- SSIS 处理 bit 列
一般的编程语言,例如,C#.Java和R等都有布尔类型,用于表示逻辑真(true)和假(false),SQL Server没有布尔类型,但是,在编程时,可以使用bit 类型来代替,bit类型只有两个有 ...
- 谈论seo思维性对优化中起到决定性的作用
在<SEO的艺术>又出版之后,SEO艺术更加受到了广大SEOer的关注和热捧,在这本书里面,也有很多的不为人知的技巧分享.SEO的艺术强调的是SEO融入网络营销,融入社会化媒体大潮,然而这 ...
- [ Java面试题 ]泛型篇
1.Java中的泛型是什么 ? 使用泛型的好处是什么? 泛型是Java SE 1.5的新特性,泛型的本质是参数化类型,也就是说所操作的数据类型被指定为一个参数. 好处: 1.类型安全,提供编译期间的类 ...
- 'version' contains an expression but should be a constant
[WARNING] Some problems were encountered while building the effective model for com.app:cache:jar:4. ...
- 你不知道的JavaScript--Item24 ES6新特性概览
ES6新特性概览 本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用. ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代 ...
- Canvas的基本用法
canvas没有设置宽度和高度的时候,会初始化宽度:300像素和高度:150像素.可以使用CSS来定义大小,但在绘制时图像会伸缩以适应它的框架尺寸:如果CSS的尺寸与初始画布的比例不一致,它会出现扭曲 ...
- python获取日期加减之后的日期
python语言中的datetime模块可以利用其中的方法获取不同的日期,比如获取当前日期.明天.昨天.上个月.下个月和明年.下面利用几个实例说明这些日期的获取方法,操作如下: 第一步,利用d ...
- IDEA破解 Intellij IDEA license server 激活（可用）
激活地址如下图所示: 2018 intellij idea 注册码(亲测可用): C0FHYYCJ22-eyJsaWNlbnNlSWQiOiJDMEZIWVlDSjIyIiwibGljZW5zZWVO ...