基于JAVA的（京东）电商系统设计与实现

4.4 用户模块实现 18

4.4.1 用户注册 18

4.4.2 用户登录 19

4.5 商品模块实现 20

4.5.1 商品搜索 20

4.5.2 商品浏览 21

4.5.3 商品信息展示 21

4.6 购物车模块实现 22

4.6.1 加入购物车 22

4.6.2 我的购物车 23

4.6.3 购物车结算 23

4.6.4 提交订单 24

4.7 本章小结 24

第5章 系统测试 25

5.1 界面测试 25

5.2 功能测试 25

5.3 本章小结 27

总结与展望 28

参考文献 29

致 谢 30

第1章 系统概述

1.1 系统开发背景

2018年12月止，电子商务直接雇员（包括电子商务平台，初创公司，服务提供商，电子商务经销商等）人数已经不止350万，号码（物流，市场营销，培训，直播等）已不止3000万。因此世界各国政府也采取了积极促进电子商务产业发展的政策，从而提供了大量的就业机会和平台。因为电子商务行业的发展，经济地位也在逐渐升高，在这种情况下，本文设计并开发了一个在线在线购物系统。

1.2 系统特点

基于Java流行开源技术构建：使用业界流行的开源技术搭建，框架本身也完全开源，做到真正的技术开发。

基于SOA架构设计：以SOA架构风格构建，具有清晰的模块界限、服务独立部署和技术多样性的能力特点。

满足Web和分布式应用开发：框架以适应经典的的MVC架构和分布式大型应用开发为设计目标，两种风格的开发和部署无缝切换。

第2章 项目开发相关技术基础

2.1 Java语言

Java 是由 Sun 公司推出的一种高级的面向对象的程序设计语言，也是一种跨平台的程序设计语言[1]。因为 Java 跨平台的特性，所以可以兼容企业和 ，Java 是目前 中最受欢迎、最有影响力的编程语言之一[2]。

利用 Java 语言编写的程序代码在经过编译之后会转换成 Java 字节码，Java虚拟机(JVM)将会对这些字节码进行解释和运行[3]。编译过后的字节码将以机器码的形式来保存，虚拟机可以把字节码解释成机器码，最后在计算机上运行。如图2.1所示。

图2.1 JAVA运行过程

2.2 MVC模式

MVC是一种先进的软件开发的设计模式，它把应用程序分成三个核心模块，模型层(Model)、视图层(View)、控制器( )，它们各自处理自己的任务，相互协作，实现Web系统的职能分工[4]。另外，MVC模式通过简化复杂性使程序的结构更直观，如图2.2所示。

图2.2 Java 代码的编译以及运行的过程

2.3 SOA架构设计

SOA的服务的理念思想，本质是一种业务和技术的完全分离，业务又能和技术自由的组合的思想。它达到了目前软件设计思想的最高境界[6]。

SOA架构系统根据模块分为几个子系统。

2.4 概述

一个轻量级的Java开发开源框架。它的设计考虑到了开发业务应用程序的复杂性，简单来说，是一个具有多个/EE级别的多层开源框架。

2.5 概述

是持久性级别的绝佳框架。 封装了JDBC数据库的工作流，因此开发人员仅需专注于SQL本身，而不必花费精力进行诸如注册驱动程序，创建连接，创建语句和设置参数指南，JDBC复杂过程代码作为结果集检索的处理 。

2.6 概述

MVC是功能强大且灵活的 Web框架。 借助注释， MVC提供了几乎是POJO的开发模型，并促进了控制器的开发和测试。

2.7 开发技术

Java Web 技术的广泛使用，使得各种信息化系统越来越功能强大又便于用户使用[9]。Java Web技术主要是指JSP / 。本系统中使用用作该系统上的Web服务器，本节介绍用于Web开发的客户端技术。

JSP技术

JSP技术使用Java作为脚本语言来为用户HTTP请求提供服务，并且可以与服务器上的其他Java程序一起处理复杂的业务请求，另外JSP可以方便存取可重用组件,避免了重复的劳动，提高了效率[12]。

技术

Java 技术为WEB开发者提供了一种简便、可靠的机制来扩展web服务器的功能和访问现有的事务系统[10]。

技术

尽管被称为网站开发的脚本语言，但是它在没有浏览器的许多环境中也被使用。它的目的是与HTML、Java 一起实现在一个WEB页面中链接多个对象并能与客户端动态交互。[5]

CSS技术

CSS可以精确地在像素级别上控制网页上元素的布局，支持几乎所有字体大小样式，并可以编辑对象和Web模板的样式。当样式需要应用于很多页面时，外部样式表将是理想的选择。 [7]

AJAX技术

Ajax可以创建交互式，快速和动态的Web应用程序。通过与后台服务器交换数据，Ajax可以异步更新网站。在使用AJAX引擎后，用户从感觉上几乎所有的操作都会很快的响应[11]。

2.8 数据库（Mysql）

MySQL是数据库的一种,MySQL是开源的，因此任何人都可以根据通用公共许可证下载并根据需要进行修改以进行自定义。许多人认为MySQL是无需事务处理即可管理内容的最佳选择。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择 MySQL 作为网站数据库[8]。

2.9 本章小结

本章主要介绍了商城系统开发过程中使用的一些相关技术堆栈，包括Java相关技术，后台开发框架技术和模式，开发技术以及MySQL数据库。背景技术和开发模型包括技术，技术，技术，MVC模式和SOA体系结构。使用JSP技术，技术，CSS技术，技术和AJAX技术。 这些技术被用来为项目的开发奠定基础。

第3章 系统整体设计

3.1 系统功能需求及设计

本设计的系统架构为后台系统和前台系统共同组成，前台系统展示的内容通过后台系统添加，后台的系统功能由管理员使用，前台的系统功能给网站用户使用。如下图3-1、图3-2所示。

图3-1 后台系统架构

图3-2 前台系统架构

商品管理模块

1.商品添加

在此商品添加功能下，前台商城系统中商品详情页信息的规格参数模板都能够被管理，做增加、查询、修改、删除规格参数模板操作，便于商品详情页信息的规格参数管理，都设置完成后可以在添加商品中选择需要的参数。

2.商品查询

添加商品后，是可以在商品查询界面中进行查询已添加的商品。

网站内容管理模块

可以在后台商城系统中，对前台商城系统首页中的类目信息、轮播内容进行管理，做增加、查询信息操作。

用户模块

1.用户注册

游客（未进行登录或注册的买家用户）可以浏览商品、搜索商品，商品购买的操作是不被允许的。买家用户需先确认注册的信息，确认用户姓名和电子邮件格式是否有效后，再由系统确认用户的用户名是否已存在，步骤都完成后即可注册成功。

2.用户登录

注册完成后，接下来的操作是输入注册成功的用户信息来登录商城系统，系统根据输入的登录信息验证通过后，即登录成功，买家用户可以使用商品购买、添加购物车等功能操作。

商品模块

1.商品搜索

在前台商城系统的首页里的商品搜索的输入框中，用户在输入框内输入与所要搜索的商品信息相关的关键字，系统通过集成的Solr搜索引擎，查询搜索到买家用户搜索的商品且展示。

2.商品浏览

在前台商城系统首页向登录商城系统的用户显示了商品各式各样信息，买家用户进入系统首页后，点击某一个商品分类，就可以浏览到点击的分类下的全部商品信息。买家用户还可以通过搜索来浏览所搜索的商品信息。

3.商品信息展示

查看商品信息时，买家用户是可以在点击中意的商品，此时，系统会根据买家用户点击的连接，跳转到具体的商品信息的WEB页面。在具体的商品信息WEB页面中，商品的具体信息是可以被查看的，比如商品外观的介绍，商品具体的参数，商品数量，买家用户通过查看商品相信信息了解商品，决定是否购买该商品。

4.商品购买

在商品信息详情页面，买家用户可以通过点击“加入购物车”，加入到购物车后，在购物车页面进行购买该商品。

购物车模块

1.加入购物车

商品详情页中，加入购物车的功能是包含在其中的，点击加入购物车功能按钮，被用户点击的商品将加入到购物车中。在购物车的商品信息都会被存入数据库中，买家用户可以通过点击“购物车”小图标，查看购物车中的所有商品的信息。

2.我的购物车

购物车的意思是买家用户的商品添加到购物车清单的列表，点击“购物车”小图标，在“购物车”WEB页面中，买家用户可做CRUD的操作。

3.结算

结算操作的对象是成功添加到购物车的商品。

4.提交订单

点击订单按钮后，即可讲选中的商品信息提交到后台处理返回订单信息。

3.2 数据库设计

数据库概念模型设计

概念数据库的设计，实际上是为了面向对象和数据库相结合，更容易分析数据库系统，促进数据库设计者和用户之间的通信。概念包括实体并联系。 在该购买系统中，商品例如是其属性包括商品ID的实体。商品的标题，内容描述和其他属性。实体之间有一对一，一对多两种种类型的关联。

以下的实体E-R图是该系统主要的实体。

（1）商城购物系统的“买家”实体的属性有“买家”ID，“买家”名，“买家”密码，“买家”手机，“买家”邮箱，“买家”类型，“买家”创建时间，“买家”更新时间。如下图3-3所示。

图3-3 用户实体的E-R图

（2）商城系统前台网站内容实体的属性有内容ID，前台网站内容目录ID，标题，小标题，标题描述，存储路径，图片1地址，图片2地址，内容，前台网站内容创建时间，前台网站内容更新时间。前台网站内容实体的E-R图如下图3-4所示

图3-4 前台网站内容实体的E-R图

（3）商城系统前台网站内容目录实体的属性有前台网站内容目录ID，父目录ID，前台网站内容目录名称，状态，排序方式，是否是父级目录，前台网站内容目录创建时间，前台网站内容目录更新时间。如下图3-5所示

图3-5 前台网站内容目录实体的E-R图

数据库逻辑结构设计

在网站购物系统中，实体的关系模式主要有以下内容：

前台网站内容：内容ID，前台网站内容目录ID，标题，小标题，标题描述，存储路径，图片1地址，图片2地址，内容，前台网站内容创建时间，前台网站内容更新时间。

前台网站内容目录：前台网站内容目录ID，父目录ID，前台网站内容目录名称，状态，排序方式，是否是父级目录，前台网站内容目录创建时间，前台网站内容目录更新时间。

商品信息：ID，标题，卖点，价格，数量，条形码，图片地址，所属目录，状态，创建时间，更新时间。

商品目录：商品目录ID，父目录ID，目录名称，状态，排序方式，是否是父级目录，商品目录创建时间，商品目录更新时间。

商品详情：商品主键ID，商品详情，商品详情创建时间，商品详情更新时间。

商品参数：商品参数ID，商品ID，商品参数数据，商品参数创建时间，商品参数更新时间。

订单：ID，昵称，买家用户ID，订单总费用，订单创建时间，订单关闭时间。

订单详情：ID,商品主键，数量，标题，单价，总费用，图片路径。

“买家”表：“买家”ID，“买家”名，“买家”密码，“买家”手机，“买家”邮箱，“买家”创建时间，“买家”更新时间。

数据库物理设计

在数据库当中，系统的设计与实现的一个重要部分是数据表。如下是该网站商城系统中数据库中几个重要的数据表设计的结构。

前台网站内容表为系统网站内容动态信息的数据库表，用于存储系统前台网站页面信息。如下表3-1所示。

表3-1 前台网站内容表

字段名称 字段类型 字段长度 是否可为空 默认值 字段描述

id (20) 20 NO 空 主键ID

(20) 20 NO 空 目录ID

(200) 200 YES 空 标题

(100) 100 YES 空 副标题

(500) 500 YES 空 标题描述

url (500) 500 YES 空 地址

(300) 300 YES 空 图1

(300) 300 YES 空 图2

text 一 YES 空 内容

一 YES 空 创建时间

一 YES 空 更新时间

商品信息表为系统网站商品信息的数据库表，用于存储商品信息。如下表3-2所示。

表3-2 商品信息表

字段名称 字段类型 字段长度 是否可为空 默认值 字段描述

id (20) 20 NO 空 主键ID

(100) 100 NO 空 商品标题

(500) 500 YES 空 商品卖点

(20) 20 NO 空 商品价格

num int(10) 10 NO 空 商品数量

(30) 30 YES 空 商品条形码

(500) 500 YES 空 商品图片

cid (10) 10 NO 空 商品目录ID

(4) 4 NO 1 商品是否在销售

一 NO 空 商品创建时间

一 NO 空 商品更新时间

订单表为系统网站用户下的订单信息数据库表，用于存储系统订单的信息。如下表3-3所示。

表3-3 订单表

字段名称 字段类型 字段长度 是否可为空 默认值 字段描述

id (20) 20 NO 空 订单主键ID

(50) 50 NO 空 昵称

(20) 20 NO 空 买家用户ID

(50) 50 NO 空 订单总费用

一 NO 空 订单创建时间

一 YES 空 订单关闭时间

3.3 系统界面设计

系统页面使用JSP提供的标签库以及Java ，和CSS技术设计。 JSP页面包含主要用于转换阶段的说明元素和脚本元素提供有关JSP页面和脚本元素的信息，这些页面和脚本元素允许JSP分离静态和动态内容分离出来。使用JSP标签库和CSS技术来设计页面，Java 和技术提供的Web样式为网站添加动态功能，使设计的网站不仅具有出色的样式，而且还适合于后台系统数据交互。

3.4 本章小结

本章主要介绍该商城系统的系统功能需求、系统功能设计、数据库设计、系统界面设计，通过文字、表格、图片详细描述了各部分的设计内容。

第4章 系统实现

4.1 系统框架实现

该系统集成了框架来对JDBC操作进行了封装，方便了对数据库进行操作。在db.中配置了数据库连接信息，如图4-1所示。在-dao.xml中配置了框架整合配置信息，如图4-2所示。

图4-1 数据库连接信息

图4-2 配置信息

该系统集成了框架来对视图层进行了渲染。在.xml配置了视图层配置相关信息，如下图4-3所示。

图4-3 配置信息

4.2 网站商品管理模块实现

网站商品管理模块主要有新增商品、查询商品功能。用户在模块中新增所需要的商品。新增后可在商品列表中，查询商品的信息。

商品添加

在界面上填写完表单后，通过AJAX的POST请求，把前台界面的商品内容信息提交到后台，在后台中实现逻辑保存逻辑，并把提交的信息保存在数据库中。如下图4-4所示。

图4-4 新增商品内容填写界面

逻辑代码如下：

.(tbSp);

.();

.();

商品查询

添加商品成功后，可在列表中查询到商品的相关信息，列表中使用了的分页插件，用户可根据自己的需要选择每页显示多少条信息。如图4-5所示。

图4-5 商品查询界面

后台逻辑代码如下：

.(pg, rows);

=new ();

List ls=.();

=new (ls);

4.3 网站内容管理模块实现

可在网站内容管理界面，对商城首页的模块内容进行新增、查询。在模块中添加相应的内容，添加成功后，即可在商城系统的前台首页中展示添加的内容。