基于SSH框架和jQuery技术的网上书城

*****大学

毕业论文(设计)

学院: 计算机科学学院

专业：计算机科学与技术年级:

题目:基于SSH框架和jQuery技术的网上书城

学生姓名: 黄**平学号:09061162 指导教师姓名: *** 职称: 副教授

2013年5月2日

******大学本科毕业论文（设计）原创性声明

本人郑重声明：所呈交的论文是本人在导师的指导下独立进行研究所取得的研究成果。除了文中特别加以标注引用的内容外，本论文不包含任何其他个人或集体已经发表或撰写的成果作品。本人完全意识到本声明的法律后果由本人承担。

作者签名：年月日

目录

摘要 (1)

Abstract (1)

1.1 问题定义 (2)

1.2 系统平台介绍 (2)

1.3 J2EE的概念 (3)

1.3.1 J2EE的四层模型 (3)

1.3.2 J2EE的核心API与组件 (3)

1.4 系统架构的设计 (5)

1.5系统模块划分 (5)

1.6 数据库的设计 (7)

1.6.1 数据库的大致设计过程如下 (7)

1.6.2数据表结构详情 (7)

2系统功能模块设计 (9)

2.1 系统用户登录界面设计 (9)

2.2 产品浏览模块 (10)

2.3 用户注册模块 (11)

2.4 邮箱验证模块 (12)

2.5 购物车模块 (13)

2.6 填写送货地址模块 (14)

2.7订单生成模块 (14)

3 系统测试 (15)

3.1 系统的测试方式 (15)

3.2 系统测试中发现的错误及解决办法 (15)

3.2.1 数据库更新不同步问题 (15)

3.2.2中文乱码问题 (15)

4.1 SSH各自的特性 (16)

4.1.1 Struts1的工作原理 (16)

4.1.2 Spring工作原理 (17)

4.1.3 Hibernate工作原理 (18)

4.2 jQuery技术 (18)

4.3 优良的扩展性 (19)

结论 (19)

致谢 (20)

参考文献 (20)

基于ssh框架和jquery技术的网上书城

摘要：本系统主要采用基于jQuery技术的B/S开发模式（J2EE），以建设一个当当网电子书城

系统为实例进行设计说明。数据库采用了MySQL平台。系统主要用到了三个框架：jQuery+ Hibernate + Spring。本系统是基于SSH框架和jQuery技术的网上书城，提供产品的浏览，购物车，订单，用户管理等功能。系统不仅能够提高运行效率，而且能为客户带来更优异的服务。

关键词：SSH；数据库；JDBC；MYSQL；J2EE；SPRING；HIBERNATE

SSH-based and jQuery Online bookstore Design

Abstract：The system is based on jQuery technology, B/S Development Model (J2EE), to build a

dang online bookstore design description as an example. Based on MySQL database. The system uses three frame: JQUERY + Hibernate + Spring.providing the online shopping, the shopping cart, the order,user management and so on. System not only increased efficiency, and provide customers with superior service.

Key words：SSH; Database; JDBC; MYSQL; J2EE; SPRING; HIBERNATE;JQUERY

引言

信息技术的发展和成熟改变了我们的生活方式，互联网已日益成为收集提供信息的最佳渠道并逐步进入传统的流通领域，正如移动通信的发展加快了生活的节奏，提高了工作效率一样，网上书城正以一种全新的姿态步入了我们的生活。

许多的网上书城在经历了开业初的喧闹之后，纷纷由于这样或那样的原因露出萧条的迹象，渐渐被人冷落，这样的事实让人多少有些无奈。但是，正如同股市中熊市底部是进入市场的好时机一样，它也在低迷中默默地积蓄着力量，酝酿生机，等待着有一天奋力一振，重现辉煌。但目前网上书城存在的问题主要有三个方面：（1）外部环境有待进一步改善；（2）经营意识的滞后和相关资源的缺乏；（3）没有形成真正意义上的市场。而优势必须要依靠规模效应来体现，摊薄成本必须以业务量的扩大为前提，要以优势价格来吸引顾客，书城就必须使成本比传统商业更低，业务量越大，成本的优势越明显。进入良性循环的关键是业务量。总之，目前网上书城尚未成气候，并不是因为这种形式没有生命力，而是尚处于发展过程中的必经阶段。

经过以上的分析，可得网上书城具有光明的前景。本课题就是要以Web技术建立一个能在Internet/Intranet上稳定运行的当当网电子书城系统。Internet/Intranet的飞速发展使得新的Web 开发平台被不断提出。目前技术最为成熟的而且又彼此竞争的两大应用程序平台Microsoft公司的.NET和Sun公司的J2EE在可靠性、可管理性和负载平衡上都已经实现得相对成熟且不分伯仲。两大平台在设计意图和体系结构上相似，但底层实现不同。J2EE以其较好的可扩展能力和移植能力、支持众多分布式技术、平台无关性、高的可重用性及开放的规范等优点得到业界的广泛支持，并得到众多Web开发者的青睐，因而也得到了快速的发展。

本文所讨论的内容即为如何把网上书城系统实现于J2EE这样一个Web架构[1]。

1 系统分析概述

1.1 问题定义

定义阶段的主要任务：我们要实现网上书城系统，目标是通过建设一个管理网站，为客户提供更优异的服务，进而改善书城的购买功能。系统涉及到基本的产品浏览功能、购物车，订单，用户管理等功能。

1.2 系统平台介绍

本系统是基于J2EE的Web模式，应用了MyEclipse作为开发工具，搭建了MyEclipse+SQL Server的运行平台，MyEclipse是J2EE的一个集成开发工具，它可以加快程序的开发，大大提高程序员的开发效率和软件产品质量。MyEclipse在工程管理，Web应用程序开发，以及对于工程的部署都是非常简便易行的。在运行设置以及编辑器方面也有了较大的改进，它提供了大量的功能：可以使用一个新的标准的Web开发框架，加速Web应用程序；支持J2EE、Web Applications，可以更灵活的开发软件。本系统采用MVC软件设计模式，即模型-视图-控制器，被推荐为J2EE 平台的设计模式，它已收到越来越多的Web开发者的欢迎，并且应用Struts来实现MVC的机制。Struts实质上就是在JSP的基础上实现的一个MVC框架。在Struts框架中，模型由实现业务逻

辑的Javabean组件构成，控制器由Servlet来实现，视图由一组Jsp文件构成[2]。

SQL Server是一个DBMS。Microsoft SQL Server 2000能够提供较大系统所需要的数据服务。SQL Server 2000有强大的保护功能来处理数据。同时，SQL Server 2000 具有易用性、可收缩性、可靠性、数据仓库、系统集成等特性。这两者的有机结合可以很好的适应本系统的开发。

1.3 J2EE的概念

Sun Microsystems公司发起了一项称为Java2 Platform，Enterprise Edition（J2EE）的技术创新，旨在将Java平台的范围扩展到大规模服务器环境。它的英文定义为“Open and standard based platform for developing, deploying and managing n-tier,web-enabled,server-centric enterprise applications”。也就是说J2EE是开放的、基于标准平台，用于开发、部署和管理N层结构，面向Web的、以服务器为中心的企业级应用。换句话说，它是一套体系结构，而不是一个具体的软件。J2EE技术的基础核心就是Java平台或Java 2平台的标准版，J2EE巩固了标准版中的许多优点，例如"编写一次、随处运行"的特性、方便存取数据库的JDBC API、CORBA技术以及能够在Internet应用中保护数据的安全模式等等，同时还提供了对EJB（Enterprise JavaBeans）、Java Servlets API、JSP（Java Server Pages）以及XML技术的全面支持。其最终目的是成为一个能够使企业开发者大幅缩短投放市场时间的体系结构。

1.3.1 J2EE的四层模型

J2EE使用多层的分布式应用模型，应用逻辑按功能划分为组件，各个应用组件根据它们所在的层分布在不同的机器上。Sun Microsystems公司设计J2EE的初衷正是为了解决两层模式(client/server)的弊端，在传统模式中，客户端担当了过多的角色而显得臃肿，在这种模式中，第一次部署的时候比较容易，但难于升级或改进，可伸展性也不理想，而且经常基于某种专有的协议――通常是某种数据库协议。它使得重用业务逻辑和界面逻辑非常困难。现在J2EE 的多层企业级应用模型将两层化模型中的不同层面切分成许多层。一个多层化应用能够为不同的每种服务提供一个独立的层，以下是J2EE 典型的四层结构：

1、运行在客户端机器上的客户层组件

2、运行在J2EE服务器上的Web层组件

3、运行在J2EE服务器上的业务逻辑层组件

4、运行在EIS服务器上的企业信息系统(Enterprise information system)层组件

J2EE应用程序组件J2EE应用程序是由组件构成的。J2EE组件是具有独立功能的软件单元，它们通过相关的类和文件组装成J2EE应用程序，并与其他组件交互。

1.3.2 J2EE的核心API与组件

J2EE平台由一整套服务（Services）、应用程序接口（APIs）和协议构成，它对开发基于Web 的多层应用提供了功能支持，下面对J2EE中的5种技术规范进行简单的描述：

1、JDBC(Java Database Connectivity):

JDBC API为访问不同的数据库提供了一种统一的途径，象ODBC一样，JDBC对开发者屏蔽了一些细节问题，另外，JDCB对数据库的访问也具有平台无关性。

2、JNDI(Java Name and Directory Interface):

JNDI API被用于执行名字和目录服务。它提供了一致的模型来存取和操作企业级的资源如DNS和LDAP，本地文件系统，或应用服务器中的对象。

3、EJB(Enterprise JavaBean):

它们提供了一个框架来开发和实施分布式商务逻辑，由此很显著地简化了具有可伸缩性和高度复杂的企业级应用的开发。EJB规范定义了EJB组件在何时如何与它们的容器进行交互作用。容器负责提供公用的服务，例如目录服务、事务管理、安全性、资源缓冲池以及容错性。但这里值得注意的是，EJB并不是实现J2EE的唯一途径。正是由于J2EE的开放性，使得有的厂商能够以一种和EJB平行的方式来达到同样的目的。

4、Java Servlet:

Servlet是一种小型的Java程序，它扩展了Web服务器的功能。作为一种服务器端的应用，当被请求时开始执行，这和CGI Perl脚本很相似。Servlet提供的功能大多与JSP类似，不过实现的方式不同。JSP通常是大多数HTML代码中嵌入少量的Java代码，而servlets全部由Java 写成并且生成HTML。

5、JSP(Java Server Pages):

JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术在多个方面加速了动态Web页面的开发。

(1)将内容的生成和显示进行分离：

使用JSP技术，Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终页面。

(2)强调可重用的组件：

绝大多数JSP页面依赖于可重用的，跨平台的组件（JavaBeans或者Enterprise JavaBeans TM 组件）来执行应用程序所要求的更为复杂的处理。

(3)采用标识简化页面开发：

Web页面开发人员不会都是熟悉脚本语言的编程人员。JavaServer Page技术封装了许多功能，这些功能是在易用的、与JSP相关的XML标识中进行动态内容生成所需要的。

JSP技术很容易整合到多种应用体系结构中，以利用现存的工具和技巧，并且扩展到能够支持企业级的分布式应用。作为采用Java技术家族的一部分，以及Java 2（企业版体系结构）的一个组成部分，JSP技术能够支持高度复杂的基于Web的应用。

由于JSP页面的内置脚本语言是基于Java编程语言的，而且所有的JSP页面都被编译成为Java Servlet，JSP页面就具有Java技术的所有好处，包括健壮的存储管理和安全性。作为Java 平台的一部分，JSP拥有Java编程语言“一次编写，各处运行”的特点。随着越来越多的供应商将JSP支持添加到他们的产品中，则可以使用自己所选择的服务器和工具，更改工具或服务器并不影响当前的应用。当与Java 2平台，企业版(J2EE)和Enterprise JavaBean技术整合时，JSP页面将提供企业级的扩展性和性能。

JSP的主要优势有：

(1)一次编写，到处运行。

(2)系统的多平台支持。基本上可以在所有的平台上的任意环境中开发，在任意环境中进行系统部署，在任意环境中扩展。

(3)强大的可伸缩性。

(4)多样化和功能强大的开发工具支持。

基于以上分析本系统采用JSP动态网页技术进行开发。

1.4 系统架构的设计

传统的MVC开发模式。如图1-1 所示：（SSH，Struts+Spring+Hibernate）

图1-1 传统MVC系统架构图

本系统没有完全使用图1-1所示的系统架构，而是结合了图1-2所示的系统架构，采用基于SSH框架和jQuery技术方式实现[3]。

图1-2 Spring MVC系统架构图

1.5系统模块划分

通过对需求分析中信息的提炼，我们把系统中的对象确定为二类：普通用户、管理员。每一类用户享有自己不同的角色特性，普通用户就是主要的服务对象，而管理员则是对书籍的更新，产品的修改，增加，删除等操作。系统中普通客户、管理员的用例图如下：

图1-3普通用户用例图

流程简述：

用户打开主页，通过主页链接进入分类浏览页面，这里的分类浏览其实就是概览书籍。等待用户选购等操作。如果用户对商品感兴趣可以打开产品的详细信息进行查看，如果觉得可以购买，则可以添加到购物车，如果觉得不好可以返回上一层继续浏览其他商品。在点击登陆后验证用户身份，如果身份确认就添加到购物车，如果身份错误就转到登录页面。当用户确认购物车中的商品点击提交之后，将购物车的内容按相应格式存入到订单信息表中。

返

回

分类

浏览

图1-4管理员用例图

流程简述：

管理员进入登录页面，输入用户名密码，点击提交之后，与数据库中的用户信息表进行比对。如果比对成功就转到管理员操作页面，管理员可以在其中对商品进行更新，删除，增加等操作。

1.6 数据库的设计

1.6.1 数据库的大致设计过程如下

(1)根据系统的需求，整理业务流程中的所需数据，形成数据字典。

(2)设计数据的概念模型，按照功能模块的划分来对数据建模。

(3)逻辑结构设计，把概念结构转化为与所采用的数据库管理系统所支持的数据模型相符合的过程。

(4)将数据模型进行分析之后，绘制系统图[4]。

(5)数据库的实施与维护。

1.6.2数据表结构详情

通过对关系模型的规范化处理，数据库中关系模型的关系已经满足了三范式的要求，其中几张主要的表的详细信息如下：

（1）用户信息表

表1-1 用户信息表

（2）产品信息表

表1-2 产品信息表

表1-3 书籍表

表1-4 类别信息表

（5）产品种类对应关系表

表1-5 产品种类表

表1-6 订单信息表

（7）接收订单表

表1-7 接收订单表

2系统功能模块设计

2.1 系统用户登录界面设计

功能：用户在进行产品浏览时候，想要购买书籍，必须先登录成功。与之相关的代码（https://www.360docs.net/doc/4e2422678.html,er.LoginAction）。

截图如下：

图2-1 系统用户登录界面

2.2 产品浏览模块

浏览模块是系统中重要的部分，它为客户提供各种书籍。主要包括热门的书籍，推荐的书籍，最新上架的书籍等。其热门书籍中小说部分包括当代小说，近现代小说，古典小说，四大名著，世界名著。与之相关的代码（com.dangdang.action.main.BookListAction,com.dangdang.action.main. CategoryAction,com.dangdang.action.main.RecommendAction,com.dangdang.action.main.NewAction ）。

截图如下：

图2-2 客户控制台界面

2.3 用户注册模块

用户只有在注册的情况下才能选购物品。用户只有在注册了的情况下，才能进行登录，从而购买书籍。与之相关的代码（https://www.360docs.net/doc/4e2422678.html,er.RegisterAction）。

图2-3 用户注册界面

2.4 邮箱验证模块

邮箱验证主要功能：防止非法用户登录。

与之相关的代码（https://www.360docs.net/doc/4e2422678.html,er.CheckEmailAction）。

截图如下：

图2-4 邮箱验证界面2.5 购物车模块

功能：根据你选定的物品形成购物车。

与之相关的代码（com.dangdang.action.cart.BuyAction）。

截图如下：

图2-5 购物车界面

2.6 填写送货地址模块

功能：填写详细的地址，方便物品发送。

与之相关的代码（com.dangdang.action.order.AddressAction）。

截图如下：

图2-6送货地址界面

2.7订单生成模块

功能：根据你填写的信息生成相应的订单。

与之相关的代码（com.dangdang.action.order.OrderOkAction）。

截图如下：

图2-7订单生成界面

3 系统测试

3.1 系统的测试方式

系统的开发过程中，往往需要面对很多复杂的问题，因此，在软件的生存周期内会存在着各式各样的问题。为了保证给客户提供一个功能完整、运行稳定的系统，我们需要在每个模块的开发过程当中做好技术审查工作，尽可能早地发现问题、纠正问题。本系统中测试主要的测试步骤如下：

(1)单元测试：是系统中的原子模块，采用Junit对每一个类中的方法进行功能性和结构性的测

试，其主要目的是发现程序编码上的错误[5]。

(2)集成测试：建立在单元测试基础之上，通过测试模块与模块之间的作用关系，寻找出系统的

异常错误。该阶段往往发现我们在概要设计时的错误。

(3)系统测试：一般说来，系统测试不是结构性测试，而是功能性测试，具有一定的宏观性。该

阶段发现的问题往往是需求分析阶段的错误。

3.2 系统测试中发现的错误及解决办法

3.2.1 数据库更新不同步问题

问题描述：在数据库操作过程中，利用Hibernate数据DAO执行Update语句，操作成功，但数据库中数据并未发生变化。

原因分析：Hibernate为了提高数据库的访问运行效率，采用了数据缓存技术。也就是说，通过DAO执行Update语句之后，数据只是在内存中更新变化了，只有到Hibernate的底层数据对象session执行flush方法之后，才会把刚才执行过的SQL操作与底层数据同步。

处理办法：对数据库增、删、改操作强制加入事务管理，在事务提交完成之后，强制执行session的flush方法以保证数据的同步。

3.2.2中文乱码问题

问题描述：通过Web访问网页时，返回的中文呈乱码显示。

问题分析：这属于编码问题。HTML页面编码与系统服务返回的编码类型不一致会发生乱码问题；MySQL数据库的字符集编码与Java操作类处理的编码类型不一致，也会发生中文乱码问题。

解决办法：首先，保证底层数据库的编码方式和Java类中处理的编码类型一致；其次，HTML 页面编码与Web服务中返回的编码一致。因为UTF-8编码方式对国际编码支持良好，所以本系统中统一使用UTF-8做字符编码。

4 系统的技术特点

4.1 SSH各自的特性

4.1.1 Struts1的工作原理

1.初始化：struts框架的总控制器ActionServlet是一个Servlet，它在web.xml中配置成自动启动的Servlet，在启动时总控制器会读取配置文件(struts-config.xml)的配置信息，为struts中不同的模块初始化相应的对象。(面向对象思想)

2.发送HTTP请求：用户提交表单或通过URL向WEB服务器提交请求，请求的数据用HTTP 协议传给web服务器。

3.form填充：struts的总控制器ActionServlet在用户提交请求时将数据放到对应的form对象中的成员变量中。

4.将请求派发到具体的Action处理：控制器根据配置信息对象ActionConfig将请求派发到具体的Action，对应的formBean一并传给这个Action中的excute()方法。

5.处理业务：Action一般只包含一个excute()方法，它负责执行相应的业务逻辑(调用其它的业务模块)完毕后返回一个ActionForward对象。服务器通过ActionForward对象进行转发工作。

6.返回目标响应对象：Action将业务处理的不同结果返回一个目标响应对象给总控制器。

7.转换HTTP请求到目标响应对象：总控制器根据Action处理业务返回的目标响应对象，找到对应的资源对象，一般情况下为jsp页面。

8.响应用户：目标响应对象将结果传递给资源对象，将结果展现给用户。