桂工电子商务专业jsp课程报告

《桂工电子商务专业jsp课程报告》由会员分享，可在线阅读，更多相关《桂工电子商务专业jsp课程报告（107页珍藏版）》请在装配图网上搜索。

1、 2015 - 2016 学年第 1 学期电子商务网页设设计JSPJSP Webb Proggrammiing off Electrronic Commeerce 实 验 报 告告 专 业：班 级：姓 名：学 号：指导教师： 20016年 1 月 5 日实验一 搭建JJSP编程环环境1.1实验目的的1、掌握JSPP运行环境的的配置（JDDK、Tommcat）2、掌握JSPP程序的编写写、部署等过过程3、熟悉MyEEclipsse开发环境境的基本使用用方法1.2 实验要要求1、安装JDKK、Tomccat，配置环境变变量：Patth、ClasssPath，测测试Tomccat2、编写第一个个JS

2、P程序序并在Tommcat部署署运行。3、安装MyEEclipsse，并使用用MyEcliipse编写写JSP程序。 1.3 实验内内容1.3.1 JJDK安装与与配置1、安装JDKK，按照安装装提示依次完完成安装。操作截图如下：2、配置环境变变量：1) 选择“高高级”选项页；单单击“环境变量”按钮，弹出出“环境变量”对话框；2) 选择“新新建系统变量量”，弹出“新建系统变变量”对话框，在在“变量名”文本框输入入“JAVA_HOME”,在“变量值”文本框输入入JDK的安安装路径；操作截图如下：3) 编辑“系系统变量”中的”Path”变量的值，在在“变量值”最后增加JJDK安装目目录下的biin

3、目录，例例如 %JAAVA_HOOME%bbin; 操作截图如下：4) 在“系统统变量”选项区域中中查看CLAASSPATTH 变量，如如果不存在，则则新建变量CCLASSPPATH，否否则选中该变变量，单击“编辑”按钮，在“变量值”文本框的起起始位置添加加 .;%JJAVA_HHOME%lib;操作截图如下：3、验证：进入命令行控制制台，分别输输入“java“、“java -verssion“和“javacc“命令，看是否否能够出现正正确的提示信信息。操作截图如下： 1.3.2 TTomcatt的安装与配配置Tomcat是是Apachhe中Jakarrta 项目目中的一个核核心开源项目，是比

4、较流行行的Web 应用服务器器，是一个Seervlett和JSP容容器，可以解析HHTML 、JSP、Servleet等，Tomcaat 8.00下载地址：http:/tommcat.aapachee.org/downlload-880.cgii1、安装：绿色色软件，直接接解压缩至DD:Proogram Filess目录下即可可。2、测试：打开开Tomcaat的安装目目录下的biin文件夹，运运行starrtup.bbat（启动动服务器），测测试地址：hhttp:/locaalhostt:80800/，出现下下图2表明Tomccat安装成成功。3、shutddown.bbat（关闭闭服务器）4

5、、熟悉Tommcat的安安装目录weebappss目录。操作截图如下：1.3.3 编编写第一个JJSP程序1、新建工程程目录：在TTomcatt的安装目录录webappps目录新新建一个MyyApp文件件夹，在MyyApp目录录下新建一个个WEB-IINF文件夹夹，在WEBB-INF文文件夹中建立立lib、cclassees文件夹。2、编写JSSP程序：在在MyAppp目录下新建建一个inddex.jssp的文件，使使用subllime软件件打开编写如如下程序，并并保存。3、在WEB-INF文件件夹下新建部部署描述文件件web.xmml（可以从从webappps目录中中的exammples文文

6、件夹中复制制过来，并去去掉中间的内内容，只留下下web-aapp的标签签）4、启动Tommcat服务务器，并在浏浏览器地址栏栏输入：htttp:/locallhost:8080/MyAppp，查看运行行结果。5、修改inddex.jssp的文件名名为myappp.jspp，然后启动动服务器，并并在地址栏输输入httpp:/loocalhoost:80080/MyyApp有什什么结果？为为什么？应该该怎么做？答：显示错误。因因为地址变了了。http:/loccalhosst:80880/MyAApp/myyapp.jjsp就可以以运行了。应该6、尝试修改TTomcatt的默认端口口：Tomcca

7、t安装目目录-cconf-servver.xmml操作截图如下： 1.3.3 MMyEcliipse 集集成开发环境境的使用1、安装MyyEclippse：安装装提示安装在在非系统盘下下。2、使用破解解工具完成注注册(1)使用CCrackeer破解:运运行run.bat输入useercodee-systtemldtoolss-（请参参考破解软件件上的步骤）3、优化MyEEclipsse：（可不不做）(1)配置JJDK（可不不配置，使用用自带）Window-prefeerencee(首选项)-Javaa-Insttalledd JRESS-ADDstanddard vvm-ddirecttory

8、找到JDKK的安装目录录1.8打勾完成。(2)设置智能能提示Window-prefeerencee(首选项)JavaEditoorConteent Asssist(内容辅助)200修改为220Auto acctivattion TTriggeers foor javva (自动动激活触发器器)修改为 .abccdefghhijklmmnopqrrstuvwwxyzABBCDEFGGHIJKLLMNOPQQRSTUVVWXYZ(3)其他：百百度搜索MyyEclippse优化，自自行查看相关关优化的资料料4、配置自己己的Tomccat，wiindow-preeferennces-Myecclips

9、ee-Seerverss-Ruuntimee Enviironmeents-Add-Apaache TTomcatt v8.00-neext-Browwse(找到到tomcaat8.0的的安装目录)-fiinish操作截图如下： 5、使用MyyEclippse新建JJava wweb工程项项目，并重新新编写以上iindex.jsp程序序(1) 工工作台界面：Packagee expllorer （packkage浏览览器）显示当前worrkspacce目录下的的工程文件 及包含的文文件Outlinee（大纲视图图）显示当前打开的的java文文件的结构Problemms视图显示当前编辑的的Jav

10、a类类的错误信息息Consolee（控制台）显示程序的相关关输出调试、运行调试、运行按钮钮操作截图如下：1.4 实验总总结请书写你对本次次实验有哪些些实质性的收收获和体会，以以及对本次实实验有何良好好的建议？本本实验，目的的是熟悉答：学会了用JJDK、Tomcaat、MyEcllipse的的安装与配置置，为后续的的实验作好准准备工作。明明白了JDKK的安装与配配置；Tommcat的安安装与配置、修修改端口号、启启动与停止、测测试；MyEEclipsse的安装与与配置。在整个实验过程程中掌握了JJSP环境搭搭建特别是环环境变量的配配置以及如何何配置好Toomcat服服务器；学会会建立第一个个JS

11、P页面，其其中要注意实实现简单出输输。在Tommcat 66.0coonf中找到到serveer.xmll文件修改端端口号80880；启动Tommcat服务务器（如果已已经启动，必必须关闭Toomcat服服务器，并重重新启动）。用用文本编辑器器编写一个JJSP页面，并并保存到weebappssROOTT目录中。用用浏览器访问问webapppsROOOT目中的的JSP页面。实验一补充 初初识Servvlet1.1实验目的的1、学习了解sservleet的结构2、掌握手动编编写Servvlet程序序3、部署Serrvlet1.2 实验要要求1、按要求手动动编写一个SServellt 1.3 实验内

12、内容1.3.1 第第一个Serrvlet程程序1、根据下图，在在任意目录中完完成工程文件件的建立。操作截图如下：2、在src文文件夹下编写写Servllet程序：Ch1Seervlett.javaa，并根据上上下文，完成成填空。操作截图如下:3、编写部署描描述文件，并并配置serrvlet，放放在etc文文件夹中。根根据上下文，填填空操作截图如下：4、编译Serrvlet文文件：Ch11Servllet.jaava（1）首先从TTomcatt目录下复制制servllet-appi.jarr 到 JDDK-jrre-lib-ext文文件夹中（编编译servvlet文件件需要Tommcat的jja

13、r包支持持）（2）首先复制制项目文件所在在的路径（如如：D:第第一个serrvletprojeect1），开开始运行ccmd命令，通通过命令：ccd 右键粘粘贴刚才复制制的地址，回回车，进入pprojecct1的目录录下。（3）使用 jjavac d . src/CCh1Serrvlet.java 命令编译的的Ch1Seervlett.classs放在srrc目录下（注注意该命令中中的空格）。5、把Ch1SServleet.claass文件复复制到WEBB-INF/classses，并把把web.xxml文件复复制到WEBB-INF，如如下图所示。图4 Tomccat 部署署目录6、启动Tom

14、mcat。打打开浏览器，键键入：htttp:/llocalhhost:88080/cch1/seervl操作截图如下：1.4 实验总总结请书写你对本次次实验有哪些些实质性的收收获和体会，以以及对本次实实验有何良好好的建议？答：学习到了SServleet是用Jaava编写的的服务器端程程序。其主要要功能在于交交互式地浏览览和修改数据据，生成动态态Web内容容。狭义的SServleet是指Jaava语言实实现的一个接接口， Seervlett运行于支持持Java的的应用服务器器中。从实现现上讲，Seervlett可以响应任任何类型的请请求，但绝大大多数情况下下Servllet只用来来扩展基于HHT

15、TP协议议的Web服服务器。最早支持Serrvlet标标准的是JaavaSofft的Javva Webb Servver。此后后，一些其它它的基于Jaava的Weeb服务器开开始支持标准准的Servvlet。现现在我们用的的是tomccat。实验二 表单验验证实验1.1实验目的的1、掌握如何使使用MyEcclipsee创建一个WWeb Prrojectt2、熟悉掌握HHTML表单单元素3、掌握如何使使用JavaaScrippt对表单进进行验证1.2 实验要要求1、本实验要求求学生通过独独立读程序，完完成程序的填填空2、建立Webb Projject工程程项目，并编编写两个JSSP页面，名名字分

16、别为iindex.jsp和uuserInnfo.jssp3、在Web Projeect工程项项目的根目录录WebRooot下建立立JavaSScriptt文件夹，在在该目录下新新建一个vaalidatte.js（jss文件）1.3 实验内内容1.3.1 表表单indeex.jspp1、表单页面图1表单页面2、根据表单页页面，在inndex.jjsp页面中中完成以下代代码，根据程程序上下文填填空。操作补全代码如如下： baase hrref= MMy JSPP inddex.jssp sttartinng pagge !- 账&nbbsp;&nnbsp;  p;号： 密&nbb

17、sp;&nnbsp;  p;码： 重复密码码： 真实姓名名： 性&nbbsp;&nnbsp;  p;别：男女女 邮&nbbsp;&nnbsp;  p;箱： 联系电话话： 爱&nbbsp;&nnbsp;  p;好：羽毛球 篮球球 游泳泳 逛街街 简&nbbsp;&nnbsp;  p;介： 学&nbbsp;&nnbsp;  p;历： 专专科 本本科 硕士研研究生 博士研研究生 简历文件件： 注注：简历文件件只能为：woord格格式，且文件大大小不能超过过2M 操作截图如下：1.3.2 注注册

18、成功页面面userIInfo.jjsp1、userIInfo.jjsp页面图2 注册成功功页面2、userIInfo.jjsp页面代代码恭喜!您已经成功功成功，用户户名： 操作截图如下：1.3.3 JJS文件vaalidatte.js补全代码操作如如下：functioon useerChecck()with (documment.fform)if (uusernaame.vaalue=)alerrt(请输输入您姓名!);retuurn faalse;if (ppasswoord.vaalue =)alreet(请输入密码);retuurn faalse;if (rrepasssword.val

19、uee=)alerrt(请输输入确认密码码);retuurn faalse;if (ppasswoord.vaalue !=repaassworrd.vallue)alerrt(两次次输入密码不不一致);retuurn faalse;if(naame.vaalue=)alerrt(请输输入您的名字字);retuurn faalse;if(vaalidatte_reqquiredd(emaiil,您输输入的不是一一个有效的EEmail地地址)=falsee)emaiil.foccus();retuurn faalse;if (ttel.vaalue =)alerrt(请输输入联系方式式);ret

20、uurn faalse;if (ffile.vvalue =)alerrt(请上上传文件);retuurn faalse;if (iisNaN(tei.vvalue)|tell.valuue.lenngth!=11)alerrt(请输输入正确的电电话号码);retuurn faalse;var FFileLiistTyppe =ddoc,doocx;var ddestSttr =fiile.vaalue.ssubstrring(ffile.vvalue.lastIIndexOOf(.)+1,fille.vallue.leength);if(FiileLisstTypee.indeexOf(dd

21、estSttr)=-1)alerrt(只允允许上传WOORD文件);retuurn faalse;functioon vallidatee_emaiil(fieeld,allertxtt)with (fieldd)apps = vallue.inndexOff()dotpoos = vvalue.lastIIndexOOf(.)if (aapos11|dottpos - aposs 2)alerrt(aleertxt);retuurn faalse;elseeretuurn trrue;操作截图如下：运行结果操作截截图如下：1.4 实验总总结请书写你对本次次实验有哪些些实质性的收收获和体会，以

22、以及对本次实实验有何良好好的建议？答：通过本次学学习熟练掌握握了掌握如何何使用MyEEclipsse创建一个个Web PProjecct，建立WWeb Prrojectt工程项目，并并编写两个JJSP页面，熟悉掌握HTML表单元素，掌握如何使用JavaScript对表单进行验证。学习了建立JavaScript文件夹的js文件。学会了简单的表单功能来完成用户的注册信息的请求和反应。对以后的建站提供了很大的帮助。实验三 JSPP语法1.1实验目的的1、掌握JSPP的语法基础础，包括注释释、脚本、声声明、表达式式等2、掌握使用JJSP实现简简单功能页面面1.2 实验要要求1、本实验要求求学生通过独独

23、立读程序，完完成程序的填填空2、使用表达式式实现打印九九九乘法表3、使用脚本实实现打印九九九乘法表1.3 实验内内容1.3.1使用用表达式实现现打印九九乘乘法表1、使用表达式式实现打印九九九乘法表页页面multtipliccativee1.jsp图1 mulltipliicativve1.jsp页页面2、根据页面显显示，在muultipllicatiive1.jsp页面面中完成以下下代码，根据据程序上下文文填空。补全代码操作如如下： %! /返回九九九乘法表对应应的HTMLL代码，通过过表达式来调调用，在页面面上显示 /使用表达达式方式整出出九九乘法表表 SStringg prinntMult

24、tiTablle1()/方法 Strinng s = ; for(int i=1;i=9;i+) foor(int j=1;j=i;j+)/s+=ii+*+j+=+(i*jj)+tt;不推荐荐ss+=i+*+j+=+(i*j)+ ; s+=;/追加换行标标签 returrn s;/整个九九九乘法表存储储在一个字符符串里面 % 我叫叫九九乘法表表 声明明方法，返回回九九乘法表表对应的HTTML代码，通通过表达式调调用，在页面面显示。 操作截图如下：1.3.2 使使用脚本实现现打印九九乘乘法表页面mmultipplicattive2.jsp1、使用脚本实实现打印打印印九九乘法表表页面图2 mull

25、tipliicativve2.jsp页页面2、根据页面显显示，在muultipllicatiive2.jsp页面面中完成以下下代码，根据据程序上下文文填空。 补全代码操作作如下： %! void printtMultiiTablee2(JsppWriteer outt) thrrows EExcepttionfor (int ii = 1; i = 9; ii+) for (int j = 11; j = i; j+) outt.prinntln(ii + * + jj + = + (i * jj) +  p;&nbssp;&nbbsp;&nnbsp;);out.printtln();

26、 % 九九乘法表表 声明方法法：使用JSSP内置ouut对象，通通过脚本方式式调用，打印印九九乘法表表 操作截图如下：1.4 实验总总结请书写你对本次次实验有哪些些实质性的收收获和体会，以以及对本次实实验有何良好好的建议？答：通过本次实实验，掌握JJSP的语法法基础，包括括注释、脚本本、声明、表表达式等，掌掌握使用JSSP实现简单单功能页面，使用表达式实现打印九九乘法表，使用脚本实现打印九九乘法表。JSP脚本部分会转换成编译后的Servlet方法中的可执行性代码，但是Java语法中不允许方法里面定义方法，所以JSP脚本中不可以定义方法。表达式的方法替代了上面out.println输出的语句。两

27、者在浏览器页面中显示的完全一致。表达式后没有分号。实验三 补充 JSP动作作元素1.1实验目的的1、熟悉掌握JJSP动作元元素1.2 实验要要求1、本实验要求求学生通过独独立读程序，完完成程序的填填空2、新建工程项项目，复制实实验二的文件件indexx.jsp和和invallidatee.js3、在src目目录下新建一一个包：coom.po，并并在包下建立立一个用户类文件（jjavabeean）：UUsers.java3、在实验三的的基础之上修修改userrInfo.jsp，通通过，等等指令显示iindex.jsp页面面中用户的基基本注册信息息。1.3 实验内内容1.3.1 UUsers.ja

28、va（1）以下为部部分代码（仅仅写出了ussernamme属性的ssetterr和gettter方法，已已省略其他属属性的settter和ggetterr方法）请自行补全全。补全代码操作如如下：privatee Striing seex;privatee Striing hoobby = neew Strring44;public Userss()public Strinng gettUsernname()returnn userrname;public Strinng gettName() returnn namee;public void ssetNamme(Strring nname)

29、this.nname = namee;public Strinng gettTel() returnn tel;public void ssetTell(Striing teel) this.ttel = tel;public Strinng gettEmaill() returnn emaiil;public void ssetEmaail(Sttring emaill) this.eemail = emaail;public Strinng gettSex() returnn sex;public void ssetSexx(Striing seex) this.ssex = sex;pu

30、blic Strinng ggetHobbby() returnn hobbby;public void ssetHobbby(Sttring hobbby) this.hhobby = hobbby;public void ssetUseernamee(Striing ussernamme)this.uusernaame = usernname;操作截图如下：1.3.2 uuserInnfo.jssp页面补全代码操作如如下： baase hrref= MMy JSPP useerInfoo.jsp starrting page !- 恭喜！您您已经成功进进入中国银行行金融系统 您的用户户信息

31、如下： 用户名名: 真实姓姓名： 性 别： 邮 箱： 联系电电话： 爱 好：% Strring hhobby = rrequesst.gettParammeterVValuess(hobbby); forr(int i=0;i 操作截图如下：实验结果截图：1.4 实验总总结请书写你对本次次实验有哪些些实质性的收收获和体会，以以及对本次实实验有何良好好的建议？答：通过本次实实验学习到了了JSP动作作元素。该操作允允许在请求的的时间内在现现成的JSPP页面里面包包含静态或动动态的资源。被被访问的对象象对JSP writee对象的访问问权，并且它它不能设置头头或者Coookie.如如果页面输出出是缓

32、冲的，那那么缓冲区的的刷新要俦于于包含的刷新新。因此它在在运行效率上上比要低，但但它可以动态态增加内容。该操作允允许将请求转转发到另一个个JSP，SServleet或者静态态资源文件。一一旦遇上此标标记即会停止止执行当前的的JSP，转转而执行被转转发的资源。此标签用用于在JSPP页面中创建建一个Beaan实例，并并指定它的名名字及作用范范围。它保证证对象在标签签指定的范围围内可以使用用。此操作是对对操作的的补充，它用用来访问一个个Bean的的属性。它访访问的属性值值将它转化成成一个Strring，然然后发送到输输出流中。如如果属性是一一个对象，将将调用toSStringg()方法。 不能使用用

33、它来检索一一个已经被索索引了的属性性。利用以上知识完完成了登录注册的的另一种方法法。实验四 JSPP内置对象阶阶段实验1.1实验目的的1、熟悉与掌握握JSP九大大内置对象的的使用2、掌握重定向向与服务器转转发的使用3、熟悉MyEEclipsse工程项目目结构的设置置1.2 实验要要求1、本实验要求求学生通过独独立读程序，完完成程序的填填空2、建立一个实实现简单登陆陆功能的项目目，按实验步步骤完成代码码。 1.3 实验内内容1.3.1 实实现简单登陆陆功能1、功能描述：（1）由于目前前尚未学习数数据库的使用用，因此需要要指定登陆的的用户名和密密码（自己设设定，如：用用户名：晚香香玉，密码：123

34、4556，请结合合自己的名字字缩写）（2）实现登陆陆表单loggin.jssp图1 登陆界面面loginn.jsp（3）编写doologinn.jsp，实实现功能：登登陆成功使用用服务器内部部转发到 llogin_succeess.jssp页面，并并在该页面显显示登陆成功功的用户名。如如果登陆失败败则重定向到到 logiin_faiilure.jsp页面面。图2 登陆成功功界面图3 登陆失败败界面2、建立工程项项目（1）建立Weeb prooject项项目，在WeebRoott根目录下添添加三个文件件夹：asssets（存存放图像资源源文件）、css（存存放css样式文文件）、jss（存放js

35、s脚本文件）。（2）将本实验验报告文件夹夹中的asssets、ccss文件中中的内容复制制到自己项目目中对应的文文件夹中。包包括图像资源源文件和写好好的样式文件件。（3）按实验步步骤1.3.2完成实验验1.3.2 实实验代码1、loginn.jsp（1）在标签中导入ccss文件（2）标签代码补充代码操作如如下： 用用户名： 密密码： 操作截图如下：2、dologgin.jssp代码补充代码操作如如下：String path = reqquest.getCoontexttPath();String basePPath = requuest.ggetSchheme()+:/+reqquest.ge

36、tSeerverNName()+:+requeest.geetServverPorrt()+ppath+/;String usernname=;String passwword= ;requestt.setCCharaccterEnncodinng(UTTF-8) ;usernamme=reqquest.getPaarametter(uusernaame);passworrd= reequestt.getPParameeter(passwword);if(shiixinyii.equuals(uusernaame)&1234456.eequalss(passsword)sessioon.set

37、tAttriibute(logiinUserr,useernamee); requuest.ggetReqquestDDispattcher(logiin_succcess.jsp).forwward(rrequesst,ressponsee);else respoonse.ssendReedirecct(loogin_ffailurre.jspp);%操作截图如下：3、loginn_succcess.jjsp（1）在标签中导入ccss文件（2）标签代码补充代码操作如如下： 欢迎,登录成功 操作截图如下：4、loginn_faillure.jjsp（1）在标签中导入ccss文件（2）标签代码补充代码操作如如下： 登录失失败！请检查查用户或者密密码！ 返回登登录 操作截图如下：1.4 补充请结合实验二二学过的知识识，编写一个个js脚本文文件，为本实实验的表单提提供验证功能能，比如用户户名和密码不不能为空的验验证，将该jjs文件放在在项目中的jjs文件夹中中，并在loogin.