实验4-JSP页面元素(2)-实验指导书

合集下载

实验二 JSP页面开发

实验二JSP页面开发【实验目的】：熟悉JSP编程的特点，掌握JSP脚本元素、指令和动作的使用，进而掌握JSP 页面的开发。

【实验内容】：创建JSP文件，练习JSP脚本元素、指令和动作的使用。

验证课本例子。

【实验步骤】：（一）JSP页面开发流程：1.设定MyEclipse的工作空间（workspace）是%TOMCAT%\webapps。

在MyEclipse工作台主菜单中选择“文件”->“新建”->“项目”命令，在弹出的对话框中选择“Web Project”。

单击“下一步”按钮。

2.填入项目名称。

单击“下一步”按钮，继续。

3.为Web项目的Context指定名字和设定Web应用程序的根目录。

可以使用默认值。

单击“完成”按钮。

4.在MyEclipse工作台主菜单中选择“文件”->“新建”->“文件”->“JSP”项，输入文件名，单击“完成”按钮创建文件。

5.编辑JSP文件。

注意要将JSP文件放置在根目录下，否则由于WEB-INF目录的内容无法对外发布，而使得外界无法访问该JSP文件。

6.启动Tomcat服务器。

7.打开浏览器，在地址栏中输入http://lcoalhost:8080/ProjectName/JSPFileName.jsp，即可看到页面运行结果。

8.打开Tomcat的work\Catalina\localhost\ProjectName\org\apache\jsp路径下的jspName_jsp.java文件，将该文件和jspName.jsp文件作对比。

9.按照上述方法，开发HelloUser工程，编写相应程序（见课本第33页）。

（二）JSP元素实例验证1. 脚本示例程序：directive工程下的scriptlet.jsp2..Page指令的isError属性：directive工程下的errorTest.jsp是测试页面、error.jsp是错误处理页面。

Jsp页面元素实验

实验1．＜％＠include％＞指令与<jsp:include>动作指令的练习。

分别使用＜％＠include％＞指令和<jsp:include>动作指令实现top.txt和bottom.txt的包含2．编写Jsp页面，根据用户在表单中输入的整数计算其平方，并将结果显示在网页上，对于非整数要给出异常处理，并跳转到错误页面，提示数据输入有错。

3．对于Jsp文件代码，当这个页面被第二次访问时，页面的输出结果是什么？并进行验证。

<%!int m=0;%><%int n=0;m++;n++;%>m:<%=m%><br>n:<%=n%>4．用Jsp制作猜数字游戏页面（事先随机确定一个1-100之间的整数，然后让用户来猜这个数是多少，猜大了网页提示“大了”，猜小了网页提示“小了”，看用户猜几次能猜中）5．用jsp实现石头、剪刀、布游戏。

页面的输出有“平局，恭喜你”，“你赢了!再玩一次”和“你输了！再玩一次”3种结果。

6．显示一个含有一个文本输入框和一个下拉列表的表单，文本输入框让用户输入姓名，下拉列表供用户选择用户类型（含有普通用户，VIP用户两个选项）。

表单提交后进行校验，若用户未输入姓名，则返回当前页，要求用户重新输入；若用户输入了姓名，且选择类型普通用户，则进入common.jsp页面，若用户选择类型为VIP用户，则进入vip.jsp页面。

7．定义一个小应用程序TestApplet，程序在页面内实现输出红色矩形。

分两种方法在页面内实现。

一种使用<applet>标记对，另一种使用<jsp:plugin>动作指令。

8．利用<jsp:forward>和<jsp:param>动作指令，通过传值的方式实现三角形面积的求解。

在页面testforward.jsp中传递三个参数值给triarea.jsp，并计算传递过来的三条边计算三角形的面积。

jsp实验指导书

if(isLogin==null){
isLogin=false;
}
String name=req.getParameter("username");//获取表单上的用户名
String password=req.getParameter("password");//获取表单上的密码
if(isLogin==true){
import javax.servlet.http.HttpSession;
public class LoginServlet extends HttpServlet{
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
实验步骤：
1．创建一个Web工程，名称为login。
2．在工程的sunyang包下创建一个Servlet类LoginServlet.java，该类用来输出登录页面和欢迎用户登录的信息。类LoginServlet的代码如下：
import java.io.IOException;
import java.io.PrintWriter;
name=(String)session.getAttribute("name");
out.println("<center><h2>欢迎"+name+"登录</h2></center>");
}else if(name!=null&&password!=null){
session.setAttribute("name", name);//把用户名保存在HttpSession中

《JSP程序设计》实验指导书

软件工程系《JSP程序设计》实验指导书专业班级：电商10指导教师：朱亚玲实验一熟悉Java运行环境一、实验目的1.熟悉java的运行环境，并配置环境变量；2.熟悉java程序的编译、解释执行过程；3.初步了解编译过程中的出错信息，改正错误；4.初步掌握Java的编程规则；5.了解并熟悉java的基本数据类型及其操作；6.初步掌握编程结构的特点；了解并熟悉循环结构的设计方法。

二、实验环境与地点PC机一台：JDK6.0+Tomcat6.0+编辑器三、实验内容与步骤1.查看JDK的安装路径、系统变量path的值，并进行记录。

（1）JDK的安装目录是：（2）path的值：2.利用写字板编写一个java源文件，输出以下信息。

中国科学院院士北京大学计算机科学技术系教授杨芙清把源程序保存到目录D:\dianshang10下，并进行编译和运行，得到正确结果。

（1）源程序：public class First { public static void main (String args[]) {System.out.println("中国科学院院士");System.out.println("北京大学计算机科学技术系教授");System.out.println("杨芙清");（2）} }（3）运行步骤及结果：3.在D:\dianshang10目录下有一个Java源文件Area.java，用来求圆的面积。

源文件内容如下：public class area{ //main():程序入口public static void main(String[] args){ //定义常量π,并用标识符VALUE_PAI表示final double VALUE_PAI=3.14;//设置半径double radius=2.5;//进行计算double area=VALUE_PAI*radius*radius;//显示结果System.out.println("The radius is: "+radius);System.out.println("The area of thiscircle is:"+" "+area);}}编译情况如右图所示：根据错误提示，找出错误原因并改正，运行出正确结果并记录。

jsp实验二

实验二1．实验目的（1）掌握怎样在JSP页面中使用page指令设置contentType的值；使用include指令在JSP页面中静态插入一个文件的内容。

（2）掌握怎样在JSP页面中使用include标记动态加载文件；使用forward实现页面的转向。

2．实验内容（1）编写三个JSP页面：first.jsp 、second.jsp和third.jsp。

另外，要求用“记事本”编写一个txt文件hello.txt。

hello.txt的每行有若干个英文单词，;单词之间用空格分隔，每行之间用“<BR>”分隔，如下所示：hello.txtpackage apple void back public <BR>private throw class hello welcome（2）编写四个JSP页面：one.jsp 、two.jsp、three.jsp和error.jsp。

one.jsp 、two.jsp和three.jsp 页面都含有一个一个导航条，以便让用户方便地单击超链接访问这三个页面，要求这三个页面通过使用include动作标记动态加载导航条文件：head.txt。

导航条文件head.txt 的内容如下所示：head.txt<%@ page contentType="text/html;charset=GB2312" %><table cellSpacing="1" cellPadding="1" width="60%" align="center" border="0" ><tr valign="bottom"><td><A href="one.jsp"><font size=3>one.jsp页面</font></A></td><td><A href="two.jsp"><font size=3>two.jsp页面</font></A></td><td><A href="three.jsp"><font size=3>three.jsp页面</font></A></td></tr></Font></table>3. 实验要求1、first.jsp<%@ page contentType="text/plain;charset=GB2312" %><%@ include file="hello.txt" %><HTML><BODY bgcolor=yellow><P>我是first.jsp页面</BODY></HTML>2、second.jsp<%@ page contentType="application/vnd.ms-powerpoint;charset=GB2312" %> <%@ include file="hello.txt" %><HTML><BODY bgcolor=yellow><P>我是second.jsp页面</BODY></HTML>3、third.jsp<%@ page contentType="application/msword;charset=GB2312" %><%@ include file="hello.txt" %><HTML><BODY bgcolor=yellow><P>我是second.jsp页面</BODY></HTML>4、one.jsp<%@ page contentType="text/html; charset=GB2312" %><HTML><HEAD><jsp:include page="head.txt" /></HEAD><BODY bgcolor=yellow><FORM action="" method="get">请输入1至100之间的整数：<input type="text" name="number"><BR><input type="submit" value="送出" name=submit></FORM><% String num=request.getParameter("number");if(num==null)num="0";try{ int n=Integer.parseInt(num);if(n>=1&&n<=50){%> <jsp:forward page="two.jsp"><jsp:param name="txtnum" value="<%=n %>" /></jsp:forward><% }else if(n>50&&n<=100){%> <jsp:forward page="three.jsp"><jsp:param name="txtnum" value="<%=n %>" /></jsp:forward><% }else if(n>100){%> <jsp:forward page="error.jsp"><jsp:param name="mess" value="<%=n %>" /></jsp:forward><% }}catch(Exception e){%> <jsp:forward page="error.jsp"><jsp:param name="mess" value="<%=e.toString() %>" /> </jsp:forward><% } %></BODY></HTML>two.jsp<%@ page contentType="text/html; charset=GB2312" %><HTML><HEAD><jsp:include page="head.txt" /></HEAD><BODY bgcolor=yellow>this is two.jsp<% String s=request.getParameter("txtnum");out.println("<BR>传递过来的值是：" + s);%><BR><img src="image/a.jpg" width="<%=s %>" height="<%=s %>" ></img> </BODY></HTML>three.jsp<%@ page contentType="text/html; charset=GB2312" %><HTML><HEAD><jsp:include page="head.txt" /></HEAD><BODY bgcolor=yellow>this is three.jsp<% String s=request.getParameter("txtnum");out.println("<BR>传递过来的值是：" + s);%> <BR><img src="image/b.jpg" width="<%=s %>" height="<%=s %>" ></img> </BODY></HTML>error.jsp<%@ page contentType="text/html; charset=GB2312" %><HTML><HEAD><jsp:include page="head.txt" /></HEAD><BODY bgcolor=yellow>this is error.jsp<% String s=request.getParameter("mess");out.println("<BR>传递过来的值是：" + s);%> <BR><img src="image/error.jpg" width="120" height="120" ></img> </BODY></HTML>。

《JSP应用技术》实验指导书

实验四利用request和response对象进行设计一、实验目的1.理解内置对象的概念；2.熟练掌握request对象如何获取客户端信息；3.熟练掌握response对象的动态响应功能和重定向功能；4.熟练编写简单的JSP实用程序。

二、实验环境与地点：PC机一台：JDK6.0+Tomcat6.0+编辑器三、实验内容与步骤：在webapps目录下新建一个Web服务目录：chapter4。

将以下编写的JSP页面保存到chapter4中。

1.编写一个简单的用户注册页面register.jsp，页面中包括用户名、密码、年龄、性别、爱好等信息。

要求：（1）密码不能少于6位，年龄必须在10到100岁之间，性别采用单选按钮实现，爱好采用复选框实现；（2）在result.jsp页面获取输入的信息，若有信息不符合条件，response对象将用户重新定向到注册页面使其重新输入信息；若符合条件，则将信息显示出来。

（3）完成以下任务：①画出register.jsp页面的运行效果图。

②给出result.jsp页面中获取register.jsp页面提交的用户信息的代码。

③如果register.jsp表单提交的信息中有汉字，result.jsp页面应怎样处理？④给出result.jsp页面中判断用户信息是否符合条件并作出相应处理的代码。

2. 制作如下图所示的JSP程序inputNumber.jsp。

要求：（1）select下拉列表中有加、减、乘、除四个选项；（2）用户点击“提交”按钮后提交到inputNumber.jsp页面完成数据的处理，并将结果显示在JSP页面。

（3）写出inputNumber.jsp的代码。

四、实验总结与分析1．2．实验五利用session和application对象进行设计一、实验目的1.理解session对象的会话功能；2.理解application对象的应用程序级变量；3.能够掌握出session和application二者的区别；4.熟练掌握session对象如何存储与用户有关的数据；5.熟练掌握application对象如何存储与web服务有关的数据。

jsp实验指导2

实验二request内置对象的使用（2学时）【实验目的】1.掌握html表单的制作。

2.掌握如何使用request对象的方法获取数据信息。

3.掌握如何进行表单处理并进行显示。

4.掌握如何处理乱码问题。

【实验要求】包含两个页面，一个为表单页面index.jsp，另一个为处理页面receive.jsp1.制作一个表单，内容包括文本、单选、多选和提交按钮。

2.通过request方法的接收，将表单中填写和选择好的信息显示在页面中。

3.显示页面不能有中文乱码。

【实验环境】Eclipse 3.2 + MyEclipse 5.5 + Tomcat5.5【实验内容】index.jsp文件主要代码部分<BODY bgcolor=cyan><Font size=3><FORM action="receive.jsp" method=post name=form><P>请输入下列信息：<BR>输入您的姓名:<INPUT type="text" name="name" value="张三"></BR> <BR>选择性别:<INPUT type="radio" name="R" value="男"checked="default">男<INPUT type="radio" name="R" value="女">女</BR><BR>选择您喜欢的歌手:<input type="checkbox" name="superstar" value="张歌手" >张歌手<input type="checkbox" name="superstar" value="李歌手" >李歌手<input type="checkbox" name="superstar" value="刘歌手" >刘歌手<input type="checkbox" name="superstar" value="王歌手" >王歌手</BR><INPUT TYPE="hidden" value="这是隐藏信息" name="secret"><INPUT TYPE="submit" value="提交" name="submit"></FORM>Index.jsp的执行页面如下：Receive.jsp文件主要代码部分。

实验二JSP基本动态元素的使用

实验⼆JSP基本动态元素的使⽤实验⼆ JSP基本动态元素的使⽤实验性质：验证性实验学时： 2学时实验地点：⼀、实验⽬的与要求1、掌握JSP中声明变量、定义⽅法、java程序⽚及表达式的使⽤⽅法。

2、了解JSP页⾯的底层⼯作机制。

⼆、实验内容1、JSP页⾯中声明变量、⽅法定义及表达式应⽤。

（1）有如下的JSP代码段：……<body><%!String s="这⾥⼀个String类型的变量";String t( ){return "这⾥是⼀个⽅法的返回值";}%><p> <%=t( )%> </p><p> <%=s%> </p>……页⾯浏览的结果是：这⾥是⼀个⽅法的返回值这⾥⼀个String类型的变量（2）假设有两个⽤户访问下列JSP页⾯hello.jsp，请问第⼀个访问和第⼆个访问hello.jsp页⾯的⽤户看到的页⾯效果是否⼀致？如不⼀致，有何不同？请写出具体的结果。

hello.jsp<%@ page contentType="text/html;charset=gb2312"%><html><body> <%! int sum=0;void add(int m) {sum=sum+m;}%><%int n=100;add(n);%><%=sum%></body></html>答：两个⽤户看到的不⼀致，第⼀个⽤户看到的是100，第⼆个⽤户看到的是200.2、JSP页⾯中Java程序⽚的使⽤（1）编写名为shiyan2_2.jsp的JSP页⾯，显⽰九九乘法表（注意格式的控制）。

按上述要求写出程序代码。

<%@ page language="java" contentType="text/html; charset=UTF-8"%><html><body><%for(int i=1;i<=9;i++){for(int j=1;j<=i;j++){out.print(j+"*"+i+"="+i*j+"");}out.print("<br/>");}%></body></html>（2）编写名为shiyan2_3.jsp的JSP页⾯，该页⾯的功能是产⽣⼀个7-22的随机数，当该随机数⼩于13时，显⽰⼩学⽣的图⽚，当该随机数⼤于13⼩于18时，显⽰中学⽣的图⽚，否则显⽰⼤学⽣的图⽚（图⽚⾃选⼀张）。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

大连东软信息学院
《Web开发技术（Java）III》
实验指导书
编写者：张明会
软件工程系
实验4：使用JSP动作制作简单的动态页面
1.学时
2学时
2.实验目的与要求
【目的】通过实验使学生掌握JSP页面元素中的include动作、forward动作和param 动作的作用，并能应用于实际开发。

【提交成果物】程序代码
3.实验环境
Eclipse，jdk1.8，浏览器，Tomcat7
4.准备工作
（1）include动作的基本用法
<jsp:include page=””/>
（2）forward动作的基本用法
<jsp: forward page=””/>
5.实验内容
内容1：设计5个JSP页面:login.jsp check.jsp welcome.jsp forbid.jsp footer.jsp，要求将login.jsp welcome.jsp forbid.jsp页面下方的红向及超链接信息写入至
footer.jsp中，使用动态包含动作加入其中。

（1）login.jsp效果如下：
（2）用户输入姓名和年龄后，按下进入按钮转入check.jsp，这个页面判断年龄是否大于18岁，若大于18岁，则转向welcome.jsp显示图左，否则请求转发至forbid.jsp 显示图右：
内容2：
编程实现两个页面，分别是test.jsp和box.jsp，要求使用include动作在test.jsp中动态插入box.jsp文件。

同时test.jsp文件向box.jsp文件传递三个参数，并由box.jsp文件负责将这三个参数的值输出显示，三个参数分别为：
name="No",value="12120800314";
name="stuname",value="zhangsan";
name="score",value="100"
运行test.jsp后，程序参考执行效果如下：
No: 12120800314
Name: Saryuna
Score:100
请分别编写test.jsp和box.jsp文件实现上述功能。

6.实验效果
略
7.课后实验
（1）你正在开发一个购书网站，网站登录页面为login.jsp，登录信息由deal.jsp页面处理。

deal.jsp根据登录者相应权限转到不同页面，如果是管理员（管理员用户名为admin,密码不暂不做验证）登录，登录以后将看到商品信息维护页面（manager.jsp）；否则为普通用户，登录后可以看到图书购买页面（user.jsp）。

请编程实现login.jsp和deal.jsp。

（2）四个页面：score.html，forward.jsp，pass.jsp，fail.jsp,若输入分数大于60分，则转到pass.jsp，否则转到fail.jsp.
提示：数据类型转换int i= Integer.parseInt(str);
score.html运行效果如下，记得<form>标签中提交到forward.jsp，有个文本框名字叫"score"：
forward.jsp如下：。