软件综合项目工程网上购物系统的设计和实现

网上购物系统设计和实现

专业：软件工程姓名：指导老师：

摘要伴随科技快速发展，在经济领域网络技术应用最突出一个例子就是

电子商务。电子商务在根本上改变了传统商品买卖模式，使买卖双方交易愈

加便捷而且降低了相互间交易成本。网上购物系统，一个含有交互功用物品

买卖系统，它在网上创建虚构购物商场，让购物变得轻松、快捷、方便。

本系统分为两个大模块。前台包含用户注册登录、浏览商品、查询商品、

商品评价、订购商品、购物车等；后台包含对商品及其种类管理、对用户信

息查看、订单详情、评论管理等功效。

本系统前台关键用JSP语言开发，后台数据库为MySQL,使用MyEclipse实

现，JSP引擎为tomcat7.0.6,展现给用户是一款以Web技术为基础、B/S架

构网上购物系统。

关键字SSH,Tomcat,MySQL,商城

Abstract

Withtherapiddevelopmentofscienceandtechnology,intheeconomicfield

ofnetworktechnologyapplicationofthemostprominentexampleise-commerce.

E-commercefundamentallychangedthetraditionalpatternofcommoditytrading,

sothatbuyersandsellersofthetransactionmoreconvenientandreducethe

transactioncostsbetweeneachother.Anonlineshoppingsystem,aninteractive

tradingsystem,whichcreatesfictionalshoppingmallsontheweb,making

shoppingeasier,quickandeasy.

Thesystemisdividedintotwolargemodules.Thefrontdeskincludesthe

registrationoftheuseranditstype,theuserinformationview,orderdetails,

commentmanagementandotherfunctions.

ThefrontofthesystemusingJSPlanguagedevelopment,thebackground

databaseforMySQL,theuseofMyEclipseimplementation,JSPenginefor

tomcat7.0.6,andshowtotheuserisaWebtechnology-based,B/Sarchitecture

onlineshoppingsystem.

KeyWords：SSH,Tomcat,MySQL,Mall

目录

1.绪论1

1.1课题背景1

1.2目的和意义1

2.相关技术介绍2

2.1SSH框架2

2.2MySQL数据库3

2.3B/S结构3

2.4JSP4

3.需求分析6

3.1可行性分析6

3.1.1技术的可行性6

3.1.2操作可行性6

3.1.3法律的可行性6

3.2用户用例图6

3.2.1标准用户用例图6

3.2.2管理员用例组7

3.3系统功能需求8

4.系统设计9

4.1系统总体架构设计9

4.2功能模块划分9

4.3数据库设计10

4.3.1数据分析11

4.3.2数据库的详细设计11

5.系统实现14

5.1开发环境的搭建14

5.1.1Wind5Vs8系统下所用软件14

5.1.2环境搭建14

5.3前台基本功能的设计16

5.3.1用户维护16

5.3.2商品展示20

5.3.3购物车21

5.4后台管理的设计22

5.4.1订单管理22

5.4.2商品管理23

5.4.3公告管理24

5.4.4评论管理25

6.系统测试25

6.1前台首页的测试25

6.2用户注册模块的测试26

6.3商品管理模块的测试26

7.结束语27

参考文献28

1.绪论

1.1课题背景

计算机Internet兴起改变这个社会商品贸易性质，中国部分企业从上世

纪崛起。不过，因为电子商务前进制度环境欠缺，对此制约法律不完善，信

用体系待加强引发一系列问题，对电子商务前进有了一定程度阻碍。从以

后，社会一步步前进，网络交易中多种瓶颈制约原因一个接一个地被打破，

企业扩散也增加了对电子商务影响。

自以来，中国电子商务发展很快,其市场交易规模从1.5亿元突增到9.7

亿元，达成30%年均复合增加率。网上交易和实体经济越来越亲密结合，不

停渗透在中国工业、农业、商务贸流、旅游和零售消费等多个范围。其支撑

体系，比如：物流配送、电子支付也在逐步扩大。

根据iResarch中国网购市场数据可知，第三季度中国网购市场交易额达

L15万亿元，和上十二个月相比，企业规模有了很大幅度增加，而且继续保

持平稳增加态势。国家统计局公布数据显示，同年第三季度中国消费品零售

总额达成8.2万亿元，网上购物在总额中所占百分比比去年同期增加13.9%,

涨幅为1.5个百分点。

概言之，中国电子商务发展势头良好、呈上升趋势，设计本系统是有必

需且明智之举。

1.2目标和意义

网上购物和传统购物相比有很多优点：

1.方便搜索

在线销售可使用多种检索方法，从分类、销售排名、新货等正确。

2.海量信息

较传统购物而言，网上购物系统拥有大量商品信息供买家选择。

3.成本低，风险小，无地域限制

对商家而言，在线购物打破了传统购物时间不足，使用户群愈加壮大，

增加了商品销路和销量，并省去了实际店铺所产生花销。对买家而言，可随

时随地购物，足不出户收揽世界各地美食美物。

2.相关技术介绍

2.1SSH框架

SSH是用于构建灵便，易于扩展多层Web应用程序多个框架(struts+

spring+hibernate)集成。在组合SSH框架中，三者各司其职:

Struts是一个很流行MVC框架，缩短了应用程序开发所需要时间，拥

有很强大拦截机制，Servlet和JSP是它关键关键。当使用StrutsMVC模式，

就能够有一个清楚逻辑，并能够减弱业务逻辑接口和数据接口结合，视图层

丰富改变，使程序结构化；

Spring在框架中充当着一个容器角色，维护着各层次之间关系。Spring

含有IoC容器、轻量、AOP、促进其它框架、面向接口等特征。这些特征避

免了每次全部要手动开启事务，提交事务反复代码，使开发逻辑愈加清楚、

更轻易管理。

Hibernate是开放源码对象关系映射框架。JDBC访问数据库代码被其封

装，数据访问层复杂反复性代码因为Hibernate而被强有力简化了。含有较

强移植性，适合各类数据库，不会改变繁琐代码，只需变换配置就能够继续

使用。

在SSH框架中，其架构图图2・1所表示，对象间调用步骤图2-2所表示：

图2-1SSH架构图

图2-2对象调用步骤图

2.2MySQL数据库

MySQL是一个开源关系型DBMS,在全部数据库管理语言中SQL语言

是它使用比较频繁一个。MySQL是一个中小型数据库，和其它数据库相比，

它因所占内存空间较小，速度快、可靠性较高、拥有很好适应性而备受关注。

本系统对数据库要求不是尤其高所以使用MySQL数据库绰绰有余。在本系

统设计过程中，利用了MySQL-Front这一款优异MySQL管理工具，能够在

任何地点对我们数据库有效而轻松进行管理。

2.3B/S结构

B/S结构即浏览器/服务器模式，该模式具体是这么：得到用户在浏览器

上向服务器发出请求消息，服务器需要处理相关信息而且发送回服务器。B/S

结构源自Web网络结构模型开发。在B/S模式下，所谓Web服务软件和

Web应用是至关关键，Web服务软件关键是处理用户对Web应用请求，并

对web应用运行且进行管理，让用户信息请求得到满足。所以，系统开发

需要安装JSP引擎，在这里用到是由Apache和Sun企业联合开发Tomcat服

务器。

B/S结构优点

1.含有分布式特点，打破时间空间限制，业务能够愈加方便被查询和浏

览。

2.业务易拓展，服务器功效多少取决于增加页面多少。

3.易维护，只需要更改页面，即可实现数据更新同时。

4.开发简单，共享性很好。

B/S架构图图2-3所表示：

图2-3B/S架构图

2.4JSP

现现在信息快速发展，Java已经无处不在。手机软件、手机游戏、电脑

软件全部多多少少包含到Java,只要你使用手机、电脑等电子产品，你就会

用到跟Java相关东西。很多包含到Java技术全部被普遍应用和认可，JSP就

是其中一个。

JSP(JavaServerPages)是在服务器上运行Java视图技术，能够使用HTML,

CSS,JavaScript等用户端语言编写模板文本。JSP支持所谓taglib,它们由

Java代码支持，我们能够经过该代码动态控制页面流或输出动态，一个著名

标签是jstl。JSP还含有内置servlet代码，不需要任何外部编译能够直接运

行。

JSP实施过程以下：

1.用户端访问JSP页面；

2.JSP文件被转变成Servlet源码；

3.Servlet源码被进行了编译；

4.JSP容器加载编译后代码并运行;

5.把实施过程响应到用户端。

实施过程图2-4所表示：

JSP执行过程

图2-4JSP实施过程

3.需求分析

3.1可行性分析

3.1.1技术可行性

MyEclipse和MySQL数据库实现本系统关键工具，Java语言因为跨平

台、轻易掌握被广泛使用。大二时对Java有了一定程度学习，大四上学期进

行了实习实训对SSH架构也有了部分认识和掌握，对系统数据库实现是关

键要做工作。在校学习期间对软件分析、测试等也有一定经历，实现了本系

统在技术上可行性。

3.1.2操作可行性

本系统只需要一台PC就能够对其进行操作，而且操作方便，不需要太

多专业计算机方面知识。依据具体提醒就能够轻易实施自己想要做事情，在

日期输入方面采取下拉式日历，不用再对日期格式纠结，操作方面含有可行

性。

3.1.3法律可行性

本系统是自主设计购物系统，很有现实意义。大部分用到开发工具全部

是开源，实现该系统没有侵权，这在法律上是可行。

概言之，开发本系统是完全能够。

3.2用户用例图

3.2.1标准用户用例图

对一般用户而言使用该系统具体步骤以下：

未注册用户能够浏览商品，查看公告。当需要购置时进行注册，注册完

成进行登录。完成上述操作，想变更个人信息很轻易，只需进去个人信息就

能够对其进行所需更新。登录后可选择商品并进行订购，把商品加入购物车

后去收银台结算，提交订单后取得订单后，等候商品抵达。

其用例图图3T所表示:

图3-1一般用户用例图

3.2.2管理员用例图

管理员在这个系统中充当了关键角色，包含到功效模块关键有以下六部

分：

图3-2所表示：

图3-2管理员用例图

3.3系统功效需求

1.前台系统功效模块分为

（1）商品展示模块：经过新货上架、销量排名、焦点商品、特价商品等；

（2）商品查询模块：商品可按类别查询也能够再搜索框输入具体名称；

（3）购物车模块:将商品加入购物车后能够选择删除、数目、更新价格、

返回继续购物、结算等操作；

（4）用户维护模块：许可使用者注册、登录、更改个人消息等；

（5）订单查询模块：能够看到历史订单和各个订单状态、支付金额、时

间等信息；

（6）公告浏览模块：用户可立即了解店铺活动；

（7）评论模块：对心仪商品进行评价。

2.后台系统功效模块分为

（1）商品管理模块：可查询商品并对其进行编辑和添加商品；

（2）会员管理模块：管理员查看注册用户信息并对其进行操作；

（3）商品类别管理模块：对商品类别和其子类做部分所需更改；

（4）订单管理模块：特权用户对订单相关情况进行了解并安排发货或

拒绝该交易；

（5）公告管理模块：管理员添加或公布相关商城消息；

（6）评论模块：对买家评价进行浏览并选择删除或保留。

4.系统设计

4.1系统总体架构设计

在设计本系统时候，要尽可能让大家看清楚，严格依据三层结构。JSP关

键应用到了表现层，Servlet应用到了中间层，数据储存关键利用到了MySQL

数据库。

具体总体构架图4-1所表示：

皮朋做务

图4-1系统总体架构

4.2功效模块划分

依据所描述功效需求，本系统能够完成以下功效。系统功效模块，图4-

2所表示：

浏览公告公告管理

网浏览商品

上

购

前台管理查询商品后台管理

翼

统

购买商品-

一用户注册国单管理

图4-2功效模块图

在本系统中用户管理模块包含到功效较而言之有些轻易。系统使用早

期，用户“b”被设置为系统管理员，是由设计者手动连接到数据库中。“b”

能够创建另外管理者信息，标准用户自己处理自己所要处理信息。

关键功效图4-3所表示：

系

统

用

户

信

息

管

理

图4-3用户管理功效模块关系图

4.3数据库设计

本系统对数据库要求不是尤其高所以使用MySQL数据库绰绰有余。在

本系统设计过程中，利用了MySQL・Front这一款优异MySQL管理工具，让

我们数据库能够在任何地方被方便维护和管理。

4.3.1数据分析

1.用户注册、登录，建立用户信息数据表是必不可少，数据项包含用户

联络方法、用户名、密码、地址等；

2.查询商品信息和详情，不仅要对类别进行管理，而且还需对每个商品

进行管埋，2个数据表是具下限；

3.下单完成以后要进行订单管理，包含基础信息和订单详情等；

4.系统需要被管理,管理员信息数据表示需要被建立，包含管理员信

息、密码等数据项。

5.买家对商品要给出评价，在该系统建立消息形式是一定要，包含所要

评价信息名称、日期等。

关键创建数据项和结构以下：

＞用户信息：买家ID,买家名等；

＞管理员信息：管理员ID,密码等；

＞商品信息：商品ID,商品名称、单价等；

＞商品类别信息：商品类别ID,类别名称等；

＞订单信息：订单ID,用户编号，订货地址等；

＞订单明细信息：订单ID,商品ID,订货时间等；

＞评价信息：评价标题，评价R期，评价内容等。

4.3.2数据库具体设计

对数据进行分析后，将该购物系统数据库命名为db_snaokshop,使用以

下几张表来存放所需要数据。

1.商品信息表

在该表中收录了全部商品部分信息。如表4-1所表示：

表47商品信息表

序号名称别名类型长度（字符）

1soodid编号int4

2classid类别varchar50

3name商品名称varchar50

4publisher添加者varchar50

6content简介int4

7price价格int4

8imageurl图片varchar50|

2.商品类别信息表

对商品进行归类存放，让买家更轻易找到所需要货物，卖家对商品也方

便管理。如表4-2所表示：

表4-2商品类别表

序号名称别名类型长度（字符）

1classid种类编号int4

2typename种类名称varchar50

3createtime创建时间varchar20

3.订单信息表

此表用于统计用户下单情况，让用户便于查看商品订单情况也为admin

发货给了一定数据支持。如表4-3所表示：

表4-3订单表

序号名称别名类型长度（字符）

1orderid订单IDint4

2ordemo订单编号varchar50

3userid用户编号varchar50

4submittime提交时间varchar50

5status状态int4

6orderaddress订单地址varchar50

7orderpostzip订单邮编varchar6

8totalprice总价格int4

9phone联系电话varchar11

4.订单明细信息表

买家购置商品后，形成一个商品独有订单号，在这订单中包含买家购置

商品具体数量和规格等内容，卖家关键依据订单信息为买家安排发货。如表

4-4所表示：

表4-4订单详情表

序号名称别名类型长度（字符）

1id订单明细编号Int4

2orderid订单编号Int4

3soodid商品编号Int4

4amont购买数量Int4

5.用户信息表

表中关键统计了用户ID、名称、住址等信息，方便买家对自己信息进行

修改，卖家对购物者具体信息进行管理。如表4-5所表示：

表4-5用户信息

序号名称别名类型长度(字符)

1userid用户IDint4

2username用户名varchar50

3password用户密码varchar50

4reallyname真实姓名varchar50

5address住址varchar50

6sex性别varchar50

7phone联系电话varchar50

8email用户邮箱varchar50

9user_qq用户QQvarchar50

10reetime注册时间varchar50

5.系统实现

5.1开发环境搭建

5.1.1Windows8系统下所用软件

(1)jdkl.7.0_17

(2)mysql-5-winx64

(3)MySQL-Front

(4)apache-tomcat-7.0.6

(5)MyEclipse8.5

5.1.2环境搭建

(1)JDK环境变量配置

第一、在Sun官网无偿获取JDK安装程序，并点击安装。

第二，JDK安装完成，配置环境变量。

点击“设置”一〉“电脑信息”一＞“高级系统设置”，选择“高级”，点

击“环境变量”按钮。

打开系统变量，点击“新建”，添加名为Java_Home变量名；变量值输

入C:\ProgramFiles\Java\jdkl.7.0_17,点击确定。同上新建一个变量名为：

classpath,值为：.;%Java_Home%\lib;%Java_Home%\lib\tools.jar变量，点击

确定。点击Path变量，点击“编辑”，在变量值中添加：%Java-

home%\bin;%Java_Home%\jre7\bin;,点击确定。

（2）安装myeclipse8.5o双击exe文件，选择路径，依据提醒逐步安装。

（3）添加Struts和Hibernate。右击“工程”——>“BuildPath”——>uConfigure

BuildPath”找到所需要Struts?和Hibernate包进行添加。

（4）安装mysqL5-winx64。点击exe文件行安装，安装完成后，需要以

下操作来测试是否安装成功。在命令行输入mysql-uroot-pl23（-u后面为

用户名，・p后为数据库密码），若显示图5.1所表示效果，则MySQL安装成

功。

adoryn^ubuntu:•*$mysql-uroot-p

Enterpassword:

MelcometotheMySQLmonitor.Commandsendwith;or\g.

YourMySQLconnectionidis43

Serverversion:5.5.40-Oubuntu0.14.04.1(Ubuntu)

Copyright(c)2000,2014,Oracleand/oritsaffiliates.Allrightsreserved.

OracleisaregisteredtrademarkofOracleCcrporationand/orits

affiliates.Othernamesmaybetrademarksoftheirrespective

owners.

Type'help;*or'\h'forhelp.Type'\c'toclearthecurrentinputstatement.

wysql>.

图5-1测试MySQL安装成功

（5）安装MySQL-Front软件。该软件是一款优异MySQL数据库管理

工具，在MySQL-Front官网或华军软件园下载后，双击下载exe文件，按摄

影应提醒安装即可。

5.2系统首页设计

本购物商城主界面设计图5-2所表示，进入该页面可了解到网站关键功

效，左上部分为用户注册、登录；公告浏览、商品查询、销量排行处于右部

分，关键是为方便用户了解和购置商品。

所有产品分类■页焦点樗行WrS±«恃价育会

豆类制品

碗公缶

鱼类制品

果蔬干类

名称由例I

・价:m.0

，JW

以■各二

其他tMDAS

MfiKh

鱼干

鱼好首

名称片财以

・检：】0.0

图5-2系统首页

5.3前台基础功效设计

5.3.1用户维护

使用本系统用户提供信息要可靠而且需要安全管理，所以用户管理在网

购系统设计中含相关键意义。

该模块包含到功效以下：

1.注册

（1）实现目标

用户注册需要对密码进行输入、确定并填写真实个人信息如：姓名、地

址、邮箱等。用户只需根据所需填写即可。邮箱即使不是必不可少，不过设

置这么一个东西有以下好处：第一，用户邮箱很大程度比其它联络方法固定

而且是唯一；第二，经过用户e-mail能够更方便联络。在注册时，提醒不符

合规矩，则需重新填写。成功注册后信息会在后台数据库中存放。界面设计

图5-3所表示。

注册

神户名:

*密码：

*确认密码:

*真实姓名:

性别：

*出生年月:

*联系方式:

*电子信箱:

*家庭住址:

*住址邮编:

安全问题：

问题答案：

询认

图5-3用户注册模块

表5-1用户注册表

名称类型含义

userNameText输入用户名称

passwordPassword愉入密码

passwordOnePassword检人确认密码

userRealnameText输入直实姓名

userAddressText输入住址

userSexradio选择性别

userTelText愉入联系方式

E-mailText输入E-mail地址

确定Button提交用户信息

取消Button取消注册

2.登录

(1)对用户登录关键步骤描述

用户登录要对其输入信息进行校验，假如之前有注册，登录成功。相反，

假如用户未注册，提醒对应造成无法登入信息。用户登录过程步骤图图5-4

所表示。

图5-4用户登录步骤图

用户登录界面图5-5所表示:

我是会员，我要矍陆

场用户名：I-]

*01201：|画

忘记密码了？点击-单♦回王―MI

如臬你不是会员.清先注册！'注册

图5-5用户登录模块

表5-2用户登录表

名称类型含义

userNameText愉入用户名

passwordPassword愉入密码

注册button注册新用户

登录button登录网站

3.用户修改

（1）实现目标

登入系统后，主界面会有“个人信息”模块，点击此处查看个人信息。

在该界面能够对自己所注册信息进行查看，若要进行更改，点击“修改个人

信息”就能够对不满意信息进行更改，若不需要做任何变动，点击“返回主

页”就能够继续购物。修改个人信息界面图5-6所表示：

资料修改

*用户名：母瑞仙

*密码：

*确认密码：

*真实姓名：仙女

性别：回男画女

*出生年月：1995-01-10

*联系方式：1233333

*电子信箱：957345169€qq.com

*家庭住址：兰州

*住址邮编：766600

安全问题：你叫什么名字？v

问题答案：1

确认

图5-6用户修改模块

表5-3修改个人信息表

名称类型含义

userNameText输入用户名称

passwordPassword输入空码

passvvordOnePassword检人确认密码

userRealnameText输入亘买姓名

userAddressText检入住址

userSexradio选择性别

ixserTelText愉入联系方式

E-mailText输入E-mail地址

确定Button提交用户信息

重窗Button重新

5.3.2商品展示

1•实现目标

货物在界面上以不一样方法展现给买家。第一：将全部产品进行分类,

每一类中又有其子类，将产品具体划分，让买家愈加方面找到自己所需；第

二：分别从销量、评价、价格、上架时间匹个角度把产品划分为热销商品、

焦点商品、特价商品及新品上架，让买家从另一个角度了解到产品好坏和是

否值得入手。其界面设计图5-7所表示：

□

所有产品分类

豆类制用

金为制品5

果11干类ftW•0*

•tn»0o

4^耐

Hte

图5-7商品展示界面

2.实现过程

所在页面名称：index.jsp

经过查询对应表，按销售额字段升序排列实现。

5.3.3购物车

1.购物车程序步骤描述

用户将商品添加到购物车，点击进入购物车后，可对商品进行数量修改,

满意后更新价格，进入结算中心结账或返回继续购物，最终一起结算。当用

户决定不买商品时，对购物车清空后继续返回购物。其步骤图图5-8所表示：

图5-8购物车程序步骤图

界面设计图5-9所表示：

所有产品分类・太仲疝搏行MOJJR必个人借图

・■国■K•■分・«.

豆类就品

金抵制品

日我的购物车O廉£孰狂

甲藐干类娜购物车里的百品一马上购买题始价格会员依格购买数量

话梅美测遗31鼠。11_____

其他商品小计：31更新

C5麻冠野豹0谈入珞许中*

图5-9购物车模块

5.4后台管理设计

5.4.1订单管理

1.实现目标

在该模块中管理员能够了解用户下单具体情况。在和仓库核实后若有库

存，依据具体信息联络仓库进行发货，发货后点击“发货”通知用户；假如

仓库没货，立即联络买家并删除订单。该界面图5T0所表示设计：

I宣期.

首页1下一贡昆贡1/2

订单情号订则同播^]

02017f3-M11:42:50.0||潮Ml患发货1»

14S94S3023424901一ft女02017-03-1405:17:03.0法细信息发货*保

1439151153972021—12017-03-1009:05:58.0详细信息发货“保

1439149020341419—12017P3ro0$:30:20.0|[注如信息发货*徐

1439140371850749——02017P3ro06:06:11.0||过知信息发货*1余|

图570订单管理模块

5.4.2商品管理

1.实现目标

商品能够被管理员进行删除、修改等操作，在搜索框查询具体要编辑商

品后点击“修改”就能够进行上述操作，依据对应商品对其添加图片。图5-

11所表示设计：

到隔8

???1【2】。］？??？。？1/3

商品墉居高品名称1商品笑我|m细僮电务作!|

详细的

70鱼干23殛辍1

69鱼褪11X【洋如信息限.除

1修改制Ml

6320详细信息

67话干I30|由a信是做删馀1

।械照保ii

66♦1301详绸信息

图5T1商品管理模块

5.4.3公告管理

1.实现目标

建立该模块让商家能够在自己系统平台上为所销售物品打广告，买家进

入商城主页后也能够第一时间了解商品实时资讯。该界面图5-12所表示设

计：

??*1P?i/i

辆内百

聚集各类体用I食，为广大电货朋友TI发IS健康，驾舞，美味的优防星应：n