实验二 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. ...
随机推荐
- Flask构建微电影（一）
第一章.项目介绍 1.1.前言 本教程我将带领大家如何使用flask框架开发微电影网站.Flask是python中最受欢迎的轻量级web框架,flask扩展丰富,冗余度小,可自由选择组合各种插 ...
- [Mysql]——通过例子理解事务的4种隔离级别(转)
SQL标准定义了4种隔离级别,包括了一些具体规则,用来限定事务内外的哪些改变是可见的,哪些是不可见的. 低级别的隔离级一般支持更高的并发处理,并拥有更低的系统开销. 一.事务隔离级别分类 第1级别:R ...
- iOS开发中数据持久化
使用几个小例子分别实现 归档NSKeyedArchiver.NSUserDefaults.plist文件数据存储,简单直观.代码地址
- Creating your own auto-configuration
44. Creating your own auto-configuration If you work in a company that develops shared libraries, or ...
- selenium中的xpath定位
一.简介 XPath 是一门在 XML 文档中查找信息的语言.XPath 用于在 XML 文档中通过元素和属性进行导航. 二.定位 2.1 利用自己的本身属性定位 //标签[文本属性和值] 下面百度的 ...
- Javascript 中的map/reduce
先填个坑,后面慢慢填 附上一篇不错的文章:https://segmentfault.com/a/1190000008719824
- 跟我学ASP.NET MVC之六：SportsStrore添加产品目录导航
摘要: 上一篇文章,我建立了SportsStore应用程序的核心架构.现在我将使用这个架构向这个应用程序添加功能,你将开始看到这个基础架构的作用.我将添加重要的面向客户的简单功能,在这个过程中,你将看 ...
- 数据分析工具Pandas
参考学习资料:http://pandas.pydata.org 1.什么是Pandas? Pandas的名称来自于面板数据(panel data)和Python数据分析(data analys ...
- Dubbo中消费者初始化的过程解析
首先还是Spring碰到dubbo的标签之后,会使用parseCustomElement解析dubbo标签,使用的解析器是dubbo的DubboBeanDefinitionParser,解析完成之后返 ...
- Evensgn 剪树枝 树规
f[x][0]表示与其父边相连的连通块内没有黑苹果的方案数, f[x][1]则表示有黑苹果, 如果父边被切断,相当于没有黑苹果 初始化时,假设切掉父边,f[x][0]=1,f[x][1]=0; 递归回 ...