实验二 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"/>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</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>

　　　　　　　　(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. ...

随机推荐

.NET开发设计模式-单例模式
解释:单例模式主要特点:确保一个类只有一个实例,并提供一个访问它的全局访问点意思就是说:在多线程的情况下:A先进行创建了该实例.B再进来访问时就不需要再创建了. using System; usin ...
java读取.properties配置文件的几种方法
读取.properties配置文件在实际的开发中使用的很多,总结了一下,有以下几种方法(仅仅是我知道的):一.通过jdk提供的java.util.Properties类.此类继承自java.util. ...
PAT1091:Acute Stroke
1091. Acute Stroke (30) 时间限制 400 ms 内存限制 65536 kB 代码长度限制 16000 B 判题程序 Standard 作者 CHEN, Yue One impo ...
swoft 源码解读【转】
官网: https://www.swoft.org/ 源码解读: http://naotu.baidu.com/file/814e81c9781b733e04218ac7a0494e2a?toke ...
Eureka源码分析：Eureka不会进行二次Replication的原因
Eureka不会进行二次同步注册信息 Eureka会将本实例中的注册信息同步到它的peer节点上,这是我们都知道的特性.然而,当peer节点收到同步数据后,并不会将这些信息再同步到它自己的peer节点 ...
apply的应用和匿名函数的封装应用
JS中的call()和apply()方法博客分类: JS 1.方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用 ...
W3C------JS
✄--------------------------------------------分割线--------------------------------------------✄ W3C:ht ...
嘿嘿嘿，开始自学mysql
开始学习mysql了,作为非计算机专业学生,必须需要一个地方来给自己的知识进行一些记录和总结. 一SQL语句数据库是不认识java语言的,但是我们同样要与数据库交互,这时需要使用到数据库认识的语言S ...
selenium的一些使用方法
新建实例driver = webdriver.Chrome()1.通过标签属性Id查找元素方法:find_element_by_id(element_id)实例:driver.find_element ...
Pandas的函数应用、层级索引、统计计算
1.Pandas的函数应用 1.apply 和 applymap 1. 可直接使用NumPy的函数示例代码: # Numpy ufunc 函数 df = pd.DataFrame(np.random ...

实验二 request、out对象使用

实验二 request、out对象使用的更多相关文章

随机推荐

热门专题