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

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

DesignandimplementationofintelligentmobileshoppingmallsystembasedonJSPAbstract：Abstract:withthecontinuousdevelopmentofInternet,peoplenotonlybrowsewebpagesandsendandreceivee-mail,butalsomakemoreuseoftheInternetasapowerfulplatformtofacilitatetheirlives.Nowadays,thetraditionalwayofshoppingisstillintheleadingpositionofthemarket,butthiswaydoesnothavetheadvantagesofconvenient,casual,fashionandothernetworks.However,themodernonlineshoppingmall,relyingone-commerce,savestime,laborandcost,whichisagoodthingforbothbusinessesandconsumers.Thepurposeofbuildingthemobilemallwebsiteistoprovidecustomerswiththecommodityplatformtheyneedforfreepurchaseandtimelyprovideinformationexchangeofproductsandservices. Inviewofthecontradictionbetweenthehugesmartphonemarketandtheintegratedportalshoppingmallthatcannotbeupdatedintime,thispaperanalyzesindetailtheB2Cshoppingmallmodelandtherelatedtypicalonlineshoppingmall,developsasmartphoneshoppingmallsystembasedonJSPbyusingB/sdevelopmentmodelandJavalanguage,whichspecializesinsellingmobilephones,soastosolvetheproblemthatuserscannotconcentrateonunderstandingAwiderangeofsmartphoneproblems,therealizationofsmartphonereal-timedynamic,updatedinformationcentralizedsalesmanagement,consumerscanplaceordersatanytime,businessescanreceiveordersonline,improvetheusertimeutilizationandbusinessprofits. Theimplementationofsmartselectionmobileshoppingmallsystemwillhaveonemoreonlineshoppingmallappandonemoreshoppingapp.Comparedwiththecomprehensiveonlineshoppingmall,smartphonemallsystemwillbemorespecializedandtargeted.Firstofall,forconsumers,theydon'tneedtobuymobilephonesinacomprehensiveshoppingmall,butinamoretargetedmobileonlineshoppingmall.Theycansearchfromthewebsiteaccordingtotheirneedsorpopulartrends,sothatuserscanselectthemostsuitablemobilephonesamongavarietyofhandbrandsandmodels.Secondly,forbusinesses,informationresourceswillbemorecomprehensiveintegration,canfurtherexpandthemarket,andenhancethebrandimage,improvetheinterestsofbusinesses.Keywords:smartphone;onlineshoppingmall;B2Cmode;sales.目录第1章绪论 第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-12013-2019年上半年我国网购用户规模及占网民整体比重情况在用户规模增长的同时，其对于线上购物所花费的金额也越来越多。数据显示，到2018年我国网购交易金额达到了57370亿元，2019年将达到66610亿元。另外截止到2019年10月，我国实物商品网上零售额达到6.5万亿元，同比增长19.8%，占社零总额比重为19.5%。20202020年中国网络购物市场分析报告-产业现状与未来规划分析：/hulianwang/379334379334.html图1-22013-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的win10x64操作系统，1.8版本的JDK。其中开发将用到的插件包含但不仅限于ApacheTomcat8.5.49，jst1-1-2和加载数据库驱动的mysql-connector-java-5.1。开发工具：编辑器IDE使用当前流行的EclipsejavaOxygen64-EclipseOxygen64位，该编辑器是基于Java的可扩展开发平台，有着免费，开源，插件丰富等众多的优点。因速度、可靠性和适应性而备受关注和使用结构化查询语言（SQL）进行数据库管理的MySQL，使用的版本号为5.7.24-winx64，数据库图形化管理界面使用NavicatforMySQL。

第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系统前台功能模块结构图登录：该功能负责判断用户的账号的是否存在、密码是否正确。注册：该功能负责把用户注册的信息储存到数据库相应的表中。搜索框：该功能负责接收用户输入的信息，把信息传递到数据库中查询相应的信息。收藏：该功能负责把用户收藏的东西保存的个人中心的收藏夹中。购买：该功能负责创建用户的订单。收藏夹：该功能显示用户所收藏的物品信息，点击物品可进入到相应的物品界面。待发货：该功能显示用户所下的订单是否已经发货，倘若还未发货，则显示在代发货页面；倘若已发货，则待发货页面中不显示该订单（订单已到待收货页面）。待收货：该功能显示卖家已发货、用户订购的物品发货状态的页面。待评价：该功能负责显示买家已收到的物品，并且买家可以在该物品上能实现评价的功能。退款/售后：该功能负责显示买家已收到的物品，并且买家可以通过申请退款功能来实现卖家对该次购买的退款。2.3.2商家端功能分析 系统商家端的具体可参看下图，图2-5系统后台功能模块结构图：图2-5系统后台功能模块结构图卖家的操作页面，应该尽量的简单，清晰，操作简单，页面能实现卖家基本的增删改查的操作导航精炼易读，色彩搭配明确，布局妥当，设计独特，使用户通过导航能够快速了解整个网站的主要内容，对网站内容起到提纲挈领的作用商家端实现内容：（1）交易管理：利用模糊查询和顺序查询查询订单；（2）物流管理：卖家发货之后，等待发货的订单删除，变成了发货中的订单，买家确认收货之后卖家就能在确认收货的订单看到相应的数据；（3）商品管理：商品上下架，卖家添加商品信息到商品信息表之后买家页面显示出来，卖家删除（下架）买家页面就没有该数据信息。2.4UML系统建模2.4.1用例图用例模型的基本组成部分有用例、角色（或参与者）和系统杨弘平，吕海华，李波，史江萍，代钦.UML2基础、建模与设计教程[M].北京：清华大学出版社，2015.51。为了实现从全局把握软件系统的设计，将使用UML系统建模来详细分析说明。杨弘平，吕海华，李波，史江萍，代钦.UML2基础、建模与设计教程[M].北京：清华大学出版社，2015.51用户业务如图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商品退款功能用户可以从订单管理中选择退款。13.1.2功能设计及思路登录该功能负责判断用户的账号的是否存在、密码是否正确。从用户账号密码的文本框中，通过使用JSP获取保存账号和密码的表单，然后连接数据库，对比数据库中保存用户账号和密码的表中的内容是否一致，倘若不存在该账号，则弹出“不存在该账号”的提示框；倘若账号存在，密码不正确，则弹出“密码错误”的提示框；倘若账号跟密码都正确，则弹出“登录成功”的提示框。关键处理：获取表单是通过submit提交到处理页面、连接数据库、if-else判断、alert弹出提示框、使用到user数据表。注册该功能负责把用户注册的信息储存到数据库相应的表中。从用户的账号、密码、再次确认密码的文本框中，通过JSP获取保存账号、密码、再次确认密码的表单，然后连接数据库，判断保存用户的表中的内容是否与表单获取的用户名是否重复，倘若重复则弹出该“用户名已存在”的提示框；倘若密码和再次确认密码两处文本框获取的值相同，则弹出“两次输入的密码不相同”提示框；倘若该用户名还未被创建、两次输入的密码相同，则弹出“注册成功”的提示框，并且把信息写入到数据库中相应的表中。关键处理：获取表单是通过submit提交到处理页面、连接数据库、if-else判断、alert弹出提示框、使用到user数据表。搜索框该功能负责接收用户输入的信息，把信息传递到数据库中查询相应的信息。用表单接收用户输入的信息，然后连接数据库，把表单的信息与数据库信息对比，倘若数据库中保存这类信息的表中存有相应的信息，则搜索栏下方反馈相应的信息；倘若没有找到相应的信息，则在搜索栏下方什么也不显示。关键处理：获取表单是通过submit提交到处理页面、连接数据库、if-else判断、模糊查询、JSP页面插入相应的数据内容、使用到configuration数据表。收藏该功能负责把用户收藏的东西保存的个人中心的收藏夹中。使用表单跳转到处理相应逻辑的JSP页面中，通过查询数据库中保存个人收藏的表，倘若该表中并未保存任何东西，则插入相应的信息，并弹出“收藏成功”的提示框；倘若该表已存在相应的信息，则删除该条信息，并弹出“取消收藏”的提示框。关键处理：获取表单是通过submit提交到处理页面、连接数据库、if-else判断、使用到collect数据表。购买该功能负责创建用户的订单。使用表单跳转到处理相应逻辑的JSP页面中，通过表单获取相应的信息，然后连接数据库，把相应的信息插入到数据库中保存订单的表中，倘若插入成功，则弹出“提交订单成功”的提示框。关键处理：获取表单是通过submit提交到处理页面、连接数据库、使用到phone_order数据表。个人中心-收藏夹该功能显示用户所收藏的物品信息，点击物品可进入到相应的物品界面。通过连接数据库中保存用户保存收藏信息的表，使用处理相应逻辑的JSP页面，把它输出到个人收藏夹页面中，有相应的信息，个人收藏夹则有相应的内容；无信息则个人收藏夹下面没有任何东西。关键处理：连接数据库、使用到collect数据表，查询、遍历输出信息、JSP的<%=%>输出显示。个人中心-待发货该功能显示用户所下的订单是否已经发货，倘若还未发货，则显示在代发货页面；倘若已发货，则待发货页面中不显示该订单（订单已到待收货页面）。通过连接数据库中保存用户订单信息的表，使用处理相应逻辑的JSP页面，把信息输出到个人中心的代发货页面，有相应的信息，代发货页面则有相应的内容；无信息则代发货页面下面没有任何内容显示，用户还能通过‘取消订单’按钮把已下单并且卖家还未发货的订单取消掉。无信息是因为卖家已发货或者用户自己取消了订单。关键处理：连接数据库、使用到phone_order数据表、查询、删除、遍历输出信息、JSP的<%=%>输出显示。个人中心-待收货该功能显示卖家已发货、用户订购的物品发货状态的页面。通过连接数据库中保存用户代发货的表。当卖家确认发货时，订单表就会删除相应的数据、并在删除该数据之前，把该数据插入到代发货表，把信息输出到个人中心的待收货页面，有相应的信息，待收货页面则有相应的内容；无信息则待收货页面下面没有任何内容显示，用户还能通过‘查看物流’按钮来查询物品的物流信息，或者通过‘确认收货’按钮来确认收货信息（也就是说明你已经收到货了，待收货表中相应的数据也会删除，在删除待收货表也把相应的数据插入待评价表和退货表，方便以后使用）。关键处理：连接数据库、使用到shipping数据表、查询、删除、遍历输出信息、JSP的<%=%>输出显示。个人中心-待评价该功能负责显示买家已收到的物品，并且买家可以在该物品上能实现评价的功能。通过连接数据库中保存用户评价的待评价表，把信息输出到个人中心的待评价页面，有相应的信息，待评价页面则有相应的内容；无信息则待评价页面下面没有任何内容显示，用户通过‘评价’按钮实现对该物品的评价，把评价内容保存到用户评价表（保存待评价信息的待评价表则会删除相应的数据，卖家调用用户评价表，可以查看用户对该物品的评价）关键处理：连接数据库、使用到user_report数据表、查询、删除、遍历输出信息、JSP的<%=%>输出显示。个人中心-退款/售后该功能负责显示买家已收到的物品，并且买家可以通过申请退款功能来实现卖家对该次购买的退款。通过连接数据库中保存已收货的产品信息（也就是在确认收货时写入到退款表的内容），有相应的信息，退款/售后页面则有相应的内容；无信息则退款/售后页面下面没有任何内容显示，用户通过填写附带相关信息的申请表，通过点击提交申请（JSP获取表单），把相应的信息传递到处理相应逻辑的jsp页面实现对这一功能的实现。关键处理：获取表单是通过submit提交到处理页面、连接数据库、使用到buyer_return数据表、查询、删除、遍历输出信息、JSP的<%=%>输出显示。未登录进入个人中心该功能是防止用户在未登录的情况下能进入个人中心查看信息。当用户未登录时，打开个人中心相关页面的时候，会弹出“请先登录账户”的提示框，并把页面返回到登录页面；倘若已登录则可正常查看个人中心相应信息。关键处理：获取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发货订单表序号列名数据类型长度小数位标识主键外键允许空默认值说明1r_namevarchar100是收件人名称2S_namevarchar100是卖家昵称3c_timevarhar200是创建时间4o_numbervarchar100是是否订单编号(主键)5s_optinvarchar100是卖家选择6o_typevarchar100是订单类型7o_sourcevarchar100是订单来源8p_pricevarchar100否价格9p_mint110否数量10b_addressvarchar1000否收件人地址11b_phonevarchar110否收件人手机号码12b_commenttext买家备注（2）这是新品发布（releases）表，根据业务的需新品发布表主要用于记录保存新商品的id、新商品的名称、价格、商品详情等信息。如表3-3新品发布表所示：表3-3新品发布表序号列名数据类型长度小数位标识主键外键允许空默认值说明1p_idvarchar100是是否商品号码(主键)2p_namevarchar100是商品名称3p_photovarhar100是上传照片4p_pricrfloat42是价格5p_detailtext是商品详情（3）这是退款申请表（refund）根据业务需求它主要用于记录卖家信息、退款的申请时间、退款的金额等信息。如表3-4退款申请表所示：表3-4退款申请表序号列名数据类型长度小数位标识主键外键允许空默认值说明1s_namevarchar100是卖家昵称2o_numbervarchar100是订单编号3a_timevarhar100是申请时间4r_numbervarchar100是是否退款编号（主键）5r_timevarchar10是退款时间6a_numbervarchar10是运单编号7r_moneyvarchar10退款金额（4）这是买家信息表（buyer），根据需求它主要用于记录存放买家的个人基本信息包括：买家id、买家名、买家的密码、买家的邮箱。这个可用于在买家登陆时做信息查找。如表3-5买家信息表所示：表3-5买家信息表序号列名数据类型长度小数位标识主键外键允许空默认值说明1c_idvarchar100否买家id主键2c_namevarchar100否买家名3c_passwordvarhar100否买家密码4emailvarchar100否邮箱（5）这是手机信息详情表（mobiledetail），根据需求它主要用于记录手机商品的基本信息包括手机的id、所属的手机系列、手机的颜色、高宽度、操作系统等。如表3-6手机信息详情表所示：表3-6手机信息详情表序号列名数据类型长度小数位标识主键外键允许空默认值说明1Idvarchar100是是否手机id（主键）2m_namevarchar100否手机名称3m_serievarhar100否手机系列4m_weightvarchar100否重量5m_colorvarchar100否颜色6m_lengthvarchar100否长度7m_widevarchar100否宽度8m_thicknevarchar100否厚度9m_sysvarchar200否操作系统10m_cpu_pvarchar100否cpu品牌11m_cpu_fvarchar100否cpu频率12m_cpu_mint110否cpu核数13m_cpu_vvarchar100否cpu型号14m_cint110否摄像头个数15m_fcvarchar100否前置摄像头像素（6）这是物流信息表（logistic）根据业务需求它主要用于记录商品的物流信息包括商品的订单号、订单时间、物流状态、订单生成时间等。如表3-7物流信息表所示：表3-7物流信息表序号列名数据类型长度小数位标识主键外键允许空默认值说明1m_commnetvarchar100否手机描述2m_pricevarchar100否价格3m_mint110否数量4m_muvarchar150是是否订单号（主键）5m_tvarchar300否生成时间6m_namevarchar100否手机名7l_commnettext100否物流状态描述（7）这是留言评论表（comment），根据业务需求它主要用于记录用户的留言的信息记录，包括用户的id、用户名称、用户的评论。如表3-8评论留言表所示：表3-8评论留言表序号列名数据类型长度小数位标识主键外键允许空默认值说明1u_idvarchar100是是否用户id（主键）2c_namevarchar100否用户名3c_commenttext100否评论（8）这是已卖商品表(soldproduct)，根据需求它主要用于存放记录已卖商品的信息包括商品的id、商品名称、卖家信息、订单号、交易时间和交易状态等。如表3-9已卖商品表所示：表3-9已卖商品表序号列名数据类型长度小数位标识主键外键允许空默认值说明1p_idvarchar100是是否商品号码（主键）2S_namevarchar100是卖家昵称3p_namevarchar100是商品名称4o_numbervarchar100是订单编号5t_timevarchar100是成交时间6o_statusvarchar100是订单状态7p_statusvarchar100是物流状态8e_pricefloat42是单价9P_numberint110购买数量10t_statusvarchar100交易状态11commenttext评价（9）这是退款说明表(buyer_return)，根据需求它主要用于存放记录退款的详细信息情况，包括订单编号、用户名、卖家信息、商品信息和退款说明等。如表3-10退款说明表所示：表3-10退款说明表序号列名数据类型长度小数位标识主键外键允许空默认值说明1idint300是是否订单编号2usernamevarchar300否用户名3buyervarchar300否收件人4phonenumbervarchar600否电话号码5countint100否数量6phone_namevarchar200否手机名7phone_colorvarchar200否手机颜色8phone_moneydouble102否价格9Kind_returnvarchar300是退款类型10reasonvarchar600是退款原因（10）这是购买订单表(phone_order)，根据需求它主要用于存放用户购买的订单对应的详细信息，包括订单编号、用户名、收件人、地址和电话号码等。如表3-11购买订单表所示：表3-11购买订单表序号列名数据类型长度小数位标识主键外键允许空默认值说明1idint300是是否订单编号2usernamevarchar300否用户名3buyervarchar300否收件人4addressvachar300否地址5phonenumbervarchar600否电话号码6remarkVarchar400是备注7countint110否数量8phone_namevarchar200否手机名9phone_colorvarchar200否手机颜色10phone_commumicationvarchar300是通信11phone_moneydouble102否价格（11）以上已对主要的数据表做出详细的数据说明，其余的数据表不再进行详细的数据解释，只做简述说明，详细见数据库，表3-12至3-18，整理如下：表3-12上架图片商品表（collect）字段名数据类型字段大小说明usernamevarchar30用户名picturevarchar30图片路径namevarchar20手机名moneydouble浮点价格actionvarchar30指向页面表3-13商品下架信息表（configuration）字段名数据类型字段大小说明namevarchar30手机名memoryvarchar30内存colorvarchar30手机颜色commumicationvarchar60通信totalofcardvarchar30卡数moneydouble浮点价格pathvarchar20路径picturevarchar30图片表3-14购买订单表（refends）字段名数据类型字段大小说明idint整型订单编号usernamevarchar30用户名buyervarchar30收件人addressvachar30地址honenumbervarchar60电话号码countint整数数量phone_namevarchar20手机名phone_colorvarchar20手机颜色phone_moneydouble浮点价格judgeInt整型判断逻辑表3-15商品展示信息表（shipping）字段名数据类型字段大小说明idint整型订单编号usernamevarchar30用户名buyervarchar30收件人addressvachar30地址phonenumbervarchar60电话号码countint整数数量phone_namevarchar20手机名phone_colorvarchar20手机颜色phone_moneydouble浮点价格picturevarchar30图片表3-16用户表（user）字段名数据类型字段大小说明uservarchar30用户名pwdvarchar30密码表3-17评价信息表(user_report)字段名数据类型字段大小说明usernamevarchar30用户名commentariesvarchar30评价表3-18待发货信息表（wait_report）字段名数据类型字段大小说明idint整型订单编号usernamevarchar30用户名buyervarchar30收件人addressvachar30地址phonenumbervarchar60电话号码countint整数数量phone_namevarchar20手机名phone_colorvarchar20手机颜色phone_commumicationvarchar20通信phone_moneydouble浮点价格3.4.2模块对数据表访问各个模块对数据表操作，可用如下表3-19的方式表述（R代表读，W代表写）：表3-19各模块对数据表的访问数据表模块buyer_returncollectconfigurationphone_orderrefundsshippinguseruser_reportwait_report登陆R/W注册R/W搜索R收藏R/W购买RRW收藏夹RR待发货R/W待收货R/W待评价WR退款/售后WR3.5网站命名规则 以下是用户端页面和商家端页面的命名规则介绍，如表3-20和表3-21所示：表3-20用户端网页网页文件名网页功能解释index.html首页brand.html手机品牌/店铺asses_product.html配件详情页collection.html收藏夹（个人中心）footer_info.html页脚链接Headset_acces.html耳机产品罗列USB_acces.htmlUSB产品罗列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首页功能简介：搜索栏可以输入搜索内容显示搜索到的商品界面；点击搜索的图标，就会跳转到搜索结果页面，如图4-1所示。Logo位于页面左上方，顶部是用户登录，如果用户已经登录成功则显示已登录的状态。导航栏首页、新品上市、手机配件、品牌、个人中心等五个模块，点击可以跳转到相关页面，鼠标移到导航模块，背景色就会变成灰白色。手机配件和品牌这两个模块会显示隐藏的div内容，点击内容会跳转到相对应的网页。轮播图轮播图是手机商城的热门手机商品推荐，6秒播放一次，也可以点击图片下方的小圆点显示图片。热门推荐该区域是四列两行的格局，运用Bootstrap框架的栅格系统。广告：广告区域要三个宣传图品牌旗帜店：共罗列了四个品牌的店铺，点击进入店铺售卖页面底栏导航栏点击可以进入配送方式、支付方式、售后服务详情页面。4.1.2商品详情该页面内容显示的比例为8：4，手机参数是用一个div设置右浮动。商品图片显示区：将鼠标移进下方的小图片，小图的边框为红色，移出就消失，大图显示小图片对应的大图。在小图片上添加onmouseover()和onmouseout()，在JavaScript中绑定两个事件changeTu(y,i)，out(y)。展示效果如图4-2所示。图4-2手机图片展示商品颜色选择：点击商品颜色选择按钮，商品选择框变为红色，左边图片区域显示对应手机颜色的图片，为图片绑定一个点击事件onclick（）。展示效果如图4-3所示。图4-3商品颜色选择商品介绍和商品评论是公共部分，根据选择进行切换。当鼠标移动到商品介绍或者商品评论，背景色就会变为黑色，文字颜色为白色；当鼠标移出时，背景为白色，文字颜色为黑色。点击商品介绍或者商品评论，背景色就会变为黑色，文字颜色为白色，内容显示区会显示对应的内容。展示效果如图4-4所示。图4-4商品介绍/商品评论点击“购买”按钮，跳转到“填写订单详情”页面。产品推荐。运用Bootstrap的栅格系统中col-md-4类，布剧为水平分布3个推荐产品。具体实现如图4-5所示。图4-5产品推荐4.1.3品牌店铺图4-6品牌店铺品牌店铺的页面跟其他页面的色调不一样，是以蓝色、黑色为主，背景色为#1033e5，给人一个视觉上冲击。平台的logo放在页面的顶部并居中；导航栏是跟其他页面一样；内容区域有一个品牌名，字体颜色为白色并居中显示。下面的图片是该品牌的手机推荐，也是居中在页面中间，给图片添加<a>标签，这样点击图片就可以跳转到该商品的详情页面查看详情信息。如图4-6所示。4.1.4个人中心图4-7个人中心顶部个人中心是用户注册登录之后的才可以查看到内容，否则点击出来是没有内容，用户需要登录状态才可以查询内容，这样对用户的内容比较保密。个人中心的页面布局跟首页、新品上市、手机配件、品牌这四个页面不同，但颜色基调是一样的，都是以黑白为主，白色的背景色。手机商城放在左侧，用户登录后的头像、用户账号、“退出登录”按钮均放在右侧，用一个浮动并调整一下边距实现的；导航栏是黑色背景，当鼠标悬停在导航的功能模块上面时背景色变为浅灰色，点击时变为白色，并显示该导航模块的内容，我是用一个<a>标签来链接的，点击时跳到转页面；用户中心的最顶部是当前位置的显示，是用列表<li>标签内添加一个<a>链接到首页，点击就可以返回首页。展示效果如图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邮箱未填写用户名（为空）adminadminadmin@用户名、密码不能为空测试通过未填写密码admin（为空）adminadmin@用户名、密码不能为空测试通过空用户名、空密码注册（为空）（为空）adminadmin@用户名、密码不能为空测试通过用户名、密码格式错误ad@@ad@@adminadmin@格式错误测试通过密码、确认密码输入不一致admin123321admin@密码不一致测试通过未填写邮箱adminadminadmin无法注册测试通过用户名、密码、邮箱正确填写adminadminadminadmin@成功注册测试通过5.3.2系统登录测试根据表5-2系统登录测试用例表所示，测试用户凭借自己注册的用户名和密码是够能进行登录，当输入的用户名或密码错误会出现提示信息，当用户名和密码为空时会出现提示信息，测试达到了预期效果。表5-2系统登录测试用例表前置条件用户名:admin；密码:admin测试目的测试输入测试结果测试说明用户名密码空用户名（为空）admin用户名或密码不正确测试通过空密码admin（为空）密码不能为空测试通过空用户名、空密码（为空）（为空）用户名或密码不正确测试通过用户名、密码错误admin123用户名或密码不正确测试通过用户名、密码正确输入adminadmin进入管理系统主界面测试通过5.3.3商品管理测试根据表5-3商品管理测试用例表所示，测试商品浏览、商品搜索、商品收藏、购物车信息增删改查、支付功