Web程序设计(JSP)实验

Web程序设计(JSP)实验第1页共34页WEB程序设计(JSP)实验计算机科学与信息学院汪国武实验一JSP实验环境组建与简单JSP应用1．开发环境搭建Step1:安装和设置JDK以jdk1.6为例，安装位置C:\ProgramFiles\Java\jdk1.6.0_12创建环境变量：JAVA_HOME为C:\ProgramFiles\Java\jdk1.6.0_12在建环境变量PATH中添加：%JAVA_HOME%\bin;创建环境变量CLASSPATH:%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;Step2:安装支持JSP的Web服务器以Tomcat6.0.29为例，安装位置d:\Tomcat6Step3:安装MyEclipse安装MyEclipse7.0Step4:设置Tomcat,可以从MyEclipse中直接启动Tomcat6操作步骤：WindowPreferencesMyEclipseEnterpriseWorkbenchMyEclipseServersTomcatTomcat6.xTomcatServer选择EnableTomcathomedirectory：d:\tomcat6设置Tomcat运行使用的JDK：展开Tomcat6.x，单击JDK，单击tomcatJDKname:后的Add,在打开的页面中，单击JREhome后的Directory按钮，选择输入C:\ProgramFiles\Java\jdk1.6.0_122.开发和运行JSP程序创建Web项目FileNewWebProject(如：Myjsp)新建JSP文件(如firstJsp.jsp)编辑JSP文件(可借助DreamWeaver)发布项目到Tomcat右击项目名称MyjspMyEclipseAddandRemoveProjectDeploymentsProject:选择Myjsp项目，并单击Add，弹出ProjectDeployments对话框，在对话框中，选择server为Tomcat6.x,并单击Finish运行测试启动Tomcat6.xWeb程序设计(JSP)实验第2页共34页运行JSP文件浏览器中输入：实验二JSP语法的应用实验内容和要求：1．实现客户在一个登录页面form.jsp（如图2-1）输入登录信息并单击“确定”后跳转到另一个页面doForm.jsp（如图2-2）输出“用户名”和“口令”信息。图2-1图2-2要求：分别用下列三种方法实现。（1）创建一个JavaBean----User类，该类含有两个属性username和password,给每个属性增加相应的get和set方法。在doForm.jsp页面中用jsp:useBean动作标识实例化User类对象，再使用jsp:setProperty动作标识来把客户在form.jsp表单中填写的值赋给对象，最后用jsp:getProperty在页面输出结果。（2）创建一个JavaBean----User类，该类含有两个属性username和password,给每个属性增加相应的get和set方法。在doForm.jsp页面中采用Java以jsp脚本代码(scriptlet)方式实例化User类对象，用setAttribute()函数把对象写入request或session中，再使用jsp:setProperty动作标识来把客户在form.jsp表单中填写的值赋给对象，最后用jsp表达式的方式把对象的信息输出到页面中。（3）不创建JavaBean----User类。在doForm.jsp页面中用getParameter()来获取客户在form.jsp表单中填写的值，最后输出相关信息。参考答案：方法（1）User.java(代码2-1),内容如下：publicclassUser{privateStringusername;privateStringpassword;publicvoidsetUsername(Stringusername){this.username=username;Web程序设计(JSP)实验第3页共34页}publicStringgetUsername(){returnusername;}publicvoidsetPassword(Stringpassword){this.password=password;}publicStringgetPassword(){returnpassword;}}form.jsp(代码2-2),内容如下%@pagelanguage=javaimport=java.util.*pageEncoding=gb2312%htmlhead/headbodyformaction=doForm.jsp用户名：inputtype=textname=username/br口令：inputtype=passwordname=password/brinputtype=submitvalue=提交/inputtype=resetvalue=重置//form/body/htmldoForm.jsp(代码2-3),内容如下%@pagelanguage=javaimport=java.util.*pageEncoding=gb2312%htmlhead/headbodyjsp:useBeanid=userclass=bean.Userscope=request/jsp:useBeanjsp:setPropertyname=userproperty=*/用户名：jsp:getPropertyname=userproperty=username/br口令：jsp:getPropertyname=userproperty=password//body/html方法（2）User.java同代码2-1，form.jsp同代码2-2doForm.jsp（代码2-4），内容如下：%@pagelanguage=javaimport=java.util.*pageEncoding=gb2312%%@pageimport=bean.User%htmlhead/headbodyWeb程序设计(JSP)实验第4页共34页%UseruserInfo=newUser();request.setAttribute(user,userInfo);%jsp:setPropertyname=userproperty=*/用户名：%=userInfo.getUsername()%br口令：%=userInfo.getPassword()%/body/html方法（3）form.jsp同代码2-2doForm.jsp（代码2-5），内容如下：%@pagelanguage=javaimport=java.util.*pageEncoding=gb2312%%@pageimport=bean.User%htmlhead/headbody用户名：%=request.getParameter(username)%br口令：%=request.getParameter(password)%/body/html实验三JSP内置对象的应用实验内容和要求：对实验二的内容进行扩展，必须实现以下4个jsp文件，采用jsp+JavaBean实现。(1)login.jsp:登录页面，如图2-1所示。(2)doLogin.jsp(无界面):登录处理页面，假定正确的用户名为admin,口令为123。如果用户名和口令不正确则显示登录错误信息，否则登录成功后，重定向到messageBoard.jsp(留言板页面)，可以进行留言。(3)messageBoard.jsp:留言板页面,能实现如图3-1所示的留言。Web程序设计(JSP)实验第5页共34页图3-1(4)showMessage.jsp：显示留言信息页面，如图3-2所示。该页面能显示留言者(必须为login.jsp页面中输入的用户名)、标题和内容，要求能正确显示图3-1所示的留言内容。提示：留言者的用session保存图3-2参考答案：login.jsp(代码3-1),内容如下%@pagelanguage=javaimport=java.util.*pageEncoding=gb2312%htmlWeb程序设计(JSP)实验第6页共34页head/headbodyformaction=doForm.jsp用户名：inputtype=textname=username/br口令：inputtype=passwordname=password/brinputtype=submitvalue=提交/inputtype=resetvalue=重置//form/body/htmldoLogin.jsp(代码3-2),内容如下%@pagelanguage=javapageEncoding=gb2312%%StringuserName=request.getParameter(username);//获取用户名session.setAttribute(name,userName);//用户名写入session，显示留言时需要StringpassWord=request.getParameter(password);//获取口令if(userName.equals(admin)&&passWord.equals(123))//用户名和密码正确response.sendRedirect(messageBoard.jsp);//重定向到留言页面elseresponse.sendError(500,登陆错误，用户名或密码不正确！);%messageBoard.jsp(代码3-3),内容如下%@pagecontentType=text/html;charset=gb2312%formaction=showMessage.jspmethod=posttableborder=1rules=rowstrheight=30td留言标题：/tdtdinputtype=textname=titlesize=35/td/trtrtd留言内容：/tdtdtextareaname=contentrows=8cols=34/textarea/td/trtralign=centerheight=30tdcolspan=2inputtype=submitvalue=提交inputtype=resetvalue=重置/td/table/formshowMessage.jsp(代码3-4),内容如下%@pagecontentType=text/html;charset=gb2312%%@pageimport=bean.toolbean.MyTools%Web程序设计(JSP)实验第7页共34页jsp:useBeanid=messageclass=bean.valuebean.Messagescope=requestjsp:setPropertyname=messageproperty=*//jsp:useBeanhtmltitle显示留言信息/titlebody留言者：%=session.getAttribute(name)%br留言标题：%=MyTool