基于jsp的智选手机商城系统的设计与实现

基于JSP的智选手机商城系统的设计与实现

摘要：

随着Internet的不断发展，人们在网络上不仅只是浏览网页，收发邮件，还更多的利用互联网这一强大的平台来便利自己的生活。如今传统的购物方式仍然处于市场的主导地位，但是这种方式并不具备便捷、随意、时尚等网络具有的优势，而现代的网上商城以电子商务为依托，省时、省力、节省成本，不论是对商家还是消费者都是一件好事。建设手机商城网站的目的是为客户提供自由选购所需的商品平台，及时提供产品和服务的信息交流。
针对不断推陈出新的庞大智能手机市场与综合门户购物商城无法及时更新之间的矛盾这一问题，详细分析了B2C商城模式以及相关的典型代表网上商城，采用B/S开发模式和Java语言开发一个基于JSP的智选手机商城系统，专门销售手机的智选商城，解决用户无法集中了解琳琅满目的智能手机的问题，实现对智能手机实时动态，更新信息的集中销售管理，消费者能随时下单，商家能在线接单，提高了用户时间利用率和商家利润。
智选手机商城系统的实现将会多一个网上商城APP，将会有多一个购物APP的选择。相比较于综合类的网上购物商城，智选手机商城系统会更具有专业化和针对性。首先，对消费者户来说，可以不需要在综合性的商城里购买手机，而是在更加针对性的手机网上商城进行购买，根据需求或者流行趋势从网站中检索，让用户可以在琳琅满目的手品牌和型号中，挑选出最适合自己的手机。其次，对于商家来说，信息资源将得到更全面的整合，可以进一步拓展市场，并提升品牌形象，提高商家利益。
关键词：智能手机，网上商城，B2C模式，销售
Design and implementation of intelligent mobile shopping mall system based on JSP

Abstract：Abstract: with the continuous development of Internet, people not only browse web pages and send and receive e-mail, but also make more use of the Internet as a powerful platform to facilitate their lives. Nowadays, the traditional way of shopping is still in the leading position of the market, but this way does not have the advantages of convenient, casual, fashion and other networks. However, the modern online shopping mall, relying on e-commerce, saves time, labor and cost, which is a good thing for both businesses and consumers. The purpose of building the mobile mall website is to provide customers with the commodity platform they need for free purchase and timely provide information exchange of products and services.
In view of the contradiction between the huge smart phone market and the integrated portal shopping mall that can not be updated in time, this paper analyzes in detail the B2C shopping mall model and the related typical online shopping mall, develops a smart phone shopping mall system based on JSP by using B / s development model and Java language, which specializes in selling mobile phones, so as to solve the problem that users cannot concentrate on understanding A wide range of smart phone problems, the realization of smart phone real-time dynamic, updated information centralized sales management, consumers can place orders at any time, businesses can receive orders online, improve the user time utilization and business profits.
The implementation of smart selection mobile shopping mall system will have one more online shopping mall app and one more shopping app. Compared with the comprehensive online shopping mall, smart phone mall system will be more specialized and targeted. First of all, for consumers, they don’t need to buy mobile phones in a comprehensive shopping mall, but in a more targeted mobile online shopping mall. They can search from the website according to their needs or popular trends, so that users can select the most suitable mobile phones among a variety of hand brands and models. Secondly, for businesses, information resources will be more comprehensive integration, can further expand the market, and enhance the brand image, improve the interests of businesses.
Keywords: smartphone; online shopping mall; B2C mode; sales.

目 录

第1章 绪论 1
1.1 系统的开发背景及意义 1
1.2 国内外研究现状 1
1.3 系统研究方法和内容 3
1.3.1 研究方法 3
1.3.2 研究内容 3
1.4 系统开发环境与开发工具 4
第2章 系统需求分析 5
2.1 系统的总体需求 5
2.2 系统的业务需求 6
2.2.1 手机商城系统用户端 6
2.2.2 手机商城系统商家端 8
2.3 系统功能的需求分析 8
2.3.1 用户端功能分析 9
2.3.2 商家端功能分析 10
2.4 UML 系统建模 11
2.4.1 用例图 11
2.4.2 用例规约表 12
2.5 安全性需求分析 17
2.5.1 系统的安全性 17
2.5.2 数据的安全性 17
2.6 数据流程分析 17
2.7 本章小结 18
第3章 系统设计 19
3.1 系统总体设计 19
3.1.1 功能总览 20
3.1.2 功能设计及思路 20
3.2 手机商城系统顺序图 24
3.2.1 用户购买商品顺序图 24
3.2.2 用户评价留言顺序图 25
3.2.3 商家修改商品信息顺序图 26
3.3 手机商城系统活动图 27
3.3.1 用户注册活动图 27
3.3.2 用户登录活动图 28
3.3.3 用户购买商品活动图 28
3.3.4 确认支付活动图 29
3.3.5 商家修改商品信息活动图 30
3.4 数据库设计 31
3.4.1 数据字典 32
3.4.2 模块对数据表访问 40
3.5 网站命名规则 41
3.6 本章小结 42
第4章 系统实现 43
4.1用户端界面实现 43
4.1.1 首页 43
4.1.2 商品详情 44
4.1.3 品牌店铺 46
4.1.4 个人中心 46
4.1.5 个人中心——收藏夹 47
4.1.6 个人中心——待发货、待收货 47
4.1.7 个人中心——退货/售后 48
4.1.8 订单填写 49
4.1.9 商品评论 49
4.1.10 用户注册 50
4.1.11 用户登录 50
4.2商家端界面实现 51
4.2.1 交易管理 51
4.2.2 物流管理 52
4.2.3 商品管理 53
4.3 本章小结 53
第5章 系统测试 54
5.1 系统测试的目的 54
5.2 系统测试的意义 54
5.3 测试用例及结果 54
5.3.1 系统注册测试 54
5.3.2 系统登录测试 55
5.3.3 商品管理测试 55
5.3.4 物流管理测试 56
5.3.5 后台管理测试 56
5.4 本章小结 57
第6章 结束语 58
6.1 全文总结 58
6.2 课题展望 58
参考文献 60
致 谢 61

第1章 绪论

1.1 系统的开发背景及意义
当代生活水平上升很快，科技技术发展更是在近年来突飞猛进。手机这样商品已经成为人们生活中的必须品。手机在生活中的作用不仅仅是电话短信，还能做到娱乐阅读等很多功能，日益呈现替代PC的趋势。根据艾瑞咨询最新统计数据，2013年中国移动购物市场交易规模达到1676.4亿元，同比增长165.4%，增速是PC端网购的4倍多。根据艾瑞统计模型预计在2015年中国移动购物市场交易规模将会达到4953.1亿元，将会是未来网络购物的新趋势。手机商城app将会以现行优秀B2C商城为基准，在其基础上不断优化体验。移动互联时代的来临，颠覆了传统企业的发展模式，为此更多的企业选择电商开发手机软件进入参与电商市场的营销。在2010年前，市场对电商判断停留在PC端；2012 年开始，微信的诞生以及智能手机普及率快速提升使得市场开始逐渐由 PC 端转向移动端，移动端占比均由2013年的不到10%快速上升至 2015年 的近50%。根据大众的消费习惯趋势判断，未来这一占比仍将继续提升。同时移动电子商务时代的来临，使得人们的消费习惯逐渐向移动端转移。
1.2 国内外研究现状
根据工信部的信息数据，截止到2019年上半年，我国网络购物用户规模达6.39亿，占网民整体的74.8%。其中手机网络购物用户规模达6.22亿，占手机网民的73.4%。从2013到2019年上半年，我国网购用户规模及占网民整体比重每年都呈现上升状态，手机购物规模也随之不断的上涨，从图1-1可以判断，未来趋势将继续上升。

图1-1 2013-2019年上半年我国网购用户规模及占网民整体比重情况
在用户规模增长的同时，其对于线上购物所花费的金额也越来越多。数据显示，到2018年我国网购交易金额达到了57370亿元， 2019年将达到66610亿元。另外截止到2019年10月，我国实物商品网上零售额达到6.5万亿元，同比增长19.8%，占社零总额比重为19.5%。[ 2020年中国网络购物市场分析报告-产业现状与未来规划分析：http://baogao.chinabaogao.com/hulianwang/379334379334.html]如图1-2013-2019年我国网购交易金额情况所示：

图1-2 2013-2019年我国网购交易金额情况
近几年来，我国网络购物发展迅速，增长率超过30%。随着物联网、大数据、新零售、云计算等概念的不断提出，中国网络购物市场将迎来巨大变革。从用户体验、数据准确度、配送效率等方面提升行业发展水平，行业发展趋势由粗变精。预计到2020年，中国最大的网上零售市场规模将增长到4.2万亿元，相当于美国、日本、英国、德国和法国市场的总和。
根据上述数据可以很清晰的认识到，现阶段是国内网络购物发展的黄金时期，现在已经有诸如，京东、淘宝、亚马逊等大牌知名的购物网站，如果我们可以抓住机遇，立即设计一个专一的手机售卖商城网站，推出对手机市场集中管理的平台，就能够更集中地吸引顾客，势必可以立足于巨大的网购市场中。
1.3 系统研究方法和内容
1.3.1 研究方法
本论文在撰写过程中主要运用了以下四种研究方法：
调查研究法：填写对有关问题的意见和建议来间接获得材料和信息，通过网上发布问卷调查，来调查不同年龄段网民对网上手机商城的意见和建议。
案例分析法：详细分析B2C商城模式以及相关的典型代表网上商城，通过对淘宝、京东、苏宁等案例分析，取长补短。
需求分析法：通过对市场的调查，来了解哪些商品受欢迎的程度，来做出相应的处。
文献分析法：根据论文的研究目的以及课题需要，通过查阅与论文相关的文献来获得相关资料，从而全面客观地了解所要研究的问题，找出事物的本质属性，从中获得与智选手机商城系统相关的信息资料。
1.3.2 研究内容
主要的研究内容为智选手机商城系统，是面向广大手机厂商的一套在线交易系统，商家可以通过接入该系统发布一些手机产品，客户通过该平台进行商品的在线支付，最终通过运输的方式完成线下交易。
编程设计将基于B/S结构的手机销售电子商务系统结构与功能进行设计，如图1-3 系统基于B/S结构所示：
在这里插入图片描述

图1-3 系统基于B/S结构
1.4 系统开发环境与开发工具
开发环境：8GB的win 10 x64操作系统，1.8版本的JDK。其中开发将用到的插件包含但不仅限于Apache Tomcat8.5.49，jst1-1-2和加载数据库驱动的mysql-connector-java-5.1。
开发工具：编辑器IDE使用当前流行的Eclipse java Oxygen 64-Eclipse Oxygen 64位，该编辑器是基于Java的可扩展开发平台，有着免费，开源，插件丰富等众多的优点。
因速度、可靠性和适应性而备受关注和使用结构化查询语言（SQL）进行数据库管理的MySQL，使用的版本号为5.7.24-winx64，数据库图形化管理界面使用Navicat for MySQL。

第2章 系统需求分析

需求分析就是调查清楚用户的实际要求，和用户达成共识，并且分析和表达这些需求。典型的需求分析包括了以下几个步骤：
（1）需要调查组织机构的总体情况，了解各部门的组成和职责等，为业务流程分析做准备。
（2）调查各部门的业务活动情况，包括了解各个部门输入和使用什么数据；如何加工处理这些数据，输出什么信息，输出到什么部门，输出结果的格式是什么，此为调查的重点；在熟悉业务活动的基础上，协助用户明确对新系统的各种要求，包括信息要求，处理要求、完整性要求，这是调查的又一个重点。
（3）对前面的调查结果进行初步分析，分析的目标是解决“系统必须做什么”，也就是说确定系统具备哪些功能的问题。
现在网上购物是社会上十分流行的事情，网购的网站也很多，竞争也大，但网购网站和卖家良莠不齐，有很多时候买家在网购时，会因为无法辨别真伪而上当受骗，这不仅造成顾客钱财损失，还会影响社会网购质量形象，造成不良的社会影响。所以为了规范网购市场，营造良好的网购氛围，我们设计这个手机商城，为顾客提供有质量有保证的权威服务。
传统的手机买卖实体店，存在着铺租问题，而且黄金地段黄金铺租，正所谓羊毛出在羊身上，再加上销售人员的卖手机抽回购的奖励性营销策略，往往会抬高手机的价格，这个潜规则无异于增加顾客的经济负担，所以我们开发这个手机商城，目的就是为了把实体铺位搬到虚拟网络上，这样可以最大程度上节约商家们的铺位租赁成本，而且网站提供的信息更多，更齐，更具透明度，消费者可以有更多的选择，货比三家，这样可以抑制传统实体店家的随便抬价销售的行为，引导网络购物的走向规范化。
2.1 系统的总体需求
该项目的总体需求是：买家根据卖家的提供的各种各样的手机信息，进行自主购机，选择的商品可以加入购物车，在进行结算时，系统就把订单返回给卖家服务端；卖家可以在线上发布、下架他们的手机商品，根据订单的信息进行发货。其他的业务包括，买家的退款业务，卖家处理买家的需求服务、买家物流查询业务，卖家的库存业务等等。
买家的需求：注册、登录、浏览购买、支付、订单管理、商品收藏、退货管理、商品咨询。
卖家的需求：卖家通过PC端对商品进行完全的管控，包括：商品增删改查及推荐、用户管理、商品问题解答、发货、退款。
2.2 系统的业务需求
用户端和商家端的关系：
（1）买家可以查询商品，创建订单或者查询订单。
（2）卖家可以管理商品，接收订单或者查询订单。
以下是对系统两个端（智选手机商城系统用户端和智选手机商城系统商家端）的业务需求分析，用户浏览管理结构图如图2-1所示：

图2-1 用户端浏览管理结构图
2.2.1 手机商城系统用户端
用户端功能包括：首页、注册、登录、浏览商品、购买商品、订单查看、物流查询。
商品浏览，顶部轮播图点击进入相关页面、在搜索栏输入搜索内容显示搜索到的商品界面、在品牌旗帜店点击进入店铺售卖页面、颜色选择图片，点击显示该颜色的图片；
购买商品，通过该平台进行商品的在线支付，最终通过运输的方式完成线下交易。
注册，主要输入合法的必要信息，注册成为用户；
登录，检验用户的注册信息；
订单管理，管理发货单、退货单、已完成交易的订单；
物流查询，主要查看物流信息。
文字介绍完毕后，转换如下图2-2 用户端业务流程图所示：

图2-2 用户端业务流程图
2.2.2 手机商城系统商家端
商家端功能包括：商品管理功能、订单处理功能。
商品管理功能主要包括商品上架和下架以及商品信息的更改，例如更改商品的价格以及商品库存量等信息；订单处理主要包括，存入消费者的买卖信息、修改订单、打印订单，例如：点击“已卖出的宝贝”、“发货”、“物流信息”等功能按钮，右边显示区域就会显示相对应的内容、在已发货的列表中查询商品的物流信息。如下图2-3 商家端业务流程图：

图2-3 商家端业务流程图
2.3 系统功能的需求分析
用户端和商家端两个模块，表现上是分别独立存在的，但访问的数据库是同一个。模块的功能根据先前完成的需求分析，并查阅相关资料后整理制作的。
2.3.1 用户端功能分析
系统用户端的功能模块结构图如图2-4所示：

图2-4 系统前台功能模块结构图
（1）登录：该功能负责判断用户的账号的是否存在、密码是否正确。
（2）注册：该功能负责把用户注册的信息储存到数据库相应的表中。
（3）搜索框：该功能负责接收用户输入的信息，把信息传递到数据库中查询相应的信息。
（4）收藏：该功能负责把用户收藏的东西保存的个人中心的收藏夹中。
（5）购买：该功能负责创建用户的订单。
（6）收藏夹：该功能显示用户所收藏的物品信息，点击物品可进入到相应的物品界面。
（7）待发货：该功能显示用户所下的订单是否已经发货，倘若还未发货，则显示在代发货页面；倘若已发货，则待发货页面中不显示该订单（订单已到待收货页面）。
（8）待收货：该功能显示卖家已发货、用户订购的物品发货状态的页面。
（9）待评价：该功能负责显示买家已收到的物品，并且买家可以在该物品上能实现评价的功能。
（10）退款/售后：该功能负责显示买家已收到的物品，并且买家可以通过申请退款功能来实现卖家对该次购买的退款。
2.3.2 商家端功能分析
系统商家端的具体可参看下图，图2-5 系统后台功能模块结构图：

图2-5 系统后台功能模块结构图
卖家的操作页面，应该尽量的简单，清晰，操作简单，页面能实现卖家基本的增删改查的操作导航精炼易读，色彩搭配明确，布局妥当，设计独特，使用户通过导航能够快速了解整个网站的主要内容，对网站内容起到提纲挈领的作用
商家端实现内容：
（1）交易管理：利用模糊查询和顺序查询查询订单；
（2）物流管理：卖家发货之后，等待发货的订单删除，变成了发货中的订单，买家确认收货之后卖家就能在确认收货的订单看到相应的数据；
（3）商品管理：商品上下架，卖家添加商品信息到商品信息表之后买家页面显示出来，卖家删除（下架）买家页面就没有该数据信息。
2.4 UML 系统建模
2.4.1 用例图
用例模型的基本组成部分有用例、角色（或参与者）和系统[杨弘平，吕海华，李波，史江萍，代钦.UML2基础、建模与设计教程[M].北京：清华大学出版社，2015.51]。为了实现从全局把握软件系统的设计，将使用UML系统建模来详细分析说明。
用户业务如图2-6 手机商城系统用户端用例图所示。

图2-6 手机商城系统用户端用例图

商家业务如下图2-7手机系统商家系统用例图所示。

图2-7 手机商城系统商家端用例图
2.4.2 用例规约表
为了核实智选手机商城系统是否满足特定的软件需求，也为了给后续的系统测试带来重要依据，下面将使用用例规约表进一步解释说明系统的功能需求，准备好下一阶段开发设计的基础。
用户业务描述如下表2-1至表2-6所示，商家业务描述如下表2-7至表2-10所示：
表2-1 用户注册用例规约表
用例编号 2-1 用例名称 用户注册
功能描述 游客在尚未注册时，首先会进入到注册界面，注册后成为用户
执行者 游客
前置条件 手机商城系统正常运行
后置条件 显示成功注册信息，可以进行登录
基本路径 1. 如果游客未注册，选择注册；
2. 注册信息按规则合法填写；
3. 注册成功并转为用户身份；
4. 如果用户已注册，则输入登录信息；
5. 角色变为用户并成功进入系统。
扩展 无
表2-2 用户登录用例规约表
用例编号 2-2 用例名称 用户登录
功能描述 已经成功注册的用户，进入到登录界面后，输入登录信息成功登录
执行者 游客
前置条件 手机商城系统正常运行
后置条件 游客身份变为用户身份，可以进行下单、管理地址和修改个人信息等操作
基本路径 1. 游客点击登录，弹出登录窗口；
2. 填写登录信息；
3. 信息正确则登录成功，跳转到商城界面；
4. 信息错误则登录失败，重新输入。
扩展 无
表2-3用户购物车管理用例规约表
用例编号 2-3 用例名称 用户购物车管理
功能描述 用户可以对准备购买的购物车商品进行管理，可以对购物车内的商品进行更新、购买结帐的操作。
执行者 用户
前置条件 登录到手机商城系统的用户、且购物车已有商品
后置条件 用户可以管理购物车商品
基本路径 1. 系统跳转到购物车界面；
2. 用户进行操作；
3. 用户添加商品，则执行添加购物车操作；
4. 购物车已存在的商品，则增加商品数量。
扩展 无
表2-4用户商品管理用例规约表
用例编号 2-4 用例名称 用户商品管理
功能描述 用户选择商品收货地址，购买商品支付方式，提交支付的方式。
执行者 用户
前置条件 登录到手机商城系统的用户
后置条件 用户可以管理商品
基本路径 1. 点击商品管理，进入商品管理界面；
2. 点击收货地址可进行收货信息的修改；
3. 点击支付方式选择每次付款默认的付款方式；
4. 对提交支付的商品进行管理，如取消支付。
扩展 无
表2-5用户收藏管理用例规约表
用例编号 2-5 用例名称 用户收藏管理
功能描述 用户浏览商品时可以对商品进行收藏
执行者 用户
前置条件 需要收藏的商品尚未被收藏过
后置条件 用户将商品加入了收藏
基本路径 1. 在浏览商城时，选择一件商品，可以点击商品侧方的“收藏”；
2. 若收藏夹无此商品，系统提示收藏成功；
3. 若收藏夹已有该商品，系统提示该商品曾被收藏。
扩展 无
表2-6用户订单管理用例规约表
用例编号 2-6 用例名称 用户订单管理
功能描述 查看订单状态：等待发货，发货中，已收货、评价、退款/收货
执行者 用户
前置条件 用户已完成支付状态，商家已成功发货
后置条件 订单完成，交易成功
基本路径 1. 用户进入“我的订单”界面，可以查看订单的各个状态；
2. 在“我的订单”展示中，用户可点击查看等待发货，发货中，已收货、评价、退款/收货。
3. 订单未发货，显示为“等待发货”；
4. 订单已被商家发货且尚未收货时，显示为“发货中”；
5. 订单被签收，用户点击确认收货，显示为“已收货”；
6. 交易完成后，用户可评价，显示为“评价”；
7. 用户对到达的商品，可以申请退货或者收货，显示为“退款/收货”
扩展 无
表2-7 商家登录用例规约表
用例编号 2-7 用例名称 商家登录
功能描述 商家账户不可注册，入驻商城后，直接由系统管理员派发账户，商家进入到登录界面输入登录信息即可成功登录
执行者 商家
前置条件 商家入驻商城后获得账户，手机商城系统正常运行
后置条件 商家成功登录后台，可以进行商品上下架、物流管理和修改商品等操作
基本路径 1. 商家点击登录，弹出登录窗口；
2. 填写给定的后台登录账户信息；
3. 信息正确则登录成功，跳转到商城的后台界面；
4. 信息错误则登录失败，返回登录界面重新输入登录信息。
扩展 无
表2-8 商家交易管理用例规约表
用例编号 2-8 用例名称 商家交易管理
功能描述 商家在后台查询已售商品，查询交易明细，受理退款等操作
执行者 商家
前置条件 商家已成功登录后台
后置条件 商家可以使用后台交易功能
基本路径 1. 商家点击“交易管理”，进入查询交易的界面；
2. 点击条件查询，卖家通过此按钮来查询符合条件的宝贝的详细信息；
3. 点击直接查询，卖家可以通过这个按钮来获取已卖出的宝贝的所有详细信息。
扩展 无
表2-9 商家物流管理用例规约表
用例编号 2-9 用例名称 商家物流管理
功能描述 商家管理物流状态，物流管理分为：等待发货，发货中，已收货
执行者 商家
前置条件 商家已成功登录后台
后置条件 商家可以根据物流状态更新物流信息
基本路径 1. 卖家打开物流管理，直接显示所有用户成功下单的订单。
2. 卖家发货后，点击发货按钮；
3. 卖家对失败的订单，可以选择订单删除；
4. 对用户确认收货的订单，系统显示为“已收货”。
扩展 无
表2-10 商家商品管理用例规约表
用例编号 2-10 用例名称 商家物流管理
功能描述 商家管理商品信息，商品管理分为：上架、下架，查询所有商品。
执行者 商家
前置条件 商家已成功登录后台
后置条件 商家可以成功修改自家商铺的商品详细信息
基本路径 1. 商家点击导航栏进入“商品管理”界面，可以对商品进行：上架、下架，查询所有商品。
2. 点击“上架”，弹出商品上架信息录入界面，用户输入商品的信息，如商品名、价格、图片、备注等，填写完毕点击上架即可在本店铺上架新商品；
3. 点击“下架”，即可对不想继续售卖的商品进行下架操作；
4. 点击“查询所有商品”，可以查询所有上下架的商品。
扩展 无
2.5 安全性需求分析
2.5.1 系统的安全性
针对计算机的软件系统，自身的安全系数也是重要的指标之一。提高系统的安全性是最系统的负责也是对使用者该软件的用户负责，应保障用户和商家的信息不被偶然或蓄意地增加、删除、修改、插入等破坏的特性。只有得到允许权限才能修改进程，并且能够判别出实体或进程是否已被篡改。
系统具有对使用者有权限控制，针对角色的不通限制使用者的权限，以此来确保系统的安全性。针对于手机商城系统来说，必须要有很好的安全性来保障整个系统。
2.5.2 数据的安全性
数据安全性应该具体表现为，物理独立性和逻辑独立性，即系统的应用程序和数据库的数据是独立运行的，系统的应用程序和数据库的逻辑结构也要是相互独立的。因此保证输入的数据符合规定，成为了数据库系统，尤其是多用户的关系数据库系统共同关注的。
在开发系统时，需要重点关注数据安全方面的问题，如：数据完整性、数据安全性、数据独立性并发控制和数据故障恢复这几个方面。
2.6 数据流程分析
对系统的数据流进行分析，系统的使用者分为：用户，商家。

图2-8顶层数据流
引用图2-8顶层数据流，分析如下：
输入流：商品信息，订单信息，会员信息 
输出流：商品信息，订单信息，会员信息
逻辑：商家发布商品信息后，系统自动记录商品信息，然后商家和用户就可以进行浏览了。用户提供信息注册成为系统会员，浏览商城的商品，购买商品会生成商品的订单，商家浏览订单信息后可发货。
数据字典：
商品信息=商品编号+商品名称+价格+库存数量+图片； 
订单信息=订单编号+用户编号+商品编号+订购商品数量+订单状态+金额；
用户信息=用户编号+会员姓名+收货地址。
2.7 本章小结
本章首先主要总体分析出基于JSP的智选手机商城系统的总体需求，并且画出了系统的总体结构图。其次介绍了系统的用户端和商家端，对两个端的业务需求进行分析并且用业务流程图分别展示了用户端和商家端的业务流程。
然后，通过功能模块图和用例图，展示了用户端和商家端的功能需求，并且结合了顶层数据流对每个子功能进行功能分析。
最后，对系统需求的系统安全性和数据安全性进行了分析，保证开发时的有较好的安全性来保障整个系统。

第3章 系统设计

3.1 系统总体设计
手机商城系统总体上分为了用户系统和商家系统，相互之间的关系如图3-1用户端和商家端之间关系所示。

图3-1 用户端和商家端之间关系
总体业务概述：
手机商城系统实现的内容包括：买家/卖家注册登录、商品分类展示、商品查询、商品支付、商品收藏、商品推荐、订单管理、退货管理功能等等。
前后端的总体设计如下：
（1）前端内容：
网站界面方面，主要由JSP完成，选择JSP的原因是JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。而且JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。
在前端细节设计方面，将使用JavaScript和其框架jQuery来制作智选手机商城的网页特效。选择jQuery在于它是轻量级的js库，兼容CSS3，以及解决各种浏览器之间的兼容性问题。
在jQuery能方便地为网站提供AJAX交互，所以本系统将使用Ajax技术实现页面和 web 服务器之间数据的异步传输，以此来实现局部刷新。
（2）后端内容：
语言方面，系统的开发采用Java 语言作为软件设计的基础语言，因其具有卓越的通用性、高效性、平台移植性和安全性，而且是一种可以撰写跨平台应用程序的面向对象的程序设计语言。
逻辑方面，由servlet完成，Servlet是纯Java语言，擅长于处理流程和业务逻辑，接收前端数据返回响应。
（3）后台数据库：
数据储存由mySQL数据库完成，它使用的核心线程是完全多线程，支持多处理器，支持多钟列类型，且支持多种聚合函数，重要的是完全免费。
3.1.1 功能总览
开发前，对手机商城系统的主要功能，进行了主要功能总览的整理和优先级排序，整理如下表3-1主要功能总览表所示：
表3-1 主要功能总览表
名称 描述 优先级 备注
用户登录注册功能 用户可以通过账号进行登录，并以邮箱地址做为找回密码的依据。 1
用户购买商品功能 用户可以成功加入购物车、提交订单、支付订单、订单查询管理的功能。 1
商品收藏功能 用户可以对喜爱的商品进行收藏，方便购买。 2
用户退货功能 在已经购买的商品栏中，用户可以从订单管理中选择退货。 1
商品评价功能 用户可以对已完成订单的商品进行评论。 2
商品退款功能 用户可以从订单管理中选择退款。 1
3.1.2 功能设计及思路
（1）登录
该功能负责判断用户的账号的是否存在、密码是否正确。
从用户账号密码的文本框中，通过使用JSP获取保存账号和密码的表单，然后连接数据库，对比数据库中保存用户账号和密码的表中的内容是否一致，倘若不存在该账号，则弹出“不存在该账号”的提示框；倘若账号存在，密码不正确，则弹出“密码错误”的提示框；倘若账号跟密码都正确，则弹出“登录成功”的提示框。
关键处理：获取表单是通过submit提交到处理页面、连接数据库、if-else判断、alert弹出提示框、使用到user数据表。
（2）注册
该功能负责把用户注册的信息储存到数据库相应的表中。
从用户的账号、密码、再次确认密码的文本框中，通过JSP获取保存账号、密码、再次确认密码的表单，然后连接数据库，判断保存用户的表中的内容是否与表单获取的用户名是否重复，倘若重复则弹出该“用户名已存在”的提示框；倘若密码和再次确认密码两处文本框获取的值相同，则弹出“两次输入的密码不相同”提示框；倘若该用户名还未被创建、两次输入的密码相同，则弹出“注册成功”的提示框，并且把信息写入到数据库中相应的表中。
关键处理：获取表单是通过submit提交到处理页面、连接数据库、if-else判断、alert弹出提示框、使用到user数据表。
（3）搜索框
该功能负责接收用户输入的信息，把信息传递到数据库中查询相应的信息。用表单接收用户输入的信息，然后连接数据库，把表单的信息与数据库信息对比，倘若数据库中保存这类信息的表中存有相应的信息，则搜索栏下方反馈相应的信息；倘若没有找到相应的信息，则在搜索栏下方什么也不显示。
关键处理：获取表单是通过submit提交到处理页面、连接数据库、if-else判断、模糊查询、JSP页面插入相应的数据内容、使用到configuration数据表。
（4）收藏
该功能负责把用户收藏的东西保存的个人中心的收藏夹中。使用表单跳转到处理相应逻辑的JSP页面中，通过查询数据库中保存个人收藏的表，倘若该表中并未保存任何东西，则插入相应的信息，并弹出“收藏成功”的提示框；倘若该表已存在相应的信息，则删除该条信息，并弹出“取消收藏”的提示框。
关键处理：获取表单是通过submit提交到处理页面、连接数据库、if-else判断、使用到collect数据表。
（5）购买
该功能负责创建用户的订单。使用表单跳转到处理相应逻辑的JSP页面中，通过表单获取相应的信息，然后连接数据库，把相应的信息插入到数据库中保存订单的表中，倘若插入成功，则弹出“提交订单成功”的提示框。
关键处理：获取表单是通过submit提交到处理页面、连接数据库、使用到phone_order数据表。
（6）个人中心-收藏夹
该功能显示用户所收藏的物品信息，点击物品可进入到相应的物品界面。通过连接数据库中保存用户保存收藏信息的表，使用处理相应逻辑的JSP页面，把它输出到个人收藏夹页面中，有相应的信息，个人收藏夹则有相应的内容；无信息则个人收藏夹下面没有任何东西。
关键处理：连接数据库、使用到collect数据表，查询、遍历输出信息、JSP的<%= %>输出显示。
（7）个人中心-待发货
该功能显示用户所下的订单是否已经发货，倘若还未发货，则显示在代发货页面；倘若已发货，则待发货页面中不显示该订单（订单已到待收货页面）。通过连接数据库中保存用户订单信息的表，使用处理相应逻辑的JSP页面，把信息输出到个人中心的代发货页面，有相应的信息，代发货页面则有相应的内容；无信息则代发货页面下面没有任何内容显示，用户还能通过‘取消订单’按钮把已下单并且卖家还未发货的订单取消掉。
无信息是因为卖家已发货或者用户自己取消了订单。
关键处理：连接数据库、使用到phone_order数据表、查询、删除、遍历输出信息、JSP的<%= %>输出显示。
（8）个人中心-待收货
该功能显示卖家已发货、用户订购的物品发货状态的页面。
通过连接数据库中保存用户代发货的表。当卖家确认发货时，订单表就会删除相应的数据、并在删除该数据之前，把该数据插入到代发货表，把信息输出到个人中心的待收货页面，有相应的信息，待收货页面则有相应的内容；无信息则待收货页面下面没有任何内容显示，用户还能通过‘查看物流’按钮来查询物品的物流信息，或者通过‘确认收货’按钮来确认收货信息（也就是说明你已经收到货了，待收货表中相应的数据也会删除，在删除待收货表也把相应的数据插入待评价表和退货表，方便以后使用）。
关键处理：连接数据库、使用到shipping数据表、查询、删除、遍历输出信息、JSP的<%= %>输出显示。
（9）个人中心-待评价
该功能负责显示买家已收到的物品，并且买家可以在该物品上能实现评价的功能。
通过连接数据库中保存用户评价的待评价表，把信息输出到个人中心的待评价页面，有相应的信息，待评价页面则有相应的内容；无信息则待评价页面下面没有任何内容显示，用户通过‘评价’按钮实现对该物品的评价，把评价内容保存到用户评价表（保存待评价信息的待评价表则会删除相应的数据，卖家调用用户评价表，可以查看用户对该物品的评价）
关键处理：连接数据库、使用到user_report数据表、查询、删除、遍历输出信息、JSP的<%= %>输出显示。
（10）个人中心-退款/售后
该功能负责显示买家已收到的物品，并且买家可以通过申请退款功能来实现卖家对该次购买的退款。
通过连接数据库中保存已收货的产品信息（也就是在确认收货时写入到退款表的内容），有相应的信息，退款/售后页面则有相应的内容；无信息则退款/售后页面下面没有任何内容显示，用户通过填写附带相关信息的申请表，通过点击提交申请（JSP获取表单），把相应的信息传递到处理相应逻辑的jsp页面实现对这一功能的实现。
关键处理：获取表单是通过submit提交到处理页面、连接数据库、使用到buyer_return数据表、查询、删除、遍历输出信息、JSP的<%= %>输出显示。
（11）未登录进入个人中心
该功能是防止用户在未登录的情况下能进入个人中心查看信息。当用户未登录时，打开个人中心相关页面的时候，会弹出“请先登录账户”的提示框，并把页面返回到登录页面；倘若已登录则可正常查看个人中心相应信息。
关键处理：获取session 中通过getAttribute（）设置的变量username，当未登录时session没有使用getAttribute（）设置变量username，用if-else逻辑判断变量username是否为空就行了，为空则弹出alert提示框，不为空中可正常进入到个人中心。
3.2 手机商城系统顺序图
3.2.1 用户购买商品顺序图
用户购买商品的顺序图如图3-2所示：

图3-2 用户购买商品顺序图
意思是用户在成功登录之后，浏览商城的商品时，可根据用户自身的需要进行购买，选择商品后进行下单的操作，下单后可进行订单的查询。
（1）用户登录系统成功后，返回登录成功界面；
（2）用户在挑选到适合自己的商品后，数据库返回对应商品的信息；
（3）根据商品界面信息，将自己想要购买的商品加入购物车，并且选择需要购买的商品数量；
（4）提交购买订单，系统将进入买家信息确认界面，用户进行信息的确认；
（5）用户确认信息之后，数据库记录购买的信息，同时更新订单表；
（6）数据库更新之后，用户将会返回下单成功的界面，提示用户下单成功。
3.2.2 用户评价留言顺序图

图3-3 用户评价留言顺序图
根据图3-3 用户购买顺序图所示，用户在进行商品购买后，可以进行对该商品的评价留言功能。
（1）当用户点击评价按钮后，将会提交一个请求；
（2）若用户已登录，系统将会成功进入评价界面；
（3）用户输入评价留言后，点击提交按钮，系统数据库记录评价信息，同时更新对应的评价数据表；
（4）数据添加成功后，用户返回成功评价的数据给用户；
（5）用户返回至评价留言的界面。
3.2.3 商家修改商品信息顺序图

图3-4 商家修改商品信息顺序图
根据图3-4商家修改商品信息顺序图，商家需要改变商品的信息时，可以根据需求自行更改，如更改商品名、商品价格、商品库存数量等等。
（1）商家成功登陆后台系统后，进行条件查询或直接查询搜索到对应的商品；
（2）点击搜索，数据库返回给商家对应的商品详细信息；
（3）商家选择想要修改的商品，点击提交系统将会提交请求；
（4）系统返回修改商品的界面，商家将想要修改的商品信息进行修改之后即可提交修改；
（5）提交修改之后，提交给系统进行处理；
（6）成功修改后数据库对应的商品数据表将会更新，然后返回修改成功的页面给用户。
3.3 手机商城系统活动图
3.3.1 用户注册活动图
根据图3-5 用户注册活动图所示，用户在尚未注册时，首先会进入到注册界面，而非商城界面。填写注册信息后，系统自动判定是否合法输入字段，合法则注册成功，用户信息保存到数据库后返回注册成功的信息给用户，不合法则返回注册失败信息，需要进行重新注册。

图3-5 用户注册活动图
3.3.2 用户登录活动图
根据图3-6 用户登录活动图所示，已经成功注册的用户，进入到登录界面后，输入登录信息，系统对比数据库自动判定登录信息是否正确，正确则登录成功，跳转到商城界面，错误则返回登录界面。

图3-6 用户登录活动图
3.3.3 用户购买商品活动图
根据图3-7 用户购买商品活动图所示，登录到手机商城后，系统首先显示首页，在首页中，用户可以输入需要购买的商品进行搜索。
在显示商品界面后，系统展示商品列表、促销信息，不加入购物车则表示浏览结束，用户按照自己浏览和购买意愿选择是否加入购物车，将其添加到购物车可以对购物车内的商品进行更新、购买结帐的操作。

图3-7 用户购买商品活动图
3.3.4 确认支付活动图
根据图3-8确认支付活动图所示，用户和商家之间的活动，以用户付款、商家发货为标志这场的支付活动的完成。
具体表现为：用户点击购买后，系统首先将对用户显示支付界面，然后获取购物车内的商品信息，用户需要手动选择填写物流的相关配送信息和个人信息。付款方式有两种选择：第一，可以选择第三方支付平台进行线上的预付款，这笔付款在买家确定收货后，第三方平台才会自动将这笔钱转给商家；第二，可以选择货到付款，即买家在收货的时候，进行线下的付款，不经过商城的第三方支付平台。
在完成了付款之后，系统会自动生成一笔交易订单，并分别返回订单信息给用户和商家，商家此时就可以向用户进行商品的发货。用户付款、商家发货标志这场的支付活动完成。

图3-8 确认支付活动图
3.3.5 商家修改商品信息活动图
根据图3-9 商家修改商品信息活动图所示，商家可以对包括已上架和未上架的所有商品进行管理和修改。
在商家发出修改请求后，系统会显示修改商品的信息界面给商家，商家可以选择需要修改的商品类型进行操作，具体操作有：上架商品、下架商品、修改商品价格，填写或者修改完成后，点击提交后数据库更新，系统返回修改成功信息。

图3-9 商家修改商品信息活动图
3.4 数据库设计
一个完整的系统必须有一个良好的数据库支持作为数据来源，如果想提高系统的健壮性，那么就得把数据库设计好。本数据库采用mysql数据库设计，里面包括：已卖商品表(soldproduct)、等待发货的订单(fahuo)、商品发布(releases)、退款(refund)、买家信息表 (buyer)、手机信息详情表(mobiledetail)、物流表(logistic)、评论留言表(comment)等表。每张表都根据唯一确定的键设为主键，例如：id字段、订单号、运单号等等，为了方便检查，在建表之后再建立主键约束或非空约束。在设计完数据库后为了测试数据表的可靠性，会选择在几张表中，插入几组数据或删除数据，进行测试。数据库、各个数据表都使用规范的英文命规则，为每张表附上对应的中文说明，这样便于其他开发人员查阅使用。
下面将对17张数据表做出详细说明。
3.4.1 数据字典
（1）等待发货的订单（fahuo）根据业务需求它主要存放记录待收件人信息、待发货的商品名、购买商品的数量、订单创建时间、收件人信息（手机号、地址）、以及订单类型等。如表3-2 发货订单表所示：
表3-2 发货订单表
序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 r_name varchar 10 0 是 收件人名称
2 S_name varchar 10 0 是 卖家昵称
3 c_time varhar 20 0 是 创建时间
4 o_number varchar 10 0 是 是 否 订单编号(主键)
5 s_optin varchar 10 0 是 卖家选择
6 o_type varchar 10 0 是 订单类型
7 o_source varchar 10 0 是 订单来源
8 p_price varchar 10 0 否 价格
9 p_m int 11 0 否 数量
10 b_address varchar 100 0 否 收件人地址
11 b_phone varchar 11 0 否 收件人手机号码
12 b_comment text 买家备注
（2）这是新品发布（releases）表，根据业务的需新品发布表主要用于记录保存新商品的id、新商品的名称、价格、商品详情等信息。如表3-3 新品发布表所示：
表3-3 新品发布表
序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 p_id varchar 10 0 是 是 否 商品号码(主键)
2 p_name varchar 10 0 是 商品名称
3 p_photo varhar 10 0 是 上传照片
4 p_pricr float 4 2 是 价格
5 p_detail text 是 商品详情
（3）这是退款申请表（refund）根据业务需求它主要用于记录卖家信息、退款的申请时间、退款的金额等信息。如表3-4 退款申请表所示：
表3-4 退款申请表
序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 s_name varchar 10 0 是 卖家昵称
2 o_number varchar 10 0 是 订单编号
3 a_time varhar 10 0 是 申请时间
4 r_number varchar 10 0 是 是 否 退款编号（主键）
5 r_time varchar 10 是 退款时间
6 a_number varchar 10 是 运单编号
7 r_money varchar 10 退款金额
（4）这是买家信息表（buyer），根据需求它主要用于记录存放买家的个人基本信息包括：买家id、买家名、买家的密码、买家的邮箱。这个可用于在买家登陆时做信息查找。如表3-5 买家信息表所示：
表3-5 买家信息表
序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 c_id varchar 10 0 否 买家id 主键
2 c_name varchar 10 0 否 买家名
3 c_password varhar 10 0 否 买家密码
4 email varchar 10 0 否 邮箱
（5）这是手机信息详情表（mobiledetail），根据需求它主要用于记录手机商品的基本信息包括手机的id、所属的手机系列、手机的颜色、高宽度、操作系统等。如表3-6 手机信息详情表所示：
表3-6 手机信息详情表
序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 Id varchar 10 0 是 是 否 手机id（主键）
2 m_name varchar 10 0 否 手机名称
3 m_serie varhar 10 0 否 手机系列
4 m_weight varchar 10 0 否 重量
5 m_color varchar 10 0 否 颜色
6 m_length varchar 10 0 否 长度
7 m_wide varchar 10 0 否 宽度
8 m_thickne varchar 10 0 否 厚度
9 m_sys varchar 20 0 否 操作系统
10 m_cpu_p varchar 10 0 否 cpu品牌
11 m_cpu_f varchar 10 0 否 cpu频率
12 m_cpu_m int 11 0 否 cpu核数
13 m_cpu_v varchar 10 0 否 cpu型号
14 m_c int 11 0 否 摄像头个数
15 m_fc varchar 10 0 否 前置摄像头像素
（6）这是物流信息表（logistic）根据业务需求它主要用于记录商品的物流信息包括商品的订单号、订单时间、物流状态、订单生成时间等。如表3-7 物流信息表所示：
表3-7 物流信息表
序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 m_commnet varchar 10 0 否 手机描述
2 m_price varchar 10 0 否 价格
3 m_m int 11 0 否 数量
4 m_mu varchar 15 0 是 是 否 订单号（主键）
5 m_t varchar 30 0 否 生成时间
6 m_name varchar 10 0 否 手机名
7 l_commnet text 10 0 否 物流状态描述
（7）这是留言评论表（comment），根据业务需求它主要用于记录用户的留言的信息记录，包括用户的id、用户名称、用户的评论。如表3-8评论留言表所示：
表3-8评论留言表
序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 u_id varchar 10 0 是 是 否 用户id （主键）
2 c_name varchar 10 0 否 用户名
3 c_comment text 10 0 否 评论
（8）这是已卖商品表(soldproduct)，根据需求它主要用于存放记录已卖商品的信息包括商品的id、商品名称、卖家信息、订单号、交易时间和交易状态等。如表3-9已卖商品表所示：
表3-9已卖商品表
序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 p_id varchar 10 0 是 是 否 商品号码 （主键）
2 S_name varchar 10 0 是 卖家昵称
3 p_name varchar 10 0 是 商品名称
4 o_number varchar 10 0 是 订单编号
5 t_time varchar 10 0 是 成交时间
6 o_status varchar 10 0 是 订单状态
7 p_status varchar 10 0 是 物流状态
8 e_price float 4 2 是 单价
9 P_number int 11 0 购买数量
10 t_status varchar 10 0 交易状态
11 comment text 评价
（9）这是退款说明表(buyer_return)，根据需求它主要用于存放记录退款的详细信息情况，包括订单编号、用户名、卖家信息、商品信息和退款说明等。 如表3-10退款说明表所示：
表3-10退款说明表
序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 id int 30 0 是 是 否 订单编号
2 username varchar 30 0 否 用户名
3 buyer varchar 30 0 否 收件人
4 phonenumber varchar 60 0 否 电话号码
5 count int 10 0 否 数量
6 phone_name varchar 20 0 否 手机名
7 phone_color varchar 20 0 否 手机颜色
8 phone_money double 10 2 否 价格
9 Kind_return varchar 30 0 是 退款类型
10 reason varchar 60 0 是 退款原因
（10）这是购买订单表(phone_order )，根据需求它主要用于存放用户购买的订单对应的详细信息，包括订单编号、用户名、收件人、地址和电话号码等。如表3-11购买订单表所示：
表3-11购买订单表
序号 列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明
1 id int 30 0 是 是 否 订单编号
2 username varchar 30 0 否 用户名
3 buyer varchar 30 0 否 收件人
4 address vachar 30 0 否 地址
5 phonenumber varchar 60 0 否 电话号码
6 remark Varchar 40 0 是 备注
7 count int 11 0 否 数量
8 phone_name varchar 20 0 否 手机名
9 phone_color varchar 20 0 否 手机颜色
10 phone_commumication varchar 30 0 是 通信
11 phone_money double 10 2 否 价格
（11）以上已对主要的数据表做出详细的数据说明，其余的数据表不再进行详细的数据解释，只做简述说明，详细见数据库，表3-12至3-18，整理如下：
表3-12上架图片商品表（collect）
字段名 数据类型 字段大小 说明
username varchar 30 用户名
picture varchar 30 图片路径
name varchar 20 手机名
money double 浮点 价格
action varchar 30 指向页面
表3-13商品下架信息表（configuration）
字段名 数据类型 字段大小 说明
name varchar 30 手机名
memory varchar 30 内存
color varchar 30 手机颜色
commumication varchar 60 通信
totalofcard varchar 30 卡数
money double 浮点 价格
path varchar 20 路径
picture varchar 30 图片
表3-14购买订单表（refends）
字段名 数据类型 字段大小 说明
id int 整型 订单编号
username varchar 30 用户名
buyer varchar 30 收件人
address vachar 30 地址
honenumber varchar 60 电话号码
count int 整数 数量
phone_name varchar 20 手机名
phone_color varchar 20 手机颜色
phone_money double 浮点 价格
judge Int 整型 判断逻辑
表3-15商品展示信息表（shipping）
字段名 数据类型 字段大小 说明
id int 整型 订单编号
username varchar 30 用户名
buyer varchar 30 收件人
address vachar 30 地址
phonenumber varchar 60 电话号码
count int 整数 数量
phone_name varchar 20 手机名
phone_color varchar 20 手机颜色
phone_money double 浮点 价格
picture varchar 30 图片
表3-16用户表（user）
字段名 数据类型 字段大小 说明
user varchar 30 用户名
pwd varchar 30 密码
表3-17评价信息表(user_report)
字段名 数据类型 字段大小 说明
username varchar 30 用户名
commentaries varchar 30 评价
表3-18 待发货信息表（wait_report）
字段名 数据类型 字段大小 说明
id int 整型 订单编号
username varchar 30 用户名
buyer varchar 30 收件人
address vachar 30 地址
phonenumber varchar 60 电话号码
count int 整数 数量
phone_name varchar 20 手机名
phone_color varchar 20 手机颜色
phone_commumication varchar 20 通信
phone_money double 浮点 价格
3.4.2 模块对数据表访问
各个模块对数据表操作，可用如下表3-19的方式表述（R代表读，W代表写）：
表3-19 各模块对数据表的访问
数据表
模块 buyer_return collect configuration phone_order refunds shipping user user_report wait_report
登陆 R/W
注册 R/W
搜索 R
收藏 R/W
购买 R R W
收藏夹 R R
待发货 R/W
待收货 R/W
待评价 W R
退款/售后 W R
3.5 网站命名规则
以下是用户端页面和商家端页面的命名规则介绍，如表3-20和表3-21所示：
表3-20用户端网页
网页文件名 网页功能解释
index.html 首页
brand.html 手机品牌/店铺
asses_product.html 配件详情页
collection.html 收藏夹（个人中心）
footer_info.html 页脚链接
Headset_acces.html 耳机产品罗列
USB_acces.html USB产品罗列
login.html 登录/注册界面
miproduct.html 小米手机详情
order_informaton.html 订单详情
pending_shipment.html 待发货
product.html 手机详情
return_goods.html 退款/售后
wait_evaluate.html 待评价
wait_receive.html 待收货
write_info.html 填写订单信息
xinpin.html 新品上市
Comment.html 产品评论
表3-21商家端网页
网页文件名 网页功能解释
jygl.html 首页(交易管理)
fabu.html 上架，发布商品
chushou.html 查询商品，下架
fahuo.html 发货
fahuo2.html 发货中订单
fahuo3.html 已收货订单
Jvbao.html 举报
login.html 登录/注册界面
tuikuan.html 退款，查询
3.6 本章小结
本章首先对智选手机商城系统的用户系统和商家系统进行了系统功能的详细解释。
首先，先对前后端进行了功能总览，详细介绍了用哪些方法和技术实现各个模块的交互设计功能，并且将需要关键处理的方式罗列了出来。
然后，使用顺序图和活动图，对细节和难以理解的部分进行补充说明，对前后台进行细节分析。
接着，对智选手机商城系统的数据库进行设计，对数据库和每个数据表使用了英文命名规则，共设计了18张数据表，每张表都详细整理并且附上了对应的中文说明，便于查阅使用。
最后，对各个模块对数据库访问的可读写性进行了整理，并且对用户端和商家端的网站命名进行了解释备注。

第4章 系统实现

4.1用户端界面实现
网页的颜色选择以黑白为主；图标是手机商城的英语单词组合，用户更清楚地知道我们网站的用途；网站的内容显示区占整个页面的百分之八十，并且居中显示。
4.1.1 首页

                         图4-1 首页

功能简介：
（1）搜索栏
可以输入搜索内容显示搜索到的商品界面；点击搜索的图标，就会跳转到搜索结果页面，如图4-1所示。
（2）Logo
位于页面左上方，顶部是用户登录，如果用户已经登录成功则显示已登录的状态。
（3）导航栏
首页、新品上市、手机配件、品牌、个人中心等五个模块，点击可以跳转到相关页面，鼠标移到导航模块，背景色就会变成灰白色。手机配件和品牌这两个模块会显示隐藏的div内容，点击内容会跳转到相对应的网页。
（4）轮播图
轮播图是手机商城的热门手机商品推荐，6秒播放一次，也可以点击图片下方的小圆点显示图片。
（5）热门推荐
该区域是四列两行的格局，运用Bootstrap框架的栅格系统。
（6）广告：广告区域要三个宣传图
（7）品牌旗帜店：共罗列了四个品牌的店铺，点击进入店铺售卖页面
（8）底栏导航栏
点击可以进入配送方式、支付方式、售后服务详情页面。
4.1.2 商品详情
（1）该页面内容显示的比例为8：4，手机参数是用一个div设置右浮动。
（2）商品图片显示区：将鼠标移进下方的小图片，小图的边框为红色，移出就消失，大图显示小图片对应的大图。在小图片上添加onmouseover()和onmouseout()，在JavaScript中绑定两个事件changeTu(y,i)，out(y)。展示效果如图4-2所示。

图4-2 手机图片展示
（3）商品颜色选择：点击商品颜色选择按钮，商品选择框变为红色，左边图片区域显示对应手机颜色的图片，为图片绑定一个点击事件onclick（）。展示效果如图4-3所示。

图4-3 商品颜色选择
（4）商品介绍和商品评论是公共部分，根据选择进行切换。当鼠标移动到商品介绍或者商品评论，背景色就会变为黑色，文字颜色为白色；当鼠标移出时，背景为白色，文字颜色为黑色。点击商品介绍或者商品评论，背景色就会变为黑色，文字颜色为白色，内容显示区会显示对应的内容。展示效果如图4-4所示。

图4-4 商品介绍/商品评论
（5）点击“购买”按钮，跳转到“填写订单详情”页面。
（6）产品推荐。运用Bootstrap的栅格系统中col-md-4类，布剧为水平分布3个推荐产品。具体实现如图4-5所示。

图4-5 产品推荐
4.1.3 品牌店铺

图4-6品牌店铺
品牌店铺的页面跟其他页面的色调不一样，是以蓝色、黑色为主，背景色为#1033e5，给人一个视觉上冲击。平台的logo放在页面的顶部并居中；导航栏是跟其他页面一样；内容区域有一个品牌名，字体颜色为白色并居中显示。下面的图片是该品牌的手机推荐，也是居中在页面中间，给图片添加标签，这样点击图片就可以跳转到该商品的详情页面查看详情信息。如图4-6所示。
4.1.4 个人中心

图4-7 个人中心顶部
个人中心是用户注册登录之后的才可以查看到内容，否则点击出来是没有内容，用户需要登录状态才可以查询内容，这样对用户的内容比较保密。个人中心的页面布局跟首页、新品上市、手机配件、品牌这四个页面不同，但颜色基调是一样的，都是以黑白为主，白色的背景色。手机商城放在左侧，用户登录后的头像、用户账号、“退出登录”按钮均放在右侧，用一个浮动并调整一下边距实现的；导航栏是黑色背景，当鼠标悬停在导航的功能模块上面时背景色变为浅灰色，点击时变为白色，并显示该导航模块的内容，我是用一个标签来链接的，点击时跳到转页面；用户中心的最顶部是当前位置的显示，是用列表

• 标签内添加一个链接到首页，点击就可以返回首页。展示效果如图4-7所示。
  4.1.5 个人中心——收藏夹
  

• 图4-8 个人中心-收藏夹
  如图4-8所示，收藏夹的布局是表格形式，最多排满3行5列，多余的就显示在下一个。内容区域的底部有显示页面数量，点击可以查看那一页所收藏的商品，按钮的背景颜色白色，字体色为蓝色。如果是在当前页的话，按钮的背景色是蓝色，字体色是白色。
  4.1.6 个人中心——待发货、待收货
  待发货和待收货的页面布局是相同的，在这两个页面中商品都是以块的形式存在的，每个商品都有自己独立的块，点击可以查看订单详情，里面包含了手机商品名称、手机商品详情简介、交易价格、购买数量。待发货页面中有“提醒发货”、“取消订单”两个按钮，点击可以提醒卖家发货、取消该订单；待收货页面也有两个按钮分别为“查看物流”、“确认收货”，点击“查看物流”按钮跳转到订单详情页面。如图4-9、图4-10所示。
  

  图4-9 待发货
  

  图4-10 待收货
  4.1.7 个人中心——退货/售后
  个人中心退货售后页面的内容分为两栏格式，比例是2：1，退款列表栏占2/3，退款申请占1/3。退款列表栏是显示用户申请退款的商品，背景色为浅灰色，里面的内容有手机商品图片、手机商品名称、手机商品详情简介、交易价格、购买数量、退款状态；退款申请栏给用户填写退款申请，主要需要填写申请退款申请（退款类型选择：退货退款、仅退款）、退款原因、退款金额，点击“提交”按钮就可以提交退款申请并显示在左边的退款列表栏中。如图4-11所示。
  

  图4-11 退货/售后
  4.1.8 订单填写
  订单填写页面是在手机商品详情页面点击“购买”按钮时跳转显示的页面，此页面背景颜色是白色，订单要填写购买数量、收件人、收件人地址、联系电话、备注等信息。点击“支付提交”，跳转到待发货页面。点击“返回”按钮就会返回到上一个浏览过的页面。功能实现主要是给“支付提交”按钮、“返回”按钮添加一个点击事件onclick（）。如图4-12所示
  

  图4-12 订单填写
  4.1.9 商品评论
  商品评论页面是买家在确认收货后对手机商品进行品论。该页面的布局很简单明了。同样也是以白色为背景色，中间是评论区域，还有“提交”按钮、“返回”按钮。点击“提交”按钮，则待评价页面就会没有该手机商品的信息，点击“返回”按钮则返回上一个浏览过的页面。如图4-13所示。
  

  图4-13 商品评论
  4.1.10 用户注册
  用户首先要注册为MoblieShop商城的用户，方可在MoblieShop商城进行购买操作。注册是只要填写登录用户名、密码、确认密码、qq邮箱即可。注册后用户即可登录进行购买行为。且为了保证注册用户的唯一性，在提交表单后需要对数据库表中的数据查询，如果没有找到则会插入数据表时会提示注册成功，否则会用户已存在，请重新输入。实现效果如图4-14所示。
  

  图4-14 用户注册
  页面元素：
  包含logo、用户名输入框、密码输入框、确认密码输入框、QQ邮箱输入框、背景图。
  链接：输入用户账号和密码，确认密码和密码一样，QQ邮箱输入格式正确，页面显示注册成功，跳转到首页。
  功能：买家用户进行注册账号。
  4.1.11 用户登录
  为了方便网站的管理，必须有一套完整的用户管理体系，下面介绍登录方面的功能，实现效果如图4-15所示。
  登录页面：如果已经注册好的用户可以直接登录，进入MoblieShop商城进行购买操作。
  

  图4-15 用户登录
  页面元素：
  包含logo、账号输入框、密码输入框、背景图片。
  链接：用户账号和密码正确时页面显示登录成功，跳转到首页。
  功能：买家用户进行登录。
  4.2商家端界面实现
  卖家的操作页面，应该尽量的简单，清晰，操作简单，页面能实现卖家基本的增删改查的操作导航精炼易读，色彩搭配明确，布局妥当，设计独特，使用户通过导航能够快速了解整个网站的主要内容，对网站内容起到提纲挈领的作用。
  商家端实现内容：
  （1）交易管理：利用模糊查询和顺序查询查询订单；
  （2）物流管理：卖家发货之后，等待发货的订单删除，变成了发货中的订单，买家确认收货之后卖家就能在确认收货的订单看到相应的数据；
  （3）商品管理：商品上下架，卖家添加商品信息到商品信息表之后买家页面显示出来，卖家删除（下架）买家页面就没有该数据信息。
  4.2.1 交易管理
  （1）条件查询运行结果：
  图4-16是点击按钮条件查询的运行结果，卖家通过此按钮来查询符合条件的已卖出宝贝的详细信息
  
  图4-16 卖家交易管理页面
  （2）直接查询运行结果：
  图4-17是点击按钮条件直接查询的运行结果，卖家可以通过这个按钮来获取已卖出的宝贝的所有详细信息。
  

  图4-17 卖家交易管理页面
  4.2.2 物流管理
  图4-18是卖家发货页面物流管理，实现效果如下：
  

  图4-18 卖家发货页面
  物流管理分为：等待发货，发货中，已收货。
  卖家打开该页面直接显示所有等待发货的订单，卖家勾选要发货的订单，因为用了循环所以卖家可以选择多条数据，然后点击发货的按钮之后，等待发货的订单删除，将该订单插入发货中的表里，变成了发货中的订单，买家确认收货之后卖家就能在确认收货的订单看到相应的数据，这里等待发货页面用到了查询数据表，插入语句到数据表和删除数据表数据的方法，发货中和已收货都用到了查询的方法。
  4.2.3 商品管理
  商品管理->出售中的商品实现效果如图4-19所示：
  

  图4-19 卖家下架商品页面
  商品管理分为：上架、下架，查询所有商品。
  这是出售中的商品的运行结果，卖家点击查询所有商品的按钮将可以查询到正在出售的所有商品的详细信息。
  4.3 本章小结
  本章针对智选手机商城系统的用户端和商家端的设计进行实现，对网站建设过程的细节和交互进行了介绍，并且给出各个界面的截图展现系统最终实现的效果。

  第5章 系统测试

  5.1 系统测试的目的
  找出软件中的漏洞是系统测试的目的，系统的漏洞可能存在于系统、功能、过程、数据和编码中，我们需要在这些方面上进行测试以找到系统的漏洞并修复[ 刘金起，李明黎. App自动化测试与框架实战 [M].人民邮电出版社，2019.]。在系统设计和实现过程中检查出来的错误和缺陷需要在系统试运行当中通过系统测试来实现，所以这个阶段是软件开发中必不可少的部分。
  5.2 系统测试的意义
  在软件泛滥的信息时代，软件的质量参差不齐，因此，为了杜绝低质量的软件的蔓延，系统测试是一个不可或缺的阶段。经过一系列的严格测试，可以找出系统中难以发现的漏洞，有利于提高智选手机商城系统的软件质量，使用户的体验更加完善。
  5.3 测试用例及结果
  5.3.1 系统注册测试
  根据表5-1 系统注册测试用例表所示，用于测试注册时的各种情况，检测各种数据的输入情况，观察系统的响应情况，得出该功能达到了设计目标，最终达到了预期效果。
  表5-1 系统注册测试用例表
  前置条件 用户名:admin；密码:admin；确认密码:admin；QQ邮箱:admin@qq.com
  测试目的 测试输入 测试结果 测试说明
  用户名 密码 确认
  密码 QQ邮箱
  未填写用户名 （为空） admin admin admin@qq.com 用户名、密码不能为空 测试通过
  未填写密码 admin （为空） admin admin@qq.com 用户名、密码不能为空 测试通过
  空用户名、空密码注册 （为空） （为空） admin admin@qq.com 用户名、密码不能为空 测试通过
  用户名、密码格式错误 ad@@ ad@@ admin admin@qq.com 格式错误 测试通过
  密码、确认密码输入不一致 admin 123 321 admin@qq.com 密码不一致 测试通过
  未填写邮箱 admin admin admin 无法注册 测试通过
  用户名、密码、邮箱正确填写 admin admin admin admin@qq.com 成功注册 测试通过
  5.3.2 系统登录测试
  根据表5-2系统登录测试用例表所示，测试用户凭借自己注册的用户名和密码是够能进行登录，当输入的用户名或密码错误会出现提示信息，当用户名和密码为空时会出现提示信息，测试达到了预期效果。
  表5-2 系统登录测试用例表
  前置条件 用户名:admin；密码:admin
  测试目的 测试输入 测试结果 测试说明
  用户名 密码
  空用户名 （为空） admin 用户名或密码不正确 测试通过
  空密码 admin （为空） 密码不能为空 测试通过
  空用户名、空密码 （为空） （为空） 用户名或密码不正确 测试通过
  用户名、密码错误 admin 123 用户名或密码不正确 测试通过
  用户名、密码正确输入 admin admin 进入管理系统主界面 测试通过
  5.3.3 商品管理测试
  根据表5-3商品管理测试用例表所示，测试商品浏览、商品搜索、商品收藏、购物车信息增删改查、支付功能、订单提交等功能，对一些商品管理操作进行可行性测试，观察系统和数据的响应更新情况，测试显示系统运行正确。

  表5-3 商品管理测试用例表
  测试目的 测试结果 测试说明

  商品搜索查询功能 在网站顶部的搜索框输入关键字，点击搜索后，
  搜索栏目成功显示与关键字匹配的相关商品， 测试通过
  商品收藏功能 用户可以对所选商品进行收藏，已收藏的商品
  在我的收藏中可以成功查询，并且对不想再
  收藏的商品进行取消收藏操作 测试通过
  购物车增删改查功能 购买的商品存入购物车，可以对商品进行
  增加，删除，查询功能   测试通过
  商品结算支付功能 购物车里的商品，自动显示金额，点击
  支付选择支付方式进行支付 测试通过
  订单填写提交功能 点击购买商品后跳转到订单填写页面，填写收件地址后成功跳转到支付窗口，数据库同步更新 测试通过
  5.3.4 物流管理测试
  根据5-4 物流管理测试用例表所示，测试下单后的物流进度查询情况，以及测试商家点击发货，用户同步转换不同订单状态的功能，最后对退款售后功能进行测试。根据系统的响应情况，物流管理功能达到了设计目标，系统正常运行。
  表5-4 物流管理测试用例表
  测试目的 测试结果 测试说明

  物流更新显示功能 在我的订单可查看商品发货后的进度，
  并且根据不同进度实时更新 测试通过
  待发货功能 商家尚未点击发货时，用户待发货界面显示
  已经购买商品的缩略图和商品详情 测试通过
  待收货功能 商家点击发货后，用户的商品物流信息从待
  发货界面转到待收货界面，并且在商品信息
  下方显示了查看物流和确认收货按钮。 测试通过
  待评价功能 用户点击确认收货后，待评价界面点击评价
  按钮跳转到商品评价界面，输入评价后即
  可点击提交 测试通过
  退款/售后功能 点击退款按钮，跳转到退款界面，用户
  选择退款理由和填写退款原因说明后，
  点击提交，商家端同步更新 测试通过
  5.3.5 后台管理测试
  根据表5-5 后台管理测试用例表所示，测试商家的后台功能，对商品信息的更新修改进行测试，测试达到了预期效果。
  表5-5 后台管理测试用例表
  测试目的 测试结果 测试说明

  商品上架功能 商家点击商品上架，填写商品详情，如商
  品名称、单价、数量等，数据成功录入数
  据库，并且前台成功发布商品 测试通过
  商品下架功能 商家选择商品后，点击下架，数据成功删除
  上架商品表的数据，并且从前台下架商品 测试通过
  交易查询功能 根据需要搜索的商品进行模糊查询和精准查
  询，模糊查询搜索到了对应字段的所有商
  品，精准查询搜索到了完全匹配的商品 测试通过
  修改商品信息功能 点击需要修改的商品信息，跳转到修改界
  面，修改对应的商品详情后，点击提交按
  钮数据库进行了同步的更新 测试通过
  5.4 本章小结
  本章首先阐述了系统测试的目的以及意义，之后对智选手机商城系统的前台和后台功能进行了系统的可用性和健壮性测试，测试过程中考虑了功能之间的相互影响，如单个功能对整体功能的影响，某个模块对整体模块的影响，并给出了测试用例，经过测试证明了该系统的大部分功能是没有问题的。

  第6章 结束语

  6.1 全文总结
  经过了这几个月不懈的努力，基于JSP的智选手机商城系统的设计与实现到这里基本结束了，现在对论文和系统进行全面的总结。
  在论文中，详细分析了手机商城系统的研究背景、研究目的和意义、系统开发环境、相关技术以及系统需求、系统实现和系统测试等详细内容。
  在网站界面方面，使用的是JSP完成，选择JSP是因为它使用Java编程语言编写类XML的tags和Scriptlets，来封装产生动态网页的处理逻辑。而且JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。
  在前端细节设计方面，使用的是JavaScript和其框架jQuery来制作智选手机商城的网页特效。选择jQuery在于它是轻量级的js库，兼容CSS3，可以很好的解决主流常用浏览器之间的兼容性问题。而且jQuery能方便地为网站提供AJAX交互，所以本系统使用了Ajax技术实现页面和 web 服务器之间数据的异步传输，以此来实现局部刷新。
  在后端设计方面，系统的开发采用了Java 语言作为软件设计的基础语言，因其具有卓越的通用性、高效性、平台移植性和安全性，而且是一种可以撰写跨平台应用程序的面向对象的程序设计语言。
  在逻辑方面，由Servlet完成，Servlet是纯Java语言，擅长于处理流程和业务逻辑，接收前端数据返回响应。
  在数据支持方面，数据储存使用了MySQL，它使用的核心线程是完全多线程，支持多处理器，支持多钟列类型，且支持多种聚合函数，重要的是完全免费。
  目前，基于JSP的智选手机商城系统在这些工具的支持下基本运作。
  6.2 课题展望
  基于JSP的智选手机商城系统的设计与实现涉及多方面的理论、方法和技术，本系统还有很多新的问题还需要不断进行优化升，需要在实际应用中不断积累完善功能，在以下方面，还需要做更深入的研究开发，整理如下：
  系统只考虑了商品信息的基本组成项，并未在数据信息统计方面做深入的挖掘，如何应对庞大的商品信息还未使用相应的应对办法，在今后可以进一步完善信息表的相关字段，进一步做好划分和细化，增加商品信息的完整性和规模化。
  由于受到移动支付使用条件的约束，所以智选手机商城系统没有使用第三方支付来实现支付功能，在今后有机会和条件的时候，我会接入第三方支付平台，进一步的完善在线支付功能。
  手机商城系统网站的建设会再进行优化，以达到标准化，简化代码、降低建设成本，让网站更容易使用，能适应更多不同用户和更多网路设备。当浏览器版本更新，或者出现新的网络交互设备时，确保所有应用能够继续正确执行。

  参考文献

  [1] 林信良. JSP & Servlet学习笔记[M]. 清华大学出版社, 2012年05月
  [2] 软件开发技术联盟.Java Web开发实战[M].北京:清华大学出版社,2013
  [3] 任宪臻,梁宏英.JSP页面中文乱码解决方法[J].数字技术与应用,2017,(01):154+157
  [4] 李刚.疯狂Java讲义.第四版.电子工业出版社.2018
  [5] 萨师煊,王珊.《数据库系统概论》.高等教育出版社,2002年2月:3-460
  [6] 孙卫琴,李洪成. Tomcat 与 Java Web 开发技术详解[M]. 电子工业出版社,2003.6:1-205
  [7] 朱谦,罗新. 社区电子商务网上购物模式[J]. 现代经济信息. 2008
  [8] David J.Gallardo.Java Oracle 数据库开发指南（董庆霞译）.北京:清华大学出版社,2003
  [9] 杨弘平，吕海华，李波，史江萍，代钦.UML2基础、建模与设计教程[M].北京：清华大学出版社，2015.51
  [10] BaronScbwartz,Peter Zaiter,VadimTkacbenko.Optimization,Backups and Replication Higb Performance MySQL[M].USA:O’Reilly,2013
  [11] Kachru, S. and E.F. Gehringer. A comparison of j2ee and. net as platforms for teaching web services. 2004
  [12] Joshua Bloch. Effective Java[M]. Piscataway, N.J: IEEE Press, 2009

  致 谢

  历时几个月时间，终于把这篇论文完成了，在这段充满奋斗的历程中，带给了我的学生生涯无限的激情和收获。在论文的写作过程中遇到了很多困难和障碍，都在同学和老师的帮助下度过了。
  在本次论文设计和撰写的过程中，最需要感谢的是我的指导老师李秋香老师，本论文自始至终都得到了李秋香老师的悉心指导，从选题指导、文字组织、结构安排、资料整理和收集、论文框架和细节修改，都给予了细致的指导，提出了很多宝贵的意见与建议。老师以其严谨求实的治学态度、高度的敬业精神、兢兢业业、孜孜以求的工作作风和大胆创新的进取精神给我留下了深刻的印象。
  在毕业之际，感谢所有无私帮助，授我以业的计算机系的全体老师，没有这些年知识的积淀，我没有这么大的动力和信心完成这篇论文。最后，由衷的感谢在百忙之中抽时间对本文进行审阅的专家老师，恳请各位老师对我的论文多加批评指正，使我及时完善论文的不足之处。