图 6-2 ex6_01.jsp 运行界面 (1) 创建 web project 文件新建 web project (Optional Maven Support) 在 project name 中输入一个工程名字, 如 ex06; 去掉 Use default lo

Size: px

Start display at page:

Download "图 6-2 ex6_01.jsp 运行界面 (1) 创建 web project 文件新建 web project (Optional Maven Support) 在 project name 中输入一个工程名字, 如 ex06; 去掉 Use default lo"

坐张
7 years ago
Views:

1 实验六 JSP 内置对象一实验目的 1. 掌握 JSP 内置对象的组成 2. 掌握 JSP 内置对象的应用方法二实验环境 Windows XP/2000/2003/7 操作系统 Tomcat 6.0 MyEclipse 6.5 三实验内容 1. 在页面上有两个文本框, 用户在文本框中输入姓名和电话号码, 单击提交按钮后, 由服务器应用程序接受并处理用户信息例中 ex6_01.html 通过表单向 ex6_01.jsp 提交信息 2. 利用 response 对象将响应发送到指定页面 3. 设计一界面, 往 cookie 中存入数据 4. 设计一添加删除 session 变量及其值的程序 5. 利用 out 对象输出换行符号 6. 使用 application 对象设计一个计数器, 对用户的访问量进行统计 7. 设计一 JSP 程序, 实现指定字符串的替换功能四实验步骤 1. 在页面上有两个文本框, 用户在文本框中输入姓名和电话号码, 单击提交按钮后, 由服务器应用程序接受并处理用户信息例中 ex6_01.html 通过表单向 ex6_01.jsp 提交信息, 如图所示图 6-1 ex6_01.html 运行界面

利用 response 对象将响应发送到指定页面 3. 设计一界面, 往 cookie 中存入数据 4. 设计一添加删除 session 变量及其值的程序 5. 利用 out 对象输出换行符号 6.

2 图 6-2 ex6_01.jsp 运行界面 (1) 创建 web project 文件新建 web project (Optional Maven Support) 在 project name 中输入一个工程名字, 如 ex06; 去掉 Use default location 选项, 单击 Browse 按钮, 选择需要的文件夹 ; 选择 Java EE 5.0 单击完成后在左侧的包资源管理器中出现 (2) 右击 ex06 WebRoot 新建 ex6_01.html 文件, 在 <head></head> 部分添加 <meta http-equiv="content-type" content="text/html; charset=gbk"> 语句, 并进行表单界面设计注意其中 <form> 标签的属性 action="ex6_01.jsp" (3) 右击 ex06 WebRoot 新建 JSP 弹击 Create a new JSP page 窗口在 File Name 文本框中输入 JSP 文件的名字 :ex6_01.jsp ( 4) 打开 JSP 文件进行编辑 page language="java" import="java.util.*" pageencoding="iso "%> 替换 page language="java" contenttype="text/html; charset=gbk" %> (5) 添加 <title></title> 标题内容 (6) 编写 <body> </body> 的内容 String str1=new String(request.getParameter("RdName").getBytes("ISO8859-1"));%> String str2=request.getparameter("phname");%> String str3=new String(request.getParameter("submit").getBytes("ISO8859-1"));%> <font face=" 楷体 " size=4 color=blue> 姓名文本框信息 : =str1%><br> 电话文本框信息 : =str2%><br> 提交按钮的面值 : =str3%> </font> 其中 new String(request.getParameter("RdName").getBytes("ISO8859-1")) 是用来处理汉字输入后显示乱码的一种解决方法

0 单击完成后在左侧的包资源管理器中出现 (2) 右击 ex06 WebRoot 新建 ex6_01.

$(7) 保存文件 (8) 部署 JSP 文件点击工具栏中的按钮, 打开 Project Deployments 窗口单击 Add 按钮选中容器 tomcat 6.x 单击完成按钮此时在 C: \tomcat6.$

3 (7) 保存文件 (8) 部署 JSP 文件点击工具栏中的按钮, 打开 Project Deployments 窗口单击 Add 按钮选中容器 tomcat 6.x 单击完成按钮此时在 C: \tomcat6.0\webapps\ 下生成目录 ex06 及其内所有文件, 到相应位置进行查看 (9) 部署完毕, 接下来启动 tomcat 服务点击工具栏中的按钮旁边的三角形, 选中 tomcat start (10) 最后到 IE 浏览器中打开运行运行地址是 : 或 2. 利用 response 对象将响应发送到指定页面, 程序运行效果如图 6-3 所示图 6-3 选择访问站点的运行界面 (1) 在 ex06 WebRoot 下新建 JSP 文件 :ex6_02.jsp ( 2) 打开 JSP 文件进行编辑, page language="java" import="java.util.*" pageencoding="iso "%> 替换 page language="java" contenttype="text/html; charset=gbk" pageencoding="gbk"%> (3) 添加 <title></title> 标题内容 (4) 编写 <body> </body> 的内容 String site=request.getparameter("site"); if(site!=null) { if(site.equals("baidu")) response.sendredirect(" if(site.equals("sina")) response.sendredirect(" if(site.equals("163")) response.sendredirect(" %>

http://localhost:8080/ex06/ex6_01.jsp 或 http://127.0.0.1:8080/ex06/ex6_01.jsp 2.

4 <b> 请选择你需要访问的站点 </b> <form action="ex02.jsp" method="get"> <select name="site"> <option value="baidu" selected> 百度 <option value="sina" > 新浪 <option value="163" selected> 网易 </select> <input type="submit" value=" 确定 "> </form> (5) 保存文件 (6) 最后到 IE 浏览器中打开运行运行地址是 : 或 3. 设计一界面, 往 cookie 中存入数据, 运行效果如图 6-4 所示图 6-4 存取 cookie 数据的运行效果图语法说明 :cookie 对象可以用来将少量信息保存在浏览器中, 一般保存在客户机的硬盘上通常浏览器会支持至少 20 个 cookie 或者至少每个网站 4kB 的 cookie 数据 (1) 在 ex06 WebRoot 下新建 JSP 文件 :ex6_03.jsp ( 2) 打开 JSP 文件进行编辑, page language="java" import="java.util.*" pageencoding="iso "%> 替换 page language="java" contenttype="text/html; charset=gbk" pageencoding="gbk"%> (3) 添加 <title></title> 标题内容 (4) 编写 <body> </body> 的内容 request.setcharacterencoding("gbk"); String name=request.getparameter("name"); String hobby=request.getparameter("hobby"); Cookie cookies[]=request.getcookies(); // 存取 name 变量 if(cookies!=null) {

文件 (6) 最后到 IE 浏览器中打开运行运行地址是 : http://localhost:8080/ex06/ex6_02.jsp 或 http://127.0.0.1:8080/ex06/ex6_02.jsp 3.

5 for(int i=0;i<cookies.length;i++) {if(cookies[i].getname().equals("name")) name=cookies[i].getvalue(); else if(name!=null) { Cookie c=new Cookie("name",name); c.setmaxage(50); response.addcookie(c); // 存取 hobby 变量 { if(cookies!=null) for(int i=0;i<cookies.length;i++) {if(cookies[i].getname().equals("hobby")) hobby=cookies[i].getvalue(); else if(name!=null) { %> Cookie c=new Cookie("hobby",hobby); response.addcookie(c); <P> 保存数据到 cookie 的测试 </P> <form action="ex03.jsp" method="post"> 姓名 :<input type="text" name="name" value="if(name!=null)out.println(name); %>"> 兴趣 :<input type="text" name="hobby" value="if(hobby!=null)out.println(hobby); %>"> <input type="submit" value=" 保存 "> </form> your name is if(name!=null)out.println(name); %>; <br> your hobby is if(hobby!=null)out.println(hobby); %>; (5) 保存文件 (6) 最后到 IE 浏览器中打开运行运行地址是 : 或 4. 设计一添加删除 session 变量及其值的程序, 其界面运行效果如图 6-5 所示

=null) { %> Cookie c=new Cookie("hobby",hobby); response.addcookie(c); <P> 保存数据到 cookie 的测试 </P> <form action="ex03.jsp" method="post"> 姓名 :<input type="text" name="name" value="if(name!

图 6-5 添加删除 session 变量的运行效果图 (1) 在 ex05 WebRoot 下新建 JSP 文件 :ex6_04.jsp ( 2) 打开 JSP 文件进行编辑, 将 @ page language="java" import="java.util.

6 图 6-5 添加删除 session 变量的运行效果图 (1) 在 ex05 WebRoot 下新建 JSP 文件 :ex6_04.jsp ( 2) 打开 JSP 文件进行编辑, page language="java" import="java.util.*" pageencoding="iso "%> 替换 page language="java" contenttype="text/html; charset=gbk" pageencoding="gbk" import="java.util.*"%> (3) 添加 <title></title> 标题内容 (4) 编写 <body> </body> 的内容 <center> <font size=5 color=#db1260> 管理 Session 变量 </font> <BR> <HR> <BR> if (request.getparameter("addvalue")!= null) { session.setattribute( request.getparameter("namefield"), request.getparameter("valuefield")); else if (request.getparameter("deletevalue")!= null) { session.removeattribute(request.getparameter("namefield")); %> <center> <table border=1 cellspacing=2 cellpadding=5 width=400 bgcolor=#eeeeee> <th colspan=2>session </th> <tr>

*"%> (3) 添加 <title></title> 标题内容 (4) 编写 <body> </body> 的内容 <center> <font size=5 color=#db1260> 管理 Session 变量 </font> <BR> <HR> <BR> if (request.getparameter("addvalue")!= null) { session.

7 <td><b> 变量名 </B></td> <td><b> 变量值 </B></td> </tr> Enumeration sessionnames = session.getattributenames(); String name; while (sessionnames.hasmoreelements()) { name = (String)sessionNames.nextElement(); %> <tr> <td>= name%></td> <td>= (String)session.getAttribute(name) %></td> </tr> // end of while loop for session names %> </table> </center> <p> <form method="post" name="sessiontest" action="ex04.jsp"> <center> <table border=0 cellspacing=2 cellpadding=5 width=400> <th> 变量名 </th> <th> 变量值 </th> <tr> <td><input type="text" name="namefield"></td> <td><input type="text" name="valuefield"></td> </tr> <tr> <td colspan=2 align=center><input type="submit" value=" 添加 " name="addvalue"> <input type="submit" value=" 删除 " name="deletevalue"></td> </tr> </table> </center> </form> </center> (5) 保存文件 (6) 最后到 IE 浏览器中打开运行运行地址是 : 或 5. 利用 out 对象输出换行符号运行界面如图 6-6 所示

getAttribute(name) %></td> </tr> // end of while loop for session names %> </table> </center> <p> <form method="post" name="sessiontest" action="ex04.

图 6-6 输出换行符号的运行界面 (1) 在 ex06 WebRoot 下新建 JSP 文件 :ex6_05.jsp ( 2) 打开 JSP 文件进行编辑, 将 @ page language="java" import="java.util.

8 图 6-6 输出换行符号的运行界面 (1) 在 ex06 WebRoot 下新建 JSP 文件 :ex6_05.jsp ( 2) 打开 JSP 文件进行编辑, page language="java" import="java.util.*" pageencoding="iso "%> 替换 page language="java" contenttype="text/html; charset=gbk" pageencoding="gbk" %> (3) 添加 <title></title> 标题内容 (4) 编写 <body> </body> 的内容 This is my JSP page. <br><p> 利用 out 对象输出换行符号 </p> out.write(" The furthest distance in the world ");%> out.newline(); %> // 输出换行符号 out.write(" 世界上最遥远的距离 ");%> out.write(" The furthest distance in the world ");%> out.write(" 世界上最遥远的距离 ");%> out.write(" Is not between life and death ");%> out.write(" 不是生与死 ");%> out.write(" But when I stand in front of you ");%> out.write(" 而是我就站在你面前 ");%> out.write(" Yet you don't know that I love you ");%> out.write(" 你却不知道我爱你 ");%> (5) 保存文件 (6) 最后到 IE 浏览器中打开运行运行地址是 : 或 6. 使用 application 对象设计一个计数器, 对用户的访问量进行统计如图 6-7 所示

<br><p> 利用 out 对象输出换行符号 </p> out.write(" The furthest distance in the world ");%> out.newline(); %> // 输出换行符号 out.write(" 世界上最遥远的距离 ");%> out.

图 6-7 计数器的运行界面 (1) 在 ex06 WebRoot 下新建 JSP 文件 :ex6_06.jsp ( 2) 打开 JSP 文件进行编辑, 将 @ page language="java" import="java.util.

9 图 6-7 计数器的运行界面 (1) 在 ex06 WebRoot 下新建 JSP 文件 :ex6_06.jsp ( 2) 打开 JSP 文件进行编辑, page language="java" import="java.util.*" pageencoding="iso "%> 替换 page contenttype="text/html;charset=gb2312" import="java.util.*" %> (3) 添加 <title></title> 标题内容 (4) 编写 <body> </body> 的内容 <P> 利用 application 变量存取数据 ---- 简单计数器的实现 </P> Integer count=null; synchronized(application)// 同步处理 { 存中 %> count=(integer)application.getattribute("counter"); if(count==null) count=new Integer(0); count=new Integer(count.intValue()+1); application.setattribute("counter",count);// 将访问量保存到内 <font size=6 color="blue" > 您好! 欢迎访问本站, 您是第 =count %> 位客人 </font> (5) 保存文件 (6) 最后到 IE 浏览器中打开运行运行地址是 : 或 7. 设计一 JSP 程序, 实现指定字符串的替换功能, 如图 6-8 所示

*" %> (3) 添加 <title></title> 标题内容 (4) 编写 <body> </body> 的内容 <P> 利用 application 变量存取数据 ---- 简单计数器的实现 </P> Integer count=null; synchronized(application)// 同步处理 { 存中 %>

图 6-8 替换字符串运行界面 (1) 在 ex06 WebRoot 下新建 JSP 文件 :ex6_07.jsp (2) 打开 JSP 文件进行编辑, 将 @ page language="java" import="java.util.

10 图 6-8 替换字符串运行界面 (1) 在 ex06 WebRoot 下新建 JSP 文件 :ex6_07.jsp (2) 打开 JSP 文件进行编辑, page language="java" import="java.util.*" pageencoding="iso "%> 替换 page contenttype="text/html; charset=gb2312"% page language="java" page import="java.util.stringtokenizer"%> (3) 添加 <title></title> 标题内容 (4) 在 <head></head> 中添加样式及编写 JavaScript 脚本 : <style type="text/css">  font-size: large; </style> <script> function checkform(){ if(document.form1.str == ""){ alert(" 原字符串不能为空!"); return false; if(document.form1.old == ""){ alert(" 查找字符串不能为空!"); return false; </script><base href="=basepath%>"> (5) 编写 <body> </body> 的内容

stringtokenizer"%> (3) 添加 <title></title> 标题内容 (4) 在 <head></head> 中添加样式及编写 JavaScript 脚本 : <style type="text/css"> <!--.

11 %> request.setcharacterencoding("gb2312"); String str = request.getparameter("str"); if(str == null) str = ""; String old = request.getparameter("old"); if(old == null) old = ""; String replacement = request.getparameter("replacement"); if(replacement == null) replacement = ""; <form name="form1" action="ex07.jsp" method="post" onsubmit="return CheckForm();"> <div class="style1"> 替换字符串中指定的字符 </div> 原字符串 <input type="text" name="str" value="=str%>"/> <br /> 查找 <input type="text" name="old" value="=old%>"/> <br /> 替换 <input type="text" name="replacement" value="=replacement%>"/> <hr /> <input name="ok" type="submit" value=" 替换 "> </form> <p> %> </p> StringBuffer buf = new StringBuffer(); int index = -1; while(!str.equals("") &&!old.equals("") && (index = str.indexof(old))!= -1){ buf.append(str.substring(0,index)); buf.append(replacement); str = str.substring(index+old.length()); buf.append(str); out.print(buf.tostring()); (6) 保存文件 (7) 最后到 IE 浏览器中打开运行运行地址是 : 五实验要求或 1. 独立完成实验内容 ;

jsp" method="post" onsubmit="return CheckForm();"> <div class="style1"> 替换字符串中指定的字符 </div> 原字符串 <input type="text" name="str" value="=str%>"/> <br /> 查找 <input type="text" name="old"

12 2. 所有内容均在 MyEclipse 环境下编写调试 ; 3. 保存制作的网页 ; 4. 记录实验过程存在的问题, 书写实验报告六思考题 1.JSP 都提供了哪些内置对象? 2. 简述 JSP 内置对象 request 和 response 的功能, 它们是如何协同工作的? 3.response 对象的 sendredirect 方法的功能是什么? 常在什么情况下使用? 4.Out 对象的功能是什么? 请列举出最常用的两种方法 5.session 对象的作用是什么? 它在什么范围内共享信息?

Microsoft Word - 21_HTML實力養成暨評量.doc

Microsoft Word - 21_HTML實力養成暨評量.doc 模擬試卷編號 :HTM-0031 HTML 測驗試題專業級注意事項一本項測驗應考學科 : 學科 : 單複選混合共 50 題, 每題 2 分 ; 不提供書面試題, 題目直接出現於電腦螢幕, 請依序作答本測驗滿分 100 分,70 分為合格, 發給合格證書二本項測驗

图 6-2 ex6_01.jsp 运 行 界 面 (1) 创 建 web project 文 件 新 建 web project (Optional Maven Support) 在 project name 中 输 入 一 个 工 程 名 字, 如 ex06; 去 掉 Use default lo

图 6-2 ex6_01.jsp 运行界面 (1) 创建 web project 文件新建 web project (Optional Maven Support) 在 project name 中输入一个工程名字, 如 ex06; 去掉 Use default lo