Web应用系统开发技术.docx

Web应用系统开发技术.docx

《Web应用系统开发技术.docx》由会员分享，可在线阅读，更多相关《Web应用系统开发技术.docx（17页珍藏版）》请在冰豆网上搜索。

Web应用系统开发技术

浙江树人大学

信息科技学院

Web应用系统开发技术

实验指导书

（第一版）

适合专业：

电子商务

编写人：

张登辉

部门：

电子商务教研室

2012年2月编

第一章实验预知

第一节上机实验总的目的和要求

一、上机实验目的

学习《Web应用系统开发技术》课程必须重视实践环节。

即独立编写出程序，独立上机调试程序。

必须保证有足够的上机实验时间。

上机实验的目的，绝不仅是为了验证教材和讲课的内容或者验证自己所编的程序正确与否。

学习数据结构，上机实验的目的为:

1、加深对讲授内容的理解和掌握。

该课程是一门较难理解和掌握的专业课，安排一定时间的上机，可加深学生对课程内容的理解和掌握。

2、提高学生解决实际问题的能力。

通过多次上机，将理论和实际问题结合起来，提高学生的创造性思维和实践能力，从而使学生能够将java程序设计技术应用于web应用程序中,并为以后的应用系统开发打下坚实的基础。

3、学会使用java在web程序中的调试方法，熟练掌握相关测试与调试工具的使用，加快排除程序错误的效率，使程序能正确运行。

二、上机实验前的准备工作

在上机实验前应事先做好准备工作，以提高上机实验的效率，准备工作至少应包括如下五个方面：

1、了解所用的计算机系统的性能和使用方法（包括Eclipse、MyEclipe开发试环境）

2、复习和掌握与本实验有关的教学内容

3、准备好上机所需的程序。

程序应书写整齐，并经人工检查无误后才能上机，以提高上机效率。

初学者切忌不编程序或抄别人程序去上机，应从一开始就养成严谨的科学作风。

4、对运行中可能出现的问题应事先作出估计；对程序中自己有疑问的地方，应作上记号，以便上机时给予注意。

三、上机实验的步骤

上机过程出现的问题，除了系统的问题外，一般应自己独立处理，不要轻易举手问老师，尤其对“出错信息“，应善于自己分析判断。

这是学习调试程序的良好机会，上机实验一般应包括以下几个步骤:

1、打开MyEclipse开发平台；

2、建立或打开javaweb项目；

3、输入自己编好的J2EE程序代码；

4、检查一遍已输入的程序是否有错，如发现有错，则及时改正；

5、发布程序到服务中，运行程序，检查结果，并分析运行结果是否符合设计要求；

6、输出程序清单和运行结果。

四、实验后应完成实验报告的填写

上机结束后，应整理出实验报告，实验报告应包括以下内容:

1、题目；

2、程序清单（计算机中调试正确的程序清单）；

3、运行结果（必须是上面程序清单所对应打印输出的结果）；

4、对运行情况所作的分析，以及本次调试程序所取得的经验，并考虑是否还可用其他方法来解决该问题。

如果程序未能通过，应分析其原因。

第二节程序的调试和测试

一、程序错误的类型

为帮助同学调试程序和分析程序，下面简单介绍程序出错的种类

1、语法错误：

不符合Java语言的语法规定。

1）函数、语句拼写错误；

2）括弧不匹配；

3）语句最后漏了分号；

2、逻辑错误：

程序无语法错误，也能正常运行，但结果不对。

这类错误可能是设计语句流程、算法时的错误，也可能是算法正确而在编写程序时出现，一般较难发现，必须认真检查。

3、运行错误：

有时程序既无语法错误，又无逻辑错误，但不能正常运行或结果不对。

多数情况是数据不对，包括数据本身不合适以及数据类型不匹配

二、程序的调试

1、程序调试的任务：

是排除程序中的错误，使程序能顺利地运行并得到预期的效果。

程序的调试阶段不仅要发现和消除语法上的错误，还要发现和消除逻辑错误和运行错误。

在Netbeans开发平台中Java程序调试较为简单，具体方法如下。

（1）选择要调试的java程序，在行编号上单击,该行变为红色,成为调试的断点。

图1

在工具菜单中选择调试—>启动调试,可以选择下图所示的功能按钮进行后续调试工作。

图2

第二章　实验内容

实验一JSP和servlet应用基础

一、实验目的与要求

1．通过实例开发,熟练掌握Servlet的配置与开发使用方法;

2.熟练掌握JSP语法及JSP内部对象、动作的使用方法；

2．熟悉Myeclipse开发平台的使用方法。

二、实验内容

1．建立一个Web项目，利用Servlet技术实现网页表单数据的接收处理。

该项目包含两个程序文件：

用于显示输入表单的输入页面input.jsp和处理输入信息的Servlet程序文件InputServlet.java。

input.jsp运行后显示页面效果如图2.14所示。

InputServlet执行后的结果页面如图2.15所示。

2．根据教材例2.3的步骤，利用JavaBean技术，在网页中显示“浙江树人大学”信息。

3．参考教材图2.16，编写两个jsp网页first.jsp和second.jsp，在first.jsp设置request、session、application对象相关属性值，在second.jsp页面中显示这些属性值。

三、实验指导

1．

四、结果分析与讨论

本次实验主要任务是掌握myeclipse开发平台的基本使用方法和servlet、jsp的编写方法，重点是servlet和jsp的程序的编写，难点是servlet的处理流程的理解。

实验二JSP综合应用实例

一、实验目的与要求

1．熟练掌握Myeclipse的使用

2．掌握JSP应用系统的开发方法

二、实验内容

1．开发一个留言板系统，该系统包含登陆界面、留言信息浏览界面、发新留言界面、留言成功信息界面。

系统界面效果如图2.19~图2.23所示。

三、实验指导

1．数据库设计与创建。

需要建立userTable用户表和lyTable留言表

2．建立Web项目JSPExample。

3．用户表对应的JavaBeanUser类，留言表对应的JavaBeanlyTable类

4．创建登陆页面login.jsp。

5．建立DB类。

6．建立MainServlet类。

7．建立主界面main.jsp。

8．建立留言页面liuyan.jsp。

9．建立Addservlet类。

10．建立留言成功页面success.jsp。

11．配置web.xml。

12．创建注册页面register.jsp

13．创建RegisterServlet类

14．部署和运行。

四、结果分析与讨论

本次实验主要任务是利用servlet技术和jsp技术开发一个小型的留言板系统，该系统包含较多内容，学生应在课前实现编写好代码，然后到实验室调试。

此次实验的技术难点是sqlserver2005数据库的驱动与链接使用方法。

实验三Struts2基础应用

一、实验目的与要求

1．熟练掌握Myeclipse的使用

2．掌握Struts2架构的开发方法

二、实验内容

1．开发一个网页表单处理系统，该系统包含表单信息输入界面、表单响应界面。

系统界面效果如图3.3~图3.4所示。

三、实验指导

1．创建Javaweb项目struts2，加载struts2相关库文件（Jar包）。

2．修改web.xml文件

3．创建表单录入页面hello.jsp

4．创建Action动作类StrutsAction。

5．创建并配置struts.xml配置文件。

6．创建表单成功响应页面welcome.jsp。

7．部署和运行。

四、结果分析与讨论

本次实验主要任务是利用struts2技术开发一个小型的表单处理系统，该系统包含较少内容，学生应在课前实现编写好代码，然后到实验室调试。

此次实验的技术难点是struts2配置文件的配置。

实验四利用Struts2实现多文件上传

一、实验目的与要求

1．熟练掌握Myeclipse的使用

2．掌握Struts2架构的开发方法

二、实验内容

1．开发一个多文件上传系统，该系统能够一次上传多个（3个）文件，文件上传后保存在服务硬盘指定位置。

页面效果类似于图3.21~图3.22所示。

三、实验指导

1．创建Javaweb项目StrutsUpload，加载struts2相关库文件（Jar包）。

2．修改web.xml文件

3．编辑修改上传页面index.jsp

4．创建Action动作类。

5．创建并配置struts.xml配置文件。

6．创建上传成功信息页面success.jsp。

7．部署和运行。

四、结果分析与讨论

本次实验主要任务是利用struts2技术开发一个多文件上传系统，该系统包含较少内容，学生应在课前实现编写好代码，然后到实验室调试。

此次实验的技术难点是Action动作类中文件流、集合的操作。

实验五Struts2综合应用实例

一、实验目的与要求

1．熟练掌握Myeclipse的使用

2．掌握Struts2架构的开发方法

二、实验内容

1．开发一个学生信息添加页面，实现将学生信息添加到数据库中。

页面效果类似于图3.23所示。

三、实验指导

1．创建数据库XSCJ，建立数据表XSB，结构如附录A，其中将ZXF和ZP字段去掉。

2．创建Javaweb项目Example_Struts，加载struts2相关库文件（Jar包）。

3．修改web.xml文件

4．编辑修改上传页面index.jsp

5．建立stu.jsp页面界面

6．创建XSB对应的javaBean，和DBConn类。

7．建立Action类SaveAction

8．创建并配置Struts.xml文件

9．创建success.jsp页面

10．部署和运行。

四、结果分析与讨论

本次实验主要任务是利用struts2技术开发一个学生信息添加页面，该系统包含较少内容，学生应在课前实现编写好代码，然后到实验室调试。

此次实验的技术难点是Action动作类处理数据库中的代码。

实验六Hibernate应用基础

一、实验目的与要求

1．熟练掌握Myeclipse的使用

2．掌握Hibernate架构的开发方法

二、实验内容

1．开发一个学生信息添加和查询系统，实现将学生信息添加到数据库中，并将指定学号的学生查出。

三、实验指导

1．打开数据库XSCJ，建立数据表KCB，结构如附录A.2。

2．在Myeclipse中建立数据库连接。

3．创建Javaweb项目HibernateTest

4．为项目添加Hibernate开发能力

5．创建数据表KCB对应的java类和配置文件

6．创建测试类Test

7．部署和运行。

四、结果分析与讨论

本次实验主要任务是利用Hibernate技术开发一个课程信息添加与查询系统。

学生应在课前实现编写好代码，该系统的难点是Hibernate项目的配置和测试类的创建。

实验七Hibernate一对一映射

一、实验目的与要求

1．熟练掌握Myeclipse的使用

2．掌握Hibernate一对一映射的开发方法

二、实验内容

1．开发一个用户信息添加系统，用户信息包含登录信息和基本信息，分开在两个表login和detail表保存。

添加用户信息时，利用Hibernate的一对一映射，将用户信息分别存入login表和detail表中。

三、实验指导

1．打开数据库XSCJ，建立数据表login和detail，结构如表4.1、4.2。

2．在Myeclipse中建立数据库连接。

3．创建Javaweb项目Hibernate_mapping

4．为项目添加Hibernate开发能力

5．创建数据表对应的java类和配置文件

6．在hibernate.cfg.xml中加入配置信息

7．创建测试类Test

7．部署和运行。

四、结果分析与讨论

本次实验主要任务是利用Hibernate技术开发一个用户信息添加系统，用户信息分为2个表存放，使用一对一关联存放，有一些难度。

学生应在课前实现编写好代码，该系统的难点是Hibernate项目的配置和一对一关系的配置。

实验八Spring应用基础

一、实验目的与要求

1．熟练掌握Myeclipse的使用

2．掌握Spring的基本开发方法

二、实验内容

1．参考图5.5所示实例，利用依赖注入技术开发一个javaapplication程序，显示如图5.5的信息。

三、实验指导

1．创建java项目FactoryExample，为该项目添加Spring能力

2．在src下建立face包，在该包中建立接口Human

3．在src下建立iface包，在该包下建立类Chinese和American，分别实现Human接口。

4．修改applicationContext.xml文件

5．在src下建立包factory，在该包下建立类Factory

6．在src下建立包test，在该包下建立类Test

7．部署和运行。

四、结果分析与讨论

本次实验主要任务是利用Spring技术开发一个小程序，该程序的难点是理解Spring的架构原理。

实验九Spring与Struts2的整合应用

一、实验目的与要求

1．熟练掌握Myeclipse的使用

2．掌握Spring与Struts2整合开发的基本方法

二、实验内容

1．参考5.6节实例，开发一个用户登录检查系统，该系统利用Spring和Struts2架构，验证用户在登陆界面输入的信息，如果信息正确，则给出欢迎界面，反之给出登陆失败界面。

三、实验指导

1．创建javaWeb项目Struts_Spring

2．在项目中添加Struts2框架的jar包。

3．创建login.jsp文件

4．创建Action类LoginAction.java

5．配置Struts.xml文件

6．创建login_success.jsp文件

7．部署和运行该系统，确认Struts架构正常运行。

8．为项目添加Spring框架

9．添加Spring支持包Struts2-spring-plugin.jar

10．修改web.xml文件内容

11．创建消息包文件struts.properties文件

12．修改applicationContext.xml文件内容

13．修改struts.xml文件内容

14．部署测试

四、结果分析与讨论

本次实验主要任务是利用Struts2和Spring技术配合完成登陆检查系统，该系统内容较多，需要课前先编写好程序。

该系统的难点是web.xml文件的编写以及消息包的配置。

实验十SSH整合应用1-学生信息管理

一、实验目的与要求

1．熟练掌握Myeclipse的使用

2．掌握Spring、Struts2、Hibernate整合开发的基本方法

二、实验内容

1．本实验完成一个较为完整的针对学生信息、课程信息的管理系统，主要实现学生信息和课程信息的增删改查等功能。

系统需要三个表：

XSB学生表、KCB课程表、CJB成绩表。

其中XSB表中含有该学生所属专业的ID，且做外键，因此还需要一个专业表。

在登录学生成绩管理系统时，如果没有登录成功，就回到登录界面，登录成功则进入系统，进行各种操作，因此还需要一个DLB登录表。

实验十和实验十一包含的内容数量多，已经超过学时安排，因此，实验主要内容由教师给出，学生只需关注应用层开发。

实验十主要完成学生信息的显示、删除、修改、添加功能。

页面效果如图6.12、~图6.16所示。

三、实验指导

1．创建数据表XSB、KCB、CJB、ZYB、DLB

2．创建javaWeb项目xscjManage

3．创建如图6.1所示的目录结构。

org.action：

放置对应的用户自定义的Action类。

由Action类调用业务逻辑来处理用户请求，然后控制跳转。

org.dao：

放置DAO（数据访问对象）的接口，接口中的方法用来和数据库进行交互，这些方法由实现他们的类来实现。

org.dao.imp：

放置实现DAO的类

org.model：

放置表对应的POJO类及映射文件*.nbm.xml

org.service：

放置业务逻辑接口。

接口中的方法用来处理用户请求，这些方法由实现接口的类实现。

org.service.imp：

放置实现业务逻辑接口的类

org.tool：

放置公用的工具类，如分页类

struts.properties：

实现Struts2和Spring的整合

struts.xml：

配置Action

3．为项目添加Spring开发能力，并加载用户库，过程如图6.2~图6.7所示。

4．实现Hibernate持久层，分别编写5个数据表对应的POJO及对应配置文件

5．实现DAO，分别编写5个数据访问接口和实现类。

6．在Spring配置文件中加入上述5类对象的Bean设置。

7．实现业务逻辑层，分别编写登录服务接口和实现类，以及其他4种对象的服务接口和实现类。

8．在Spring配置文件中加入业务逻辑管理配置

9．在Spring配置文件中加入事务管理配置。

10．实现web层，配置web.xmlstruts.properties配置文件

11．实现分页功能

12．实现项目主界面

13．实现登录功能

14．实现学生信息管理，包括显示所有学生信息，显示某个学生的详细信息，删除学生信息，修改学生信息，添加学生信息。

15．部署测试

四、结果分析与讨论

本次实验是完成一个较为完成的大型信息管理系统，内容较多，学生主要分析了解教师提供的项目基础，然后主要完成应用层的学生信息管理功能。

实验十一SSH整合应用2-学生成绩信息管理

一、实验目的与要求

1．熟练掌握Myeclipse的使用

2．掌握Spring、Struts2、Hibernate整合开发的基本方法

二、实验内容

1．本实验是实验十的后续部分，主要完成学生成绩信息的管理功能，主要包括：

学生成绩信息的录入、显示所有学生的成绩信息、查询学生的成绩、删除学生的成绩信息。

三、实验指导

1．打开实验十的项目

2．在web目录下创建网页文件addCj.jsp：

添加学生成绩的网页

3．配置Action

4．编写Action类的实现代码

5．配置Spring的bean

6．添加分页显示学生成绩信息的CjAction类，并编码实现

7．编写显示页面xscjInfo.jsp

8．更改学生成绩信息页面

9．编写CjAction类，并配置Action信息。

10．编写成功页面oneXscj.jsp和不成功页面noXscj.jsp

11．编写删除类CjAction，并配置该Action

12．部署运行。

四、结果分析与讨论

本次实验是完成一个较为完成的大型信息管理系统，内容较多，学生主要分析了解教师提供的项目基础，然后主要完成应用层的学生成绩信息管理功能。

实验十二Ajax应用基础

一、实验目的与要求

1．熟练掌握Myeclipse的使用

2．掌握Ajax基本应用方法

二、实验内容

1．使用ajax技术在无刷新的情况下，验证用户名是否存在。

2．使用开源框架DWR编写一个异步查询系统时间的web程序。

三、实验指导

1．使用ajax技术实现无刷新验证用户。

（1）创建javaweb项目“AjaxTest”

（2）创建名为“CheckUser”的HttpServlet

（3）修改web.xml，进行相应配置

（4）编写index.jsp页面文件。

（5）部署运行

2．使用DWR异步查询系统时间。

（1）创建javaweb项目“AjaxDwr”

（2）添加DWR相关jar包

（3）修改web.xml文件

（4）创建drw.xml配置文件

（5）使用javascript远程调用Java类方法

（6）部署运行

四、结果分析与讨论

本次实验是完成二个小型页面程序，重点关注ajax的运行机制和具体的实现方法。