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

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

1、 2015 - 2016 学年第 1 学期电子商务网页设计JSPJSP Web Programming of Electronic Commerce 实 验 报 告 专 业：班 级：姓 名：学 号：指导教师： 2016年 1 月 5 日实验一 搭建JSP编程环境1.1实验目的1、掌握JSP运行环境的配置（JDK、Tomcat）2、掌握JSP程序的编写、部署等过程3、熟悉MyEclipse开发环境的基本使用方法1.2 实验要求1、安装JDK、Tomcat，配置环境变量：Path、ClassPath，测试Tomcat2、编写第一个JSP程序并在Tomcat部署运行。3、安装MyEclipse，并使

2、用MyEclipse编写JSP程序。 1.3 实验内容1.3.1 JDK安装与配置1、安装JDK，按照安装提示依次完成安装。操作截图如下：2、配置环境变量：1) 选择“高级”选项页；单击“环境变量”按钮，弹出“环境变量”对话框；2) 选择“新建系统变量”，弹出“新建系统变量”对话框，在“变量名”文本框输入“JAVA_HOME”,在“变量值”文本框输入JDK的安装路径；操作截图如下：3) 编辑“系统变量”中的”Path”变量的值，在“变量值”最后增加JDK安装目录下的bin目录，例如 %JAVA_HOME%bin; 操作截图如下：4) 在“系统变量”选项区域中查看CLASSPATH 变量，如果不

3、存在，则新建变量CLASSPATH，否则选中该变量，单击“编辑”按钮，在“变量值”文本框的起始位置添加 .;%JAVA_HOME%lib;操作截图如下：3、验证：进入命令行控制台，分别输入“java“、“java -version“和“javac“命令，看是否能够出现正确的提示信息。操作截图如下： 1.3.2 Tomcat的安装与配置Tomcat是Apache中Jakarta 项目中的一个核心开源项目，是比较流行的Web 应用服务器，是一个Servlet和JSP容器，可以解析HTML 、JSP、Servlet等，Tomcat 8.0下载地址：http:/tomcat.apache.org/do

4、wnload-80.cgi1、安装：绿色软件，直接解压缩至D:Program Files目录下即可。2、测试：打开Tomcat的安装目录下的bin文件夹，运行startup.bat（启动服务器），测试地址：http:/localhost:8080/，出现下图2表明Tomcat安装成功。3、shutdown.bat（关闭服务器）4、熟悉Tomcat的安装目录webapps目录。操作截图如下：1.3.3 编写第一个JSP程序1、新建工程目录：在Tomcat的安装目录webapps目录新建一个MyApp文件夹，在MyApp目录下新建一个WEB-INF文件夹，在WEB-INF文件夹中建立lib、cla

5、sses文件夹。2、编写JSP程序：在MyApp目录下新建一个index.jsp的文件，使用sublime软件打开编写如下程序，并保存。3、在WEB-INF文件夹下新建部署描述文件web.xml（可以从webapps目录中的examples文件夹中复制过来，并去掉中间的内容，只留下web-app的标签）4、启动Tomcat服务器，并在浏览器地址栏输入：http:/localhost:8080/MyApp，查看运行结果。5、修改index.jsp的文件名为myapp.jsp，然后启动服务器，并在地址栏输入http:/localhost:8080/MyApp有什么结果？为什么？应该怎么做？答：显示

6、错误。因为地址变了。http:/localhost:8080/MyApp/myapp.jsp就可以运行了。应该6、尝试修改Tomcat的默认端口：Tomcat安装目录-conf-server.xml操作截图如下： 1.3.3 MyEclipse 集成开发环境的使用1、安装MyEclipse：安装提示安装在非系统盘下。2、使用破解工具完成注册(1)使用Cracker破解:运行run.bat输入usercode-systemldtools-（请参考破解软件上的步骤）3、优化MyEclipse：（可不做）(1)配置JDK（可不配置，使用自带）Window-preference(首选项)-Java-I

7、nstalled JRES-ADDstandard vm-directory找到JDK的安装目录1.8打勾完成。(2)设置智能提示Window-preference(首选项)JavaEditorContent Assist(内容辅助)200修改为20Auto activation Triggers for java (自动激活触发器)修改为 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ(3)其他：百度搜索MyEclipse优化，自行查看相关优化的资料4、配置自己的Tomcat，window-preferences-Myeclipse

8、-Servers-Runtime Environments-Add-Apache Tomcat v8.0-next-Browse(找到tomcat8.0的安装目录)-finish操作截图如下： 5、使用MyEclipse新建Java web工程项目，并重新编写以上index.jsp程序(1) 工作台界面：Package explorer （package浏览器）显示当前workspace目录下的工程文件 及包含的文件Outline（大纲视图）显示当前打开的java文件的结构Problems视图显示当前编辑的Java类的错误信息Console（控制台）显示程序的相关输出调试、运行调试、运行按钮操

9、作截图如下：1.4 实验总结请书写你对本次实验有哪些实质性的收获和体会，以及对本次实验有何良好的建议？本实验，目的是熟悉答：学会了用JDK、Tomcat、MyEclipse的安装与配置，为后续的实验作好准备工作。明白了JDK的安装与配置；Tomcat的安装与配置、修改端口号、启动与停止、测试；MyEclipse的安装与配置。在整个实验过程中掌握了JSP环境搭建特别是环境变量的配置以及如何配置好Tomcat服务器；学会建立第一个JSP页面，其中要注意实现简单出输。在Tomcat 6.0conf中找到server.xml文件修改端口号8080；启动Tomcat服务器（如果已经启动，必须关闭Tomc

10、at服务器，并重新启动）。用文本编辑器编写一个JSP页面，并保存到webappsROOT目录中。用浏览器访问webappsROOT目中的JSP页面。实验一补充 初识Servlet1.1实验目的1、学习了解servlet的结构2、掌握手动编写Servlet程序3、部署Servlet1.2 实验要求1、按要求手动编写一个Servelt 1.3 实验内容1.3.1 第一个Servlet程序1、根据下图，在任意目录中完成工程文件的建立。操作截图如下：2、在src文件夹下编写Servlet程序：Ch1Servlet.java，并根据上下文，完成填空。操作截图如下:3、编写部署描述文件，并配置servle

11、t，放在etc文件夹中。根据上下文，填空操作截图如下：4、编译Servlet文件：Ch1Servlet.java（1）首先从Tomcat目录下复制servlet-api.jar 到 JDK-jre-lib-ext文件夹中（编译servlet文件需要Tomcat的jar包支持）（2）首先复制项目文件所在的路径（如：D:第一个servletproject1），开始运行cmd命令，通过命令：cd 右键粘贴刚才复制的地址，回车，进入project1的目录下。（3）使用 javac d . src/Ch1Servlet.java 命令编译的Ch1Servlet.class放在src目录下（注意该命令中的

12、空格）。5、把Ch1Servlet.class文件复制到WEB-INF/classes，并把web.xml文件复制到WEB-INF，如下图所示。图4 Tomcat 部署目录6、启动Tomcat。打开浏览器，键入：http:/localhost:8080/ch1/servl操作截图如下：1.4 实验总结请书写你对本次实验有哪些实质性的收获和体会，以及对本次实验有何良好的建议？答：学习到了Servlet是用Java编写的服务器端程序。其主要功能在于交互式地浏览和修改数据，生成动态Web内容。狭义的Servlet是指Java语言实现的一个接口， Servlet运行于支持Java的应用服务器中。从实现

13、上讲，Servlet可以响应任何类型的请求，但绝大多数情况下Servlet只用来扩展基于HTTP协议的Web服务器。最早支持Servlet标准的是JavaSoft的Java Web Server。此后，一些其它的基于Java的Web服务器开始支持标准的Servlet。现在我们用的是tomcat。实验二 表单验证实验1.1实验目的1、掌握如何使用MyEclipse创建一个Web Project2、熟悉掌握HTML表单元素3、掌握如何使用JavaScript对表单进行验证1.2 实验要求1、本实验要求学生通过独立读程序，完成程序的填空2、建立Web Project工程项目，并编写两个JSP页面，名

14、字分别为index.jsp和userInfo.jsp3、在Web Project工程项目的根目录WebRoot下建立JavaScript文件夹，在该目录下新建一个validate.js（js文件）1.3 实验内容1.3.1 表单index.jsp1、表单页面图1表单页面2、根据表单页面，在index.jsp页面中完成以下代码，根据程序上下文填空。操作补全代码如下： base href= My JSP index.jsp starting page !- 账    号： 密    码： 重复密码： 真实姓名： 性&n

15、bsp;   别：男女 邮    箱： 联系电话： 爱    好：羽毛球 篮球 游泳 逛街 简    介： 学    历： 专科 本科 硕士研究生 博士研究生 简历文件： 注：简历文件只能为：word格式，且文件大小不能超过2M 操作截图如下：1.3.2 注册成功页面userInfo.jsp1、userInfo.jsp页面图2 注册成功页面2、userInfo.jsp页面代码恭喜!您已经成功成功，用户名：

16、操作截图如下：1.3.3 JS文件validate.js补全代码操作如下：function userCheck()with (document.form)if (username.value=)alert(请输入您姓名!);return false;if (password.value =)alret(请输入密码);return false;if (repassword.value=)alert(请输入确认密码);return false;if (password.value !=repassword.value)alert(两次输入密码不一致);return false;if(name.va

17、lue=)alert(请输入您的名字);return false;if(validate_required(email,您输入的不是一个有效的Email地址)=false)email.focus();return false;if (tel.value =)alert(请输入联系方式);return false;if (file.value =)alert(请上传文件);return false;if (isNaN(tei.value)|tel.value.length!=11)alert(请输入正确的电话号码);return false;var FileListType =doc,docx;

18、var destStr =file.value.substring(file.value.lastIndexOf(.)+1,file.value.length);if(FileListType.indexOf(destStr)=-1)alert(只允许上传WORD文件);return false;function validate_email(field,alertxt)with (field)apps = value.indexOf()dotpos = value.lastIndexOf(.)if (apos1|dotpos - apos 2)alert(alertxt);return fa

19、lse;elsereturn true;操作截图如下：运行结果操作截图如下：1.4 实验总结请书写你对本次实验有哪些实质性的收获和体会，以及对本次实验有何良好的建议？答：通过本次学习熟练掌握了掌握如何使用MyEclipse创建一个Web Project，建立Web Project工程项目，并编写两个JSP页面，熟悉掌握HTML表单元素，掌握如何使用JavaScript对表单进行验证。学习了建立JavaScript文件夹的js文件。学会了简单的表单功能来完成用户的注册信息的请求和反应。对以后的建站提供了很大的帮助。实验三 JSP语法1.1实验目的1、掌握JSP的语法基础，包括注释、脚本、声明、表

20、达式等2、掌握使用JSP实现简单功能页面1.2 实验要求1、本实验要求学生通过独立读程序，完成程序的填空2、使用表达式实现打印九九乘法表3、使用脚本实现打印九九乘法表1.3 实验内容1.3.1使用表达式实现打印九九乘法表1、使用表达式实现打印九九乘法表页面multiplicative1.jsp图1 multiplicative1.jsp页面2、根据页面显示，在multiplicative1.jsp页面中完成以下代码，根据程序上下文填空。补全代码操作如下： %! /返回九九乘法表对应的HTML代码，通过表达式来调用，在页面上显示 /使用表达式方式整出九九乘法表 String printMulti

21、Table1()/方法 String s = ; for(int i=1;i=9;i+) for(int j=1;j=i;j+)/s+=i+*+j+=+(i*j)+t;不推荐s+=i+*+j+=+(i*j)+ ; s+=;/追加换行标签 return s;/整个九九乘法表存储在一个字符串里面 % 我叫九九乘法表 声明方法，返回九九乘法表对应的HTML代码，通过表达式调用，在页面显示。 操作截图如下：1.3.2 使用脚本实现打印九九乘法表页面multiplicative2.jsp1、使用脚本实现打印打印九九乘法表页面图2 multiplicative2.jsp页面2、根据页面显示，在multip

22、licative2.jsp页面中完成以下代码，根据程序上下文填空。 补全代码操作如下： %! void printMultiTable2(JspWriter out) throws Exceptionfor (int i = 1; i = 9; i+) for (int j = 1; j = i; j+) out.println(i + * + j + = + (i * j) +     );out.println(); % 九九乘法表 声明方法：使用JSP内置out对象，通过脚本方式调用，打印九九乘法表 操作截图如下：1.4 实验总结请书写你对本次实验

23、有哪些实质性的收获和体会，以及对本次实验有何良好的建议？答：通过本次实验，掌握JSP的语法基础，包括注释、脚本、声明、表达式等，掌握使用JSP实现简单功能页面，使用表达式实现打印九九乘法表，使用脚本实现打印九九乘法表。JSP脚本部分会转换成编译后的Servlet方法中的可执行性代码，但是Java语法中不允许方法里面定义方法，所以JSP脚本中不可以定义方法。表达式的方法替代了上面out.println输出的语句。两者在浏览器页面中显示的完全一致。表达式后没有分号。实验三 补充 JSP动作元素1.1实验目的1、熟悉掌握JSP动作元素1.2 实验要求1、本实验要求学生通过独立读程序，完成程序的填空2

24、、新建工程项目，复制实验二的文件index.jsp和invalidate.js3、在src目录下新建一个包：com.po，并在包下建立一个用户类文件（javabean）：Users.java3、在实验三的基础之上修改userInfo.jsp，通过，等指令显示index.jsp页面中用户的基本注册信息。1.3 实验内容1.3.1 Users.java（1）以下为部分代码（仅写出了username属性的setter和getter方法，已省略其他属性的setter和getter方法）请自行补全。补全代码操作如下：private String sex;private String hobby = ne

25、w String4;public Users()public String getUsername()return username;public String getName() return name;public void setName(String name) this.name = name;public String getTel() return tel;public void setTel(String tel) this.tel = tel;public String getEmail() return email;public void setEmail(String e

26、mail) this.email = email;public String getSex() return sex;public void setSex(String sex) this.sex = sex;public String getHobby() return hobby;public void setHobby(String hobby) this.hobby = hobby;public void setUsername(String username)this.username = username;操作截图如下：1.3.2 userInfo.jsp页面补全代码操作如下： b

27、ase href= My JSP userInfo.jsp starting page !- 恭喜！您已经成功进入中国银行金融系统 您的用户信息如下： 用户名: 真实姓名： 性 别： 邮 箱： 联系电话： 爱 好：% String hobby = request.getParameterValues(hobby); for(int i=0;i 操作截图如下：实验结果截图：1.4 实验总结请书写你对本次实验有哪些实质性的收获和体会，以及对本次实验有何良好的建议？答：通过本次实验学习到了JSP动作元素。该操作允许在请求的时间内在现成的JSP页面里面包含静态或动态的资源。被访问的对象对JSP wri

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

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

30、dologin.jsp，实现功能：登陆成功使用服务器内部转发到 login_success.jsp页面，并在该页面显示登陆成功的用户名。如果登陆失败则重定向到 login_failure.jsp页面。图2 登陆成功界面图3 登陆失败界面2、建立工程项目（1）建立Web project项目，在WebRoot根目录下添加三个文件夹：assets（存放图像资源文件）、css（存放css样式文件）、js（存放js脚本文件）。（2）将本实验报告文件夹中的assets、css文件中的内容复制到自己项目中对应的文件夹中。包括图像资源文件和写好的样式文件。（3）按实验步骤1.3.2完成实验1.3.2 实验代码

31、1、login.jsp（1）在标签中导入css文件（2）标签代码补充代码操作如下： 用户名： 密码： 操作截图如下：2、dologin.jsp代码补充代码操作如下：String path = request.getContextPath();String basePath = request.getScheme()+:/+request.getServerName()+:+request.getServerPort()+path+/;String username=;String password= ;request.setCharacterEncoding(UTF-8) ;username=

32、request.getParameter(username);password= request.getParameter(password);if(shixinyi.equals(username)&123456.equals(password)session.setAttribute(loginUser,username); request.getRequestDispatcher(login_success.jsp).forward(request,response);else response.sendRedirect(login_failure.jsp);%操作截图如下：3、logi

33、n_success.jsp（1）在标签中导入css文件（2）标签代码补充代码操作如下： 欢迎,登录成功 操作截图如下：4、login_failure.jsp（1）在标签中导入css文件（2）标签代码补充代码操作如下： 登录失败！请检查用户或者密码！ 返回登录 操作截图如下：1.4 补充请结合实验二学过的知识，编写一个js脚本文件，为本实验的表单提供验证功能，比如用户名和密码不能为空的验证，将该js文件放在项目中的js文件夹中，并在login.jsp页面中加载该js文件。补充代码操作如下：function userCheck()with (document.form)if (username.v

34、alue=)alert(请输入您姓名!);return false;if (password.value =)alret(请输入密码);return false;操作截图如下：实验结果截图如下：登录成功截图:登录失败截图:1.5 实验总结请书写你对本次实验有哪些实质性的收获和体会，以及对本次实验有何良好的建议？答：通过本次实验。熟悉与掌握JSP九大内置对象的使用，掌握重定向与服务器转发的使用。请求重定向：客户端行为，response.sendRedirect(),从本质上讲等同于两次请求，前一次的请求对象不会保持，地址栏的URL地址会改变。请求转发：服务器行为，request.getRequs

35、etDispatcher().forward(requset,response);是一次请求，转发后请求对象会保存，地址栏的URL地址不会改变。（服务器内部转发，所有客户端看不到地址栏的改变）熟悉MyEclipse工程项目结构的设置，建立一个实现简单登陆功能的项目，按实验步骤完成代码。 实验五 使用JavaBean实习简单登陆1.1实验目的1、熟悉与掌握JavaBean编写的四个规则2、掌握模型1的设计结构3、熟悉掌握JavaBean的使用1.2 实验要求1、本实验要求学生通过独立读程序，完成程序的填空2、基于实验四建立一个实现简单登陆功能的项目，按实验步骤完成代码。 1.3 实验内容1.3.

36、1 使用JavaBean实习简单登陆功能1、功能描述：（1）由于目前尚未学习数据库的使用，因此需要指定登陆的用户名和密码（自己设定，如：用户名：晚香玉，密码：123456，请结合自己的名字缩写）（2）实现登陆表单login.jsp图1 登陆界面login.jsp（3）编写JavaBean：在src目录下新建两个包：com.po和com.dao，在com.po包下编写实体类：Users.java，在com.dao包下编写Users实体类的业务逻辑类：UserDAO.java （3）编写dologin.jsp，通过调用UserDAO类的方法实现功能：登陆成功使用服务器内部转发到 login_suc

37、cess.jsp页面，并在该页面显示登陆成功的用户名。如果登陆失败则重定向到 login_failure.jsp页面。图2 项目的模型1结构图3 登陆成功界面图4 登陆失败界面2、建立工程项目（1）建立Web project项目，在WebRoot根目录下添加三个文件夹：assets（存放图像资源文件）、css（存放css样式文件）、js（存放js脚本文件）。（2）将本实验报告文件夹中的assets、css文件中的内容复制到自己项目中对应的文件夹中。包括图像资源文件和写好的样式文件。（3）按实验步骤1.3.2完成实验1.3.2 实验代码1、login.jsp（与实验四相同）（1）在标签中导入cs

38、s文件（2）标签代码补充代码操作如下： 用户名： 密码： 操作截图如下：2、dologin.jsp代码操作截图如下：3、Users.java代码（1）两个属性：username和password请按JavaBean的设计规则完成该类的代码。代码略补充代码操作：package com.popublic class Users private String username; private String password; public Users() 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;操作截图如下：