Web程序设计实验指导书.docx

Web程序设计实验指导书实验学时：28序号实验名称内容要求实验学时每组人数实验属性开出要求1实验一JSP实验环境组建与JSP应用JSP运行原理；JSP开发环境的搭配；创建第1个JSP程序并部署运行。21综合必做2实验二 JSP语法JSP脚本元素；掌握JSP注释方式；掌握JSP指令元素；掌握JSP动作元素的相关知识。21综合必做3实验三 JSP内置对象内置对象的概念；请求对象request；响应对象response；会话对象session；多客户端共享对象application；页面对象page和页面上下文对象pageContext； 输出对象out、配置对象config、异常对象exception。41综合必做4实验四JavaBean组件技术JavaBean属性和作用域21综合必做5实验五Servlet核心技术获取运行环境信息的方法；Servlet会话设置和异常设置；Servlet过滤器和监听器的工作原理；Servlet过滤器和监听器的具体应用。41综合必做6实验六JSP操作数据库核心技术JDBC执行步骤；JDBC的常用接口及使用方法；如何应用JDBC事务；如何利用数据库连接池技术访问数据库。41综合必做7实验七JSP核心表达式与标签EL表达式；JSP表达式隐藏对象；JSTL标签和JSTL的获取、安装、和配置； JSTL核心标签的功能和使用方法。41综合必做8实验八Web实例开发利用JSP、Servlet、JDBC技术开发Web应用程序的开发流程。61综合必做实验一 JSP实验环境组建与JSP应用（2学时）一、实验目的（1）通过运行程序，了解JSP的运行原理；（2）掌握JSP开发环境的配置和部署；（3）部署运行JSP程序。二、实验内容1.开发环境搭建Step1:安装和设置JDK以jdk1.6为例，安装位置C:Program FilesJavajdk1.6.0_12创建环境变量：JAVA_HOME为C:Program FilesJavajdk1.6.0_12在建环境变量PATH中添加：%JAVA_HOME%bin;创建环境变量CLASSPATH:%JAVA_HOME%libdt.jar;%JAVA_HOME%libtools.jar;Step2:安装支持JSP的Web服务器以Tomcat6.0.29为例，安装位置d:Tomcat6Step3:安装MyEclipse安装MyEclipse9Step4:设置Tomcat,可以从MyEclipse中直接启动Tomcat6操作步骤：WindowPreferencesMyEclipse Enterprise Workbench MyEclipseServersTomcatTomcat6.x l Tomcat Server选择Enablel Tomcat home directory：d:tomcat6l 设置Tomcat运行使用的JDK：展开Tomcat6.x，单击JDK，单击tomcat JDK name:后的Add,在打开的页面中，单击JRE home后的Directory按钮，选择输入C:Program FilesJavajdk1.6.0_122.开发和运行JSP程序n 创建Web项目FileNewWeb Project(如：Myjsp)n 新建JSP文件(如firstJsp.jsp)n 编辑JSP文件n 发布项目到Tomcat右击项目名称MyjspMyEclipseAdd and Remove Project DeploymentsProject:选择Myjsp项目，并单击Add，弹出Project Deployments对话框，在对话框中，选择server为Tomcat 6.x,并单击Finishn 运行测试n 启动Tomcat 6.xn 运行JSP文件浏览器中输入：http:/localhost:8080/Myjsp/firstJsp.jsp3.练习（1）编写一个JSP程序，在页面中输入系统时间，要求：输入的系统时间时判断当前时间是“上午”、“中午”还是“下午”，并给出友好的提示信息。例如，当前系统时间是上午，在页面输出“早上好，新的一天即将开始，你准备好了吗？”；当前系统时间是中午，在页面输出“午休时间，正午好时光！”；当前系统时间是下午，在页面中输出“下午继续努力工作吧”。参考代码： output the system time! =1 & h=13 & h （2）编写一个电子商城的用户注册页面，要求该主页面中包含用户设置的用户名、密码、真实姓名、性别、年龄等表单，并使用Javascript编写函数，当用户点击“提交”按钮时，会检查用户名、密码、真实姓名等项是否为空。三、复习和预习内容眼过千遍不如手动一遍，所以一定要多动手写程序，才可能真正的理解程序的逻辑和内涵。复习JSP程序的结构、部署和运行过程；预习JSP语法的相关内容。希望大家能在实验中多思考，多给自己提问题，多设想几种可能。做实验时不要满足于验证书本知识。在以后的实验中，请读者自己设计具体的实验步骤，尽可能自己补充增加一些内容，以提高自己的实践能力。实验二 JSP语法（2学时）一、实验目的（1）掌握JSP文件的HTML元素等的使用。（2）掌握JSP文件中的脚本元素、指令元素和动作元素，灵活使用JSP中的各种元素。二、实验内容1、通过include指令元素，制作一个新闻网页的首页，其中，该页面上侧包含新闻的logo图片，左侧包含含有新闻类别的超链接信息，右侧包含所有新闻的查询信息。（1）创建名称“top.jsp”页面，该页面的主要代码如下：无标题文档新闻LOGO区域（2）创建名称“left.jsp”页面，该页面的主要代码如下：无标题文档新闻操作区域（3）创建名称“right.jsp”页面，该页面的主要代码如下：无标题文档新闻显示区域（4）创建名称“down.jsp”页面，该页面的主要代码如下：无标题文档网站版权信息区域（5）创建名称“index.jsp”页面，该页面的主要代码如下：新闻首页模板设计 （6）程序运行结果如下图所示。2、编写一个电子商城的用户注册页面，要求该主页面中包含用户设置的用户名、密码、真实姓名、性别、年龄等表单，并使用JavaScript编写函数，当用户单击“提交”按钮时，会检测用户名、密码和真实姓名等项是否为空。用户注册function userCheck() if (document.form1.username.value = ) window.alert(请输入用户名);return false;if (document.form1.password.value = ) window.alert(请输入用户密码);return false;if (document.form1.repassword.value = ) window.alert(请输入密码确认);return false;if (document.form1.repassword.value != document.form1.password.value) window.alert(您输入的两次密码并不相同);return false;if (document.form1.realname.value = ) window.alert(请输入用户真实姓名！);return false;if (document.form1.realname.value = ) window.alert(请输入用户真实姓名！);return false;if (document.form1.age.value = ) window.alert(请输入用户年龄！);return false;if (document.form1.born.value = ) window.alert(请输入出生日期);return false;if (document.form1.address.value = ) window.alert(请输入地址);return false;if (roduce.value = ) window.alert(请输入自我介绍);return false;return true;用户名：密码：确认：用户真实姓名：性别：  男    女 年龄：出生：地址：介绍： 程序运行结果如下图所示。实验三 JSP内置对象（4学时）一、实验目的（1）掌握内置对象request、response、session、application、out和exception等的含义、用法和作用域范围。（2）在实际应用中，根据不同的需求使用JSP不同作用域范围的内置对象。二、实验内容1、实现客户端的登录和留言页面等。(1) login.jsp:登录页面，如图3-1所示。图3-1(2) doLogin.jsp(无页面):登录处理页面，假定正确的用户名为admin,口令为123。如果用户名和口令不正确则显示登录错误信息，否则登录成功后，重定向到messageBoard.jsp(留言板页面)，可以进行留言。(3) messageBoard.jsp: 留言板页面,能实现如图3-1所示的留言。图3-2(4) showMessage.jsp：显示留言信息页面，如图3-3所示。该页面能显示留言者(必须为login.jsp页面中输入的用户名)、标题和内容，要求能正确显示图3-2所示的留言内容。提示：留言者的用session保存图3-3参考代码：login.jsp: 用户名：口 令：doLogin.jsp: messageBoard.jsp发言标题：发言内容：showMessage.jsp：显示留言信息留言者：bean.Message.javapackage bean;public class Message private String title;/存储留言标题private String content;/存储留言内容public String getContent() return content;public void setContent(String content) this.content = content;public String getTitle() return title;public void setTitle(String title) this.title = title;2、编写用户注册实例，当在用户注册页面中没有输入任何信息时，则返回用户注册页面，如果在用户注册页面中输入完整的用户注册信息后，则进入显示用户注册信息页面。(选做)（1）创建名称为“UserInfo.java”类文件，该文件的主要代码如下：package com;public class UserInfo private String username=;private String password=;private String repassword=;private String realname=;private String sex=;private String age=;private String born=;private String address=;private String introduce=;public String getUsername() return username;public void setUsername(String username) this.username = username;public String getPassword() return password;public void setPassword(String password) this.password = password;public String getRepassword() return repassword;public void setRepassword(String repassword) this.repassword = repassword;public String getRealname() return realname;public void setRealname(String realname) this.realname = realname;public String getSex() return sex;public void setSex(String sex) this.sex = sex;public String getAge() return age;public void setAge(String age) this.age = age;public String getBorn() return born;public void setBorn(String born) this.born = born;public String getAddress() return address;public void setAddress(String address) this.address = address;public String getIntroduce() return introduce;public void setIntroduce(String introduce) roduce = introduce;（2）用户注册页面的代码如下：用户注册function userCheck() if (document.form1.username.value = ) window.alert(请输入用户名);return false;if (document.form1.password.value = ) window.alert(请输入用户密码);return false;if (document.form1.repassword.value = ) window.alert(请输入密码确认);return false;if (document.form1.repassword.value != document.form1.password.value) window.alert(您输入的两次密码并不相同);return false;if (document.form1.realname.value = ) window.alert(请输入用户真实姓名！);return false;if (document.form1.realname.value = ) window.alert(请输入用户真实姓名！);return false;if (document.form1.age.value = ) window.alert(请输入用户年龄！);return false;if (document.form1.born.value = ) window.alert(请输入出生日期);return false;if (document.form1.address.value = ) window.alert(请输入地址);return false;if (roduce.value = ) window.alert(请输入自我介绍);return false;return true;用户名：密码：确认：用户真实姓名：性别：  男    女 年龄：出生：地址：介绍： （3）显示用户注册信息的页面代码如下：显示用户注册信息用户名：密码：确认：用户真实姓名：性别： 年龄：出生：地址：介绍：（4）实例执行过程如下图所示。三、复习和预习内容眼过千遍不如手动一遍，所以一定要多动手写程序，才可能真正的理解程序的逻辑和内涵。复习JSP语法；预习JSP内置对象的相关内容。希望大家能在实验中多思考，多给自己提问题，多设想几种可能。做实验时不要满足于验证书本知识。在以后的实验中，请读者自己设计具体的实验步骤，尽可能自己补充增加一些内容，以提高自己的实践能力。实验四 JavaBean组件技术一、实验目的（1）掌握JavaBean属性和作用域。（2）在实际应用中，能够灵活使用JavaBean的相关知识。二、实验内容1、实现客户在一个登录页面form.jsp（如图4-1）输入登录信息并单击“确定”后，跳转到另一个页面doForm.jsp（如图4-2）输出“用户名”和“口令”信息。图4-1 图4-2 要求：分别用下列三种方法实现。（1）创建一个JavaBean-User类，该类含有两个属性username和password,给每个属性增加相应的get和set方法。在doForm.jsp页面中用动作标识实例化User类对象，再使用动作标识来把客户在form.jsp表单中填写的值赋给对象，最后用在页面输出结果。（2）创建一个JavaBean-User类，该类含有两个属性username和password,给每个属性增加相应的get和set方法。在doForm.jsp页面中采用Java以jsp脚本代码(scriptlet)方式实例化User类对象，用setAttribute()函数把对象写入request或session中，再使用动作标识来把客户在form.jsp表单中填写的值赋给对象，最后用jsp表达式的方式把对象的信息输出到页面中。（3）不创建JavaBean-User类。在doForm.jsp页面中用getParameter()来获取客户在form.jsp表单中填写的值，最后输出相关信息。参考代码：form.jsp: My JSP forward1.jsp starting page Enter your systemName: Password: function checkInput() if(=document.form1.username.value | =document.form1.password.value ) window.alert(Please input name and password!); return false; doform.jsp doForm.jsp page % String name=request.getParameter(username); String paword=request.getParameter(password); out.println(Name:+name+); out.println(Password:+paword+); % Name: Password: Name: Password: Name: Password: Users.java代码：package bean;public class User private String username;private String password;public void setUsername(String username) this.username = username;public String getUsername() return username;public void setPassword(String password) this.passwor