【手机专卖系统的设计与实现14000字】

福建工程学院本科生毕业（论文）手机专卖系统的设计与实现摘要伴随着互联网的发展，人们的消费习惯也在逐渐的网络化，手机成为人们必不可少的工具。随着天猫、淘宝、京东等等购物网站的成熟，商品种类很是全面。但是会发现许多商品都不能够做到专卖。而大多数的人们，对于手机参数都没有概念，这时候在网上购买手机唯一能用于参考好坏的标准就只有价格这一条，人们很容易买到不符合自己使用需求的手机，这个时候手机专卖商城系统就可以帮助这些用户对比多个厂家的手机，帮助人们选择到心满意足的手机。当今社会还存在许多专卖商城，例如专卖书籍的“当当网”、专卖体育运动商品的“优个网”、专卖奢侈品的“寺库网”等等。本论文根据当今社会市场上的商品专卖系统现状，提出一款“手机专卖系统”。秉着“方便用户购买到符合使用需求的手机”的宗旨为商城用户提供便捷的手机购买服务。本项目运用

了IDEA编译器进行开发编译，MYSQL8.0提供底层数据存取的支持，Redis做为缓存。采用Java语言，Jquery脚本框架、Layui前端框架，基于Maven项目的SpringBoot、Mybatis框架来实现的手机专卖系统的开发。手机专卖系统为用户提供了登录、注册、注销、查看手机配置信息、收藏商品、购物车、支付宝沙箱支付等功能。管理员后台数据管理可以对商品的销售情况有一个可视化的Echart的图表展示、帐号管理、商品管理、订单管理、评论管理等功能。手机专卖系统提供给用户全面的手机参数信息，方便用户手机参照对比手机的参数信息来购买到符合自身使用需求的手机。因此，实现集中售卖式的手机专卖商城系统在将来的趋势必然上升。所以做一个集成大部分品牌手机的手机专卖网站显得尤为重要。关键字：手机专卖系统；Maven；SpringBoot；Mybatis；Layui；Mysql8.0；Echart目录TOC\o"1-3"\h\u7900摘要 第1章绪论1.1项目背景及研究意义在网络购物兴起以来，手机的网上销售都是被关注的对象，为了方便人们购买手机，全世界的各大手机厂商都开起了自己品牌的手机售卖商城，各个品牌都只售卖自己品牌的手机，局限了使用者的判断，不能互相比较。苹果、华为、OPPO、小米等手机厂商都已经有了自己品牌的手机销售商城，他们都是主打自己的品牌手机，利用高效的数据的整理和查询技术，全方位的展示出公司的理念和服务特色。这样的平台太过独立，不能更好的促进手机的流通，难以服务更广的群体；时代在发展，慢慢的5G的应用会越来越广泛，支持5G的手机也即将进入市场，5G手机的出现将会促进手机销量的增长。随着新型号手机的推出，将推动手机市场的需求[1]。就当今形势来看，随着人们对计算机和手机的广泛使用，购物方式和购物习惯也在改变。国内外的手机网上销售管理系统也开始逐渐增多，5G手机的出现也将带来对手机销售的机遇。1.2课题研究的主导思想和目标1.2.1课题研究的主导思想网上购物具有方便、优惠的特点，还可以减少卖家销售的成本。网上商城的存在是买家和卖家都特别喜欢的。特别是手机专卖商城在市场上需求还是很大，市场的前景很好。本文通过设计在线手机专卖系统，来实现不同品牌手机销售及其对手机信息的信息化管理。在本次系统开发中，应用了所学的软件设计、代码编写和规范，以及软件测试的相关知识，做到学以致用，争取保证系统的稳定性和可扩展性。本项目采用了SpringBoot来管理业务和控制层，Mybatis管理持久层，应用分层管理来实现业务逻辑，使用MYSQL8.0作为数据库服务器，前端开发使用Layui框架。本系统操作简单、界面简洁、可视化程度高很快就能上手并适应，是一款基于大众化思想而设计的系统。1.2.2课题研究的目标现实社会中的手机销售商店，大部分都是某一品牌的手机专卖店，这样的手机销售店不能做到对各种手机进行售卖。这样的销售模式不利于用户挑选出符合自己需求的手机。手机专卖系统的设计实现，利用网上销售的模式，减少实体店的店面成本，让手机价格的性价比更高，从而让用户购买到价美物廉的、实用的、符合自己使用需求的手机。后台使用Echarts实现数据的可视化，让管理员能够直观地看到手机销售的数据变化。帮助管理员分析和制定销售策略，对后台的数据进行实时的管理和控制，保证手机商品能够正常的、快速的完成售卖的步骤。1.3开发的内容与方法1.3.1开发内容本手机专卖系统是由JAVA进行开发编译的，使用JSP动态网页技术和相应的CSS样式设置，应用了Layui框架及其他的组件使系统具有友好的界面设计的效果，让用户使用起来直观、简洁、色彩搭配柔和，优化用户的视觉体验。Echarts图能让后台管理员端能够直观的看到系统的使用情况和销售情况。手机专卖系统的前台功能有以下几点：登录系统用户登录前端系统时，进入http://lushijie.top/login网页，若无帐号则必须进行注册帐号的操作，注册成功后方可填入相关信息登录打开商城主页。管理员登录后端管理系统时，管理员的帐号和密码是一开始设置好的，进入http://lushijie.top/admin后需填写设置好的帐号：admin，密码：1234567。退出系统主要分为：用户退出登录前台系统和管理员退出登录后台系统两个部分。用户退出登录后打开前台登录页，管理员退出登录后打开后台登录页。手机详情展示手机展示页显示了手机相关的信息。例如：手机名、内存参数、示例图片、售卖价格、购买数量、功能选择、评价的展示等。购买手机的评论编辑待评价的状态下，能够对手机进行评价发布。评价的内容将会显示到该手机详情的评论区内提供参考购买及其使用的感受。搜索在主页顶上的输入框中填入相关的关键字，将会对信息进行筛选并显示，展示出符合搜索条件的手机。收藏在手机详情界面能添加收藏，手机添加进收藏中心。在收藏中心和商品详情界面也可以将收藏的手机取消收藏。购物车在商品详情界面和收藏中心内都可以将商品添加到购物车，购物车管理中可以移出手机商品，也可以勾选想要购买的手机商品进行购买。收货地址能够设置收货信息，增添地址需要设置相关的参数。例如：姓名、电话、地区选择、详细地址和邮政编码。除了添加地址外还可以对地址信息进行修改和删除的操作。在购买手机时需要勾选上已经设置的地址，否则无法购买。支付宝沙箱支付在确定购买后跳转到支付宝沙箱支付环境，可以使用沙箱版的支付宝进行模拟真实支付。购买及收货流程显示用户在点击购买后，若支付失败后手机商品则为待付款状态；若正常支付成功手机商品就会进入待发货的状态，此时管理员可以对手机进行发货，并修改为待收货状态，收到货进入待评状态，然后评价手机，手机状态修改为完成。此时完成一次购买手机的流程。手机专卖系统后台管理员的主要功能如下：Echart图表展示数据使用echart图表对商品浏览量、订单量、销售数量进行可视化展示。商品管理可以对商品的相关信息进行添加、删除、修改等操作。订单管理可以对订单的相关信息进行增删改查、及其发货的操作。轮播图设置控制对前台轮播图的显示，为其添加名称、图片和手机详情的链接的属性，并实现链接的跳转操作。评论控制管理员能够删除危险言论，净化评论环境。1.3.2分析过程可行性分析经过查看大量的相关的在线项目实现的示例，发现在线的项目或多或少都存在广告，然后根据本系统的专卖特点，界面尽量简洁、操作方便、功能齐全等需求。所以认为本系统为打造舒适纯净的专卖商城是具有可行性的。需求分析采取问卷调查的方式，结合已经存在的网上商城专卖系统的使用调查，确定了本手机专卖系统的具体实现的功能及其使用需求。具体实现逻辑用JSP技术和Layui框架来对手机专卖系统的页面进行构建，然后应用SpringBoot管理业务和控制层，Mybatis管理持久层，使用面向接口编程的思想，让各层代码实现连接，从而有条理的实现每一个功能。测试和维护应用学过的相关测试技术对项目中的所有模块进行测试，然后逐步完善系统功能。1.4项目的研究结果及其意义现如今的信息技术的发展是朝着往网络化方向进步的，网络的应用越来越广泛，尤其是在当前逐步将传统的交流模式改为网络交流的模式的时代，手机成为必不可少的产品。所以研究设计出一个手机专卖系统平台，为实现网络多元化提供一个很好的手机专卖平台。对于用户而言手机专卖系统的干净整洁的界面、不复杂的操作应当是吸引他们的地方，并且有大部分的手机商品的参数信息方便用户参考，能够满足用户的购买手机的需求。通过在网络上购买手机让用户体验到网络购物的方便，让用户在所有情况下都可以自由通过手机专卖系统来购买到符合自己需求的、性价比高的手机。第2章系统开发技术2.1SpringBoot框架在JavaWeb的编程中，之前的人们通常会使用传统的Spring框架去做，这样做的缺点就是会需要关注配置文件的编写，使得程序员不能专一的进行业务逻辑编码开发，在开发过程中需要进行复杂且重复的配置文件的编写，不能高效的进行开发以及发布[5]。因此采取此框架能够帮助开发者快速的搭建Spring框架。SpringBoot同样继承了Spring的优秀思想。且又以简化的xml、内置Tomcat服务器、集成了大量常用的第三方库配置等框架特点来促使SpringBoot实现开箱即用的开发的便捷性[12]，方便了程序员的开发。2.2MyBatis框架MyBatis是用户持久层的框架，负责和数据库进行数据交互。MyBatis去除了几乎所有传统的JDBC对数据库操作步骤中的注册驱动、建立连接、创建运行sql语句对象、运行sql、处理存储逻辑、释放资源的代码编写。MyBatis的优势就是简化了JDBC的大部分的步骤，同时MyBatis还有事务管理控制，用事务管理来保证数据的改写，保证了数据的安全[6]。2.3MySQL8数据库MySQL以兼容性好、体积小、速度快等优点[4]。在软件开发行业已经成为流行。而MySQL8.0作为最新推出的MySQL版本，此版本在公示版本更新功能及优化点时就备受关注，一发布出来就一举成为全球最受欢迎的开源数据库。MySQL8.0对临时表进行改进、UTF8性能改进、SQL窗口函数、新增JSON扩展语法等多个对数据库使用性能的提升，让我最终选择使用了MySQL8.0来作为本手机专卖系统的数据库。2.4RedisRedis主要应用于缓存。Redis可以将数据持久化的将内存中的数据保存，下次加载时直接使用，不用再次到关系型数据库再次查询获取数据[8]。在使用过程中，可以把将继续被使用的数据放到缓存中极大的提升了查询速度，使用户能有更好的使用体验。2.5Layui框架Layui以占用空间小、组件覆盖范围广的特点，让开发者能够快速的搭建出想要的界面，使得开发十分方便。对于学习过相关前端基础技术的人员来说不需要花费更多的时间去学习理解。所有我选择了使用Layui作为我界面设计的框架并应用到jsp技术中。第3章项目的可行性研究和需求分析3.1可行性分析目前的专卖商城多不胜数，有许多知名的专卖商城网站都有自己的特色和风格。例如：专卖书籍的“当当图书网”、专卖体育运动商品的“优个网”、专卖奢侈品的“寺库网”等等。下面我将从技术、经济、操作的可行性分别进行分析。3.1.1技术可行性分析本项目采取SpringBoot和MyBatis的技术，这是目前微服务架构所流行的开发框架。本系统所使用的开发编程语言是流行且强大的JAVA语言。本系统使用Layui做为前端界面框架，提供了许多视图组件和视图样式，方便我实现页面效果。用IDEA来完成编程工作，MySQL8做为底层数据库。3.1.2经济可行性分析基于当前网络专卖商城的了解，手机专卖系统日常费用很小，主要是管理员需要对接商家，帮商家售卖，审核商品，并及时的对数据库进行维护和管理，保证系统的正常运转。开发的软件为正版的软件，盈利以每次交易时收取中间费用。本系统性能稳定，开发成本低，所以本手机专卖系统具有经济可行性。3.1.3操作可行性分析手机专卖系统主要面向用户和管理员，系统交互性强，能够帮助人们购买到性价比高的手机；开发人员和系统维护人员都不多，容易管理；系统项目所需的完成时间充足，能在预计的时间内完成；网上交易市场的法律法规已经较为完善。综合以上原因，我们便可以认为本手机专卖系统在操作上是具有可行性的。3.2需求分析3.2.1功能概述本系统的界面特点是比较简洁、安全稳定、功能操作简单、提示友好。用户能快速的找到自己所需要的业务功能。在用户注册或修改个人信息时保证数据的安全和准确性，在保证安全的前提下确保数据能够符合系统的功能实现需求和格式。本系统具体的要求如下：系统可靠性。体现在系统能流畅的执行和数据的安全上。安全性。体现在用户的信息存储在数据库里的信息也是被加密过的。信息及时性。体现在能够及时的更新用户购买的手机商品的状态。易操作性。体现在用户能够很直观的根据系统的友好提示使用本系统，人机交互性比较强。可维护性。体现在本系统使用规模的目录架构，有完善的代码注释。方便系统后期的维护和更新。3.2.2功能需求为了实现系统的各模块功能和简化系统的使用。本手机专卖系统设置了两种角色：管理员和用户。用户：首次使用时，只可以看见售卖的手机及其详细参数。若想要购买手机需要进行注册操作。然后可以完善信息、对手机详情进行查看、添加收藏、删除收藏、添加购物车、移出购物车、选择购买手机的数量、添加收货地址、购买手机商品、付款、跟踪查看购买手机的状态、带买家发货后可以进行确认收货操作、评价手机商品。管理员：有手机信息、前台轮播图、手机订单、评论、手机类别、修改密码、用户信息等数据的增删改查的功能。第4章总体设计4.1概述到目前为止，本手机专卖系统经过了系统可行性的研究分析和需求分析，在清楚了用户的需求和需要实现的功能后，我们可以根据系统可行性的研究分析和需求分析的结果确定系统的逻辑模型，完成系统的总体模型的设计。4.2开发环境编译工具：IDEA数据库类型和版本：MySQL8.0连接数据库的工具：NavicatPremium15运行平台：Windows104.3总体结构系统的总体结构分为前台系统模块、后台系统模块、支付宝沙箱支付接口模块。具体的模块结构图如下图4-1所示：图4-1手机专卖系统总体结构模块图4.3.1系统前台功能模块本项目的前端模块分为用户、手机商品信息、购物车、收藏中心、订单、地址管理、猜喜欢的手机等模块。具体的模块结构图如下一页图4-2所示：图4-2手机专卖系统前台功能模块图4.3.1系统后台功能模块手机专卖系统后端的模块有：管理员登录、手机商品信息、订单、用户、轮播图、评论、商品分类、修改管理员密码等信息管理模块。具体的结构如下图4-3所示：图4-3手机专卖系统前台功能模块图4.4系统数据流图4.4.1系统顶层数据流图本手机专卖系统的顶层数据流图展现了用户在本系统进行手机选购的过程中，选购的手机商品信息的数据流向。具体如下一页图4-4所示：图4-4手机专卖系统顶层数据流图4.4.2系统一层数据流图本手机专卖系统的一层数据流图更加细致的展现了用户选购手机并添加到购物车、付款、管理员发货、用户收货、用户评论的整个数据流的流向。具体如下图4-5所示：图4-5手机专卖系统一层数据流图第5章详细设计5.1数据库详细设计最优的数据库设计，能够让数据的存取速率达到最好[9]。对数据库进行设计和建立能够最有效的对数据进行各种处理需求。下面我以实现手机专卖系统为目标，完成字段和表关系的设计。5.1.1数据库E-R模型本手机专卖系统采用的是MySQL作为数据库，根据数据库表导出E-R关系图表，经过设计和修改后，最终确定能够满足系统设计的需求。手机专卖系统具体的E-R关系图如下图5-1所示：图5-1手机专卖系统E-R关系图5.1.2数据库实体模型设计手机专卖系统数据库主要由用户、管理员、购物车、手机商品、订单、轮播图、收货地址七个实体构成。下面具体列出手机专卖系统中主要的实体的实体-属性图。用户实体：包含了用户的邮箱、帐号状态、密码、名称、手机号、ID、头像。具体的实体-属性关系如下图5-2所示：图5-2用户实体-属性图手机商品实体：包含了手机商品的ID、名称、价格、数量、品牌类别、内存ID、图片、上下架状态、简述。具体的实体-属性关系如图5-3所示：图5-3手机商品实体-属性图管理员实体：包含了管理员的ID、名称、密码、电话、状态、角色。具体的实体-属性关系如下一页图5-4所示：图5-4管理员实体-属性图购物车实体：包含了购物车的ID、手机信息、数量、价格、用户的ID。具体的实体-属性关系如下图5-5所示：图5-5购物车实体-属性图订单实体：包含了订单的ID、用户ID、时间、价格、付发收评的状态、用户名、电话号、地址、快递单号。具体的实体-属性关系如下图5-6所示：图5-6订单实体-属性图轮播图实体：包含了ID、名称、URL、图片、状态。具体的实体-属性关系如下一页图5-7所示：图5-7轮播图实体-属性图收货地址实体：包含了收货地址的ID、省名、市名、区名、详细地址、对应的用户ID、邮政编码、收货人名、状态。具体的实体属性关系如下图5-8所示：图5-8收货地址实体-属性图5.1.3数据库逻辑设计在手机专卖系统的数据库设计中，通过对用户需求和分析功能实现所需要的数据来确定了数据库表和字段。本手机专卖系统的表结构主要由：收货地址、管理员、轮播图、购物车、评价、手机商品、猜你喜欢、内存信息、订单、用户等表。最终本项目的数据库一共由10张表组成。收货地址表（address）：用来保存收货地址信息。具体字段如下一页表5-1所示：表5-1收货地址表（address）字段名字段类型字段长度是否主键是否外键字段说明addr_Idint11是否收货地址IDaddr_provincevarchar20否否收货地址省名addr_cityvarchar20否否收货地址市名addr_areavarchar20否否收货地址区名addr_detailvarchar60否否收货地址的详细地址addr_userint11否是收货地址用户IDaddr_zipcodevarchar255否否收货地址邮政编码addr_phonevarchar255否否收货地址电话号码addr_nicknamevarchar255否否收货地址用户别名addr_stateint11否否收货地址状态管理员表（admins）：用来保存管理员信息。具体字段如下表5-2所示：表5-2管理员表（admins）字段名字段类型字段长度是否主键是否外键字段说明admin_Idint11是否管理员IDadmin_Namevarchar255否否管理员名称admin_Passvarchar255否否管理员密码admin_Phonevarchar255否否管理员电话admin_Datedate11否否管理员生日admin_Stateint11否否管理员状态admin_Roleint11否是管理员角色轮播图表（banner）：用来保存显示的轮播广告信息。具体字段如下表5-3所示：表5-3轮播图表（banner）字段名字段类型字段长度是否主键是否外键字段说明banner_Idint11是否轮播图IDbanner_Namevarchar255否否轮播图名称banner_Urlvarchar255否否轮播图商品链接banner_Imgvarchar255否否轮播图图片banner_Stateint11否否轮播图状态购物车表（cart）：用来保存购物车中的手机信息。具体字段如下表5-4所示：表5-4购物车表（cart）字段名字段类型字段长度是否主键是否外键字段说明cart_Idint11是否购物车IDcart_Goodsint11否是购物车手机商品IDcart_Numint11否否购物车手机商品数量cart_Pricedouble0否否购物车手机商品价格cart_Userint11否是购物车用户ID评价表（evaluate）：保存了收到手机后的评价。具体字段如下表5-5所示：表5-5评价表（evaluate）字段名字段类型字段长度是否主键是否外键字段说明eva_Idint11是否评价ID续表5-5字段名字段类型字段长度是否主键是否外键字段说明eva_Userint11否是评价的用户IDeva_Contentvarchar11否否评价的内容eva_Datedate0否否评价的日期eva_Goodsint11否是评价的手机商品的IDeva_Stateint11否否评价的状态eva_levelint11否否评价的星级水平手机商品表（goods）：用来保存了手机的相关信息。具体字段如下表5-6所示：表5-6手机商品表（goods）字段名字段类型字段长度是否主键是否外键字段说明goods_Idint11是否手机商品IDgoods_Namevarchar255否否手机商品名称goods_Pricedouble0否否手机商品价格goods_Numint11否否手机商品数量goods_Typeint11否是手机商品类别IDgoods_Memoryint11否是手机商品内存IDgoods_Colorvarchar255否否手机商品颜色goods_Imgvarchar50否否手机商品图片goods_Stateint11否否手机商品状态goods_Descvarchar255否否手机商品描述猜你喜欢的手机商品表（guess）：存储了浏览过的商品和收藏商品的相关信息。具体字段如下表5-7所示：表5-7猜你喜欢的手机商品表（guess）字段名字段类型字段长度是否主键是否外键字段说明guess_idint11是否猜你喜欢表主键guess_goodsint11否是猜你喜欢的手机商品guess_numint11否否浏览手机商品的次数favoriteint11否否手机商品是否被收藏guess_userint11否是猜你喜欢对应用户的ID内存信息表（memory）：用来保存手机内存大小的集合。具体的字段如下表5-8所示：表5-8内存信息表（memory）字段名字段类型字段长度是否主键是否外键字段说明memory_idint11是否内存型号IDmemory_namevarchar255否否内存型号名称订单表（order）：用来保存订单的资料。字段如下表5-9所示：表5-9订单表（order）字段名字段类型字段长度是否主键是否外键字段说明order_Idvarchar255是否订单IDorder_Userint11否是订单对应的用户IDorder_Datedatetime0否否订单日期续表5-9字段名字段类型字段长度是否主键是否外键字段说明order_Pricedouble10否否订单价格order_Stateint11否否订单状态order_UserNamevarchar20否否订单的用户名order_Phonevarchar20否否订单的电话号order_Addressvarchar100否否订单的地址信息order_ExpressNovarchar20否否订单的快递单号用户表（users）：用来保存用户的资料。字段如下表5-10所示：表5-10用户表（users）字段名字段类型字段长度是否主键是否外键字段说明user_Idint11是否用户IDuser_Namevarchar255否否用户名user_Passvarchar255否否用户密码user_Phonevarchar20否否用户电话号码user_Emailvarchar255否否用户电子邮件user_Stateint11否否用户状态user_Imgvarchar50否否用户头像图片5.2系统功能模块详细设计5.2.1用户注册模块本手机专卖系统在首次使用的时候，只能浏览和查看手机商品的信息。要在本手机专卖系统内进行手机商品的购买，在系统初始界面中使用注册按钮，或者在登录模块使用立即注册的链接进入系统注册页后完成注册帐号的操作，在注册的时候判断是否有重复的数据对象。若信息已重复，则注册失败，若信息未重复，便可以在完成注册后重定向到登录页。具体的流程如下图5-9所示：图5-9用户注册流程图用户注册的关键代码解释：控制层利用传入的用户信息调用业务层查询判断方法判断用户是否存在。然后手机号和电子邮箱的格式认证是通过Layui框架的格式验证进行判断的。具体代码实现如下一页所示：5.2.2用户登录模块本手机专卖系统在登录时必须使用已注册过的帐号密码进行登录，登录成功后进入本系统的初始界面，且帐号信息会伴随着整个手机购买的整个过程。可以使用记住密码将密码保存到cookie中。具体的流程如下图5-10所示：图5-10用户注册流程图用户登录的关键代码解释：业务层利用输入的用户名和密码比对信息。若比对成功，则将比对中的对象设置到session中，然后显示登录验证通过的信息。控制层具体代码实现如下所示：5.2.3用户中心模块本手机专卖系统在用户登录后可以进入用户中心模块，可以使用用户中心里的功能。例如：收藏中心、我的订单、地址管理、猜你喜欢、修改密码等功能。可以分别查看收藏的手机商品、订单的信息、用户对应的地址和可以通过分析得到的喜欢的手机商品的显示、修改用户密码；也可以进行对可以被修改的信息进行修改并保存到用户信息下。用户中心使用的流程图如下一页图5-11所示：图5-11用户中心流程图用户中心流程图中关键思想实现：猜你喜欢功能的实现是通过用户浏览手机一次就将该用户和手机商品联系起来并且设置一个浏览次数的字段，用于存储用户浏览手机商品的次数信息。根据用户浏览的次数来判断用户对那款手机商品感兴趣，从而设定显示给用户看。5.2.4购物车模块本手机专卖系统在登录后能把手机添加到购物车、移出购物车等基本对手机信息的添加和删除的操作外。本手机专卖系统使用来支付宝沙箱支付接口，可以对购物车内的手机商品完成模拟购买，使用支付宝沙箱版app可以对其进行支付，支付成功后手机商品状态为订单的待发货状态，若支付失败则手机商品的订单为待支付状态。完成商城系统中最重要的购买总的步骤。具体的购物车模块的流程图如下一页图5-12所示：图5-12购物车模块流程图购物车流程图中关键思想实现：显示的购物车商品是与用户关联的。购物车中显示的手机商品信息都是用户自己添加管理的手机商品信息；对购物车内的手机商品确认购买并使用支付宝沙箱支付。支付宝沙箱支付接口代码如下：5.2.5后台管理模块管理员可以从http://lushijie.top/admin网址打开后端登录界面，admin填入登录信息进行比对。若比对成功则能够在主页根据显示的Echart图直观地看到各种手机商品的销售信息的可视化图形，方便管理员分析销售数据。然后管理员可以对手机、订单、用户，轮播图，评论（包括对不良的评论信息进行删除的操作）、手机类别，修改密码等对数据的CRUD操作。具体的流程如下一页图5-13所示：图5-13后台管理系统流程图后台管理系统流程图中关键功能思想实现：使用Echarts图表对数据的可视化展示，让管理员更加直观的分析手机专卖系统的手机销售的相关数据信息。Echarts实现代码如下：5.3界面详细设计界面设计将通过手机专卖系统前后台的主要界面的设计进行分析解释。主要界面的详细设计内容如下：5.3.1登录界面设计用户能通过访问http://lushijie.top/index进入主界面后点击右上角工具栏中的登录按钮，也可以直接访问http://lushijie.top/login，后打开登录页。可以选择登入、忘记密码的操作也可以重定向到注册页。可以点击左上角的手机专卖商城进入商城的主界面。前台登录页设计如图5-14所示：图5-14用户登录界面5.3.2注册页设计用户能通过http://lushijie.top/register或者点击登录页的超链接重定向到注册页。注册界面需要填用户名、手机号等资料后才能注册成功，用户注册界面可以点击左上角的手机专卖商城进入商城的主界面、可以点击用已有帐号登录可以进入到登录页。注册页的设计如下一页图5-15所示：图5-15用户注册界面5.3.3找回密码界面设计用户不记得自己密码的时侯，能通过登录页中的忘记密码的链接重定向到找回密码页。用户在找回密码的界面需要填入注册的手机号和需要修改的密码及密码的二次确认，最后发送手机验证码短信获取到手机验证码，输入正确的手机短信验证码且数据库存在此用户信息和密码和确认密码都填写正确，点击修改即可重置密码，后重定向到登录页。具体的样式如下图5-16所示：图5-16用户找回密码界面5.3.4前台系统主页界面设计前台系统主要展示登录用户信息、手机商品信息、手机商品的类别列表等。在右上角能选择对应的功能进入用户中心，下拉选项中还能选择进入购物车、个人信息修改、退出登录的功能，点击手机商品模块进入手机商品界面，点击手机商品列表可以定位到对应的手机商品模块的位置。前台系统主页界面的设计如图5-17所示：图5-17前台系统主页界面5.3.5手机商品详情界面设计商品详情界面能看到手机的参数信息、商品的描述和用户的商品评价。也可以选择手机商品的购买数量、添加到购物车、收藏手机、取消收藏等功能。点击去购物车重定向到购物车界面。具体的设计样式如图5-18所示：图5-18手机商品详情界面5.3.6用户中心界面设计用户中心界面可以查看用户收藏的商品、用户订单信息、收货地址管理、猜喜欢手机商品模块、修改密码等功能。用户可以点击左边的导航栏进行导航到相应的模块进行对应的操作。用户中心界面的设计如图5-19所示：图5-19用户中心界面5.3.7购物车界面设计购物车界面能够显示出对应的购物车内的手机，还有加减手机数、删除手机、确认购买等功能操作。点击确认购买后打开结算页。具体的设计如下图5-20所示：图5-20购物车界面5.3.8结算界面设计结算页能够选择收货地址、显示手机、总价格等信息。点击确认下单打开订单支付页。结算界面设计如图5-21所示：图5-21结算界面5.3.9订单支付界面设计订单界面显示订单信息，点击继续购买重定向回主页，点击立即购买则重定向到支付宝沙箱的付款页，然后用沙箱app完成缴费。点击猜喜欢模块中的手机重定向到对应的手机详情页。具体的设计如图5-22所示：图5-22订单界面图5-23支付宝沙箱付款界面5.3.10管理员登录界面设计管理员可以从lushijie.top/admin网址打开后端登录页，填上存在数据库中的管理员信息登录后端系统。登录入口页设计如下图5-24所示：图5-24管理员登录界面5.3.11后台主页设计主页展示了订单总量、待发货数、商品浏览量、订单量趋势、手机品牌销量的可视化图、和左边的功能列表可供选择。后台管理主页界面设计如图5-25所示：图5-25后台管理主页界面5.3.12手机管理界面设计手机管理界面展示出手机商品的信息，能对已经存在的手机实施增删改查功能。手机管理模块设计如图5-26所示：图5-26手机商品管理界面5.3.13手机订单管理界面设计手机订单管理界面展示出手机订单的相关信息，可以对订单进行增加、删除、修改、查询等操作，点击发货后输入快递单号进行发货后修改状态为已发货。具体设计如下图5-27所示：图5-27手机订单展示及功能页第6章测试6.1测试目的在开发过程中测试是每位开发人员必然要进行的操作。开发人员的测试是在编写代码时一次次的调试，从而完善系统功能和检验逻辑的准确性，确保项目可用，然后使系统功能被优化[3]。本章节将运用了所学过的软件测试知识完成对本手机专卖系统的测试。6.2测试用例测试用例表中的内容包括：测试的项目、输入操作说明、预期和实际输出的结果。本项目中主要功能的测试用例如下所示：登录测试用例，如下表6-1所示：表6-1前台登录测试用例表测试项目输入操作说明预期结果实际输出结果登录按钮是否能正常执行点击按钮重定向到/login顺利重定向到/login用户名密码为空是否能登录不填用户名或密码后登录登录失败提示：登陆失败！请检查用户名和密码后重试！用户名或密码不对能否登录输入不对的信息后登录登录失败提示：登陆失败！请检查用户名和密码后重试！输入正常的用户名和密码是否登录成功输入用户名：lsj密码：123登录成功提示：登录成功！跳转至手机专卖系统前台主页注册测试用例，如表6-2所示：表6-2前台注册测试用例表测试项目输入操作说明预期结果实际输出结果注册按钮跳转是否正常点击注册按钮跳转到注册页成功跳转注册页注册的信息不填能否注册成功什么都不填直接点击注册注册失败提示：必填项不能为空已存在的用户能否注册成功输入已存在信息，填入正确的其他内容，然后点击注册注册失败提示：用户已存在！请勿重复注册！续表6-2测试项目输入操作说明预期结果实际输出结果密码和确认密码不同能否注册其他内容输入正确，输入密码：123确认密码：321后注册注册失败提示：两次输入密码不同！手机号和邮箱不符合规范是否能注册其他内容输入正确，手机号或邮箱规范不对注册失败提示：请输入正确的手机号提示：邮箱格式不正确用户名、密码、确认密码、手机号、邮箱都输入正确能否正常注册输入正确的用户名、密码、确认密码、手机号、邮箱。注册成功，跳转到登录界面。提示：注册成功！即将转向登陆页面！手机商品详情展示页测试用例，如表6-3所示：表6-3手机详情测试用例表测试项目输入操作说明预期结果实际输出结果点击手机品牌列表能否跳转到对应的手机模块选择点击手机品牌跳转到对应的手机模块成功跳转到对应的手机模块选中手机后能否显示出手机信息和评论信息点击手机模块进入手机详情页跳转到手机详情页增减数量功能能否使用点击增减数量按钮选中手机数量能够增减能够选中的实现手机数量的增减添加到购物车功能能否使用点击添加到购物车按钮添加到购物车成功成功添加到购物车添加到收藏功能能否使用点击添加到收藏按钮添加到收藏夹成功添加到用户到收藏夹购买购物车中手机商品的测试用例，如表6-4所示：表6-4购买购物车中手机商品测试用例表测试项目输入操作说明预期结果实际输出结果点击购物车能否跳转到对应用户的购物车下点击购物车按钮跳转到对应用户的购物车界面跳转到用户的购物车界面能否删除购物车中的手机点击购物车中的手机列表后到删除按钮删除购物车中对应到手机信息提示是否删除，确定则删除、否则不删除确认购买按钮能否购买选中到手机选中购物车中的手机后点击确认按钮跳转到结算界面成功跳转到结算界面确认下单能否使用选择收货地址后点击确认下单地址跳转到订单界面成功跳转到订单界面续表6-4测试项目输入操作说明预期结果实际输出结果确认支付宝沙箱功能能否正常使用点击立即支付，用手机支付宝沙箱进行支付跳转到支付宝沙箱支付界面。完成支付后跳转到支付成功界面。支付后成功跳转到支付成功界面后端登录测试用例，如表6-5所示：表6-5登录测试用例表测试项目输入操作说明预期结果实际输出结果什么都为空是否能登录不填任何信息点击登录按钮登录失败提示：登陆失败！请检查后重试！信息不存在能否登录填入不对的信息后登录登录失败提示：登陆失败！请检查后重试！输入正常的用户名和密码是否登录成功输入用户名：admin密码：1234567登录成功提示：登录成功！跳转至手机专卖系统后台管理系统主页手机管理测试用例，如表6-6所示：表6-6手机管理测试用例表测试项目输入操作说明预期结果实际输出结果手机管理界面能否正常显示手机信息点击手机管理链接进入手机管理界面显示手机信息添加手机点击添加，输入手机信息提示添加成功显示添加完成删除手机点击对应手机行后的删除按钮删除手机信息显示删除后的手机列表修改手机点击对应手机行后的修改按钮，在弹出的界面中修改信息后修改。修改手机信息完成显示修改后的手机列表订单管理测试用例，如表6-7所示：表6-7订单管理测试用例表测试项目输入操作说明预期结果实际输出