外设销售网站的设计与实现

题目：外设销售网站的设计与实现目录摘要 1英文摘要 21前言 外设销售网站的设计与实现摘要：伴随着市场全球化，世界经济一体化，人们的购买能力和需求都大大提升。外设销售网站作为一类互联网电子商务系统，同时也在高速发展。外设销售网站具有常规电子商务所具有的优点：价格低，种类多，形式简单；传统外设实体店不具备24小时营业的优点。外设销售网站在当今广泛使用电子设备的社会环境中有着良好的市场，这种专营外设商品的网站给广大顾客带来明确的商品指向。本次课题研究是实现了外设销售网站的设计，文中介绍了此行业的发展前景与优劣势，本系统基于框架Spring+SpringMVC+Hibernate和采用mySQL数据库。系统包括用户角色、商家角色和管理员角色。实现了用户注册登录，浏览外设商品，对商品进行对比，加入购物车并结算等功能；实现了商家添加商品上架，下架商品，查看订单等功能；实现了管理员添加、冻结商家进入后台系统等功能。最后文中对系统的主要功能进行了测试，功能基本可以实现。整个系统结构清晰，功能明确，页面风格鲜明，易操作，适合客户和商家的需求，使交易能够更加方便快捷。通过对此课题的研究发现，现在网络科技发达，某些大型购物网站及知名品牌专营有着大量的消费人群，新型网站缺少知名度而难以生存，但外设销售网站的开发数量不多，有着良好的市场前景。关键词：外设销售；Spring；SpringMVC；MySQL；Hibernate

DesignandimplementationofperipheralsaleswebsiteAbstract：Withtheglobalizationofthemarketandthedevelopmentofworldeconomicintergration.People'spurchasingpoweranddemandaregreatlyimproved.AsakindofInternete-commercesystem,peripheralsaleswebsiteisalsodevelopingrapidly.Peripheralsaleswebsitehasalltheadvantagesofconventionale-commerce:lowprice,manytypes,simpleform.Traditionalstoresdonothavetheadvantagesof24-houroperation.Therealizationofperipheralsaleswebsitehasagoodmarketinthesocialenvironmentofusingtheelectronicequipmentextensively.Thiskindofwebsitespecializinginperipheralproductsbringsclearproductguidancetocustomers.Thisresearchistorealizethedesignofperipheralsaleswebsite.Thispaperintroducestheprospectandadvantagesanddisadvantagesofthisindustry.ThissystemisbasedonSpring+SpringMVC+HibernateframeworkandmySQLdatabase.Thesystemmainlyincludesuserroles,businessroles,andadministratorroles.Itimplementeduserregistrationandlogin,browsingperipheralproducts,comparingproducts,addingshoppingcartsandclearingfunctions;Itrealizedthefunctionofaddinggoodstotheshelves,removinggoods,viewingorders,etc;Administratorrolescanadd,freezemerchantsintothebackgroundsystemandotherfunctions.Finally,themainfunctionsofthesystemaretested,andthefunctionscanbebasicallyrealized.Thewholesystemhasclearstructure,clearfunctions,clearpagestyleandeasyoperation.Itissuitableforcustomersandmerchants,makingthetransactionmoreconvenientandquick.Throughtheresearchfindingsofthissubject,thedevelopmentofperipheralsalessitesmallnumber.Somelarge-scaleshoppingwebsitesandwell-knownbrandsfranchisehavealargenumberofconsumers,newtypesofwebsiteslackvisibilityandaredifficulttosurvive,butthenumberofperipheralsaleswebsitesisnotmuchdevelopment,andhasagoodmarketprospect.KeyWords:Peripheralssales；Spring；SpringMVC；MySQL；freemarker1前言1.1选题背景在我们的现代生活中，不能没有网络，网络改变了我们的生活节奏和方式，尤其是网络购物，你可以足不出户买到你想买的物品无论生活用品、生鲜食材，也可以在有空闲时间但不能出门购物的时间里利用网络浏览你想要的物品，人们对网络购物的需求越来越大。随着网络技术的发展，人们对网络购物的接受能力越来越高。传统的购物方式由于其类型、价格等原因不能使得当代消费者的需求得到满足，而网上购物借由互联网和电脑或移动设备，以及它们的轻便，信息更新快等友好特性，受到购物者们的喜爱。当今社会，网络购物不仅在消费者眼中地位越来越高，网购平台可以给经营者带来高额收益，同时给消费者带来方便。但是也有的网站设计并没有给经营者和消费者带来更多的业绩与便利，经验表明：只有建立更具有人性化和实用化的销售网站，才能展现本身网站的特点。外设销售网站的开发也是在这个背景下提出的，相比国内流行的大型购物网站，虽然大型购物网站商品种类繁多，在线商品数量可达上亿件，但缺乏专一性，没有特色，而且顾客在数以万计的商品中搜索出想要的产品也会增加难度，使更多的人将时间浪费在浏览自己用不到的商品上，而外设销售网站系统以有明确目的选购商品的顾客为主，商品种类多样，技术含量高，能够满足市场的特殊需求。同时它解决了实体店的商品种类少，品牌样式单一等问题，可以给有需求的消费者提供一个方便、安全、快捷的平台。1.2目的与意义现如今网络科技的飞速发展，全球已经进入信息化世界，电子商务已经成为了现在的主流商业模式。据商务预报监测，2018年6月份网购平台销售额增速最快，如图1-1所示。由此可见消费者的网购消费能力在飞速提升，在众多网购平台中，本次课题研究希望建立一个具有特色、符合大众的外设销售网站。网上购物有以下意义：网络购物平台可以一天24小时、365天营业，不需要专门的人员看守店铺，而实体店铺主要营业在工作时间内，遇到环境因素或者突发情况时不能营业；网络购物平台可以展示成千上万种商品，实体店面只能展示固定数量商品；网络购物平台面向全国各地，甚至国外的顾客，可以在店内迅速找到你需要的商品。实体店的顾客数量受距离范围影响不会变化过多。图1-12018年6月份重点零售企业分业态销售额同比增速排行图网络技术在不断进步，外设销售网站也成为了网上一种销售外设的新型方式，成为了电商中不可缺少的一部分，外设销售网站的方便、快捷、商品种类多等优点对实体店有一定的冲击，是机遇同时也是挑战。外设销售网站是以互联网为基础在网络上对外设产品进行销售，该系统普通用户可以浏览各式各样外设商品的信息，更人性化的是可以将同类产品进行对比，使用户更加了解产品的多方面信息和购买到更加称心的商品；该系统的商铺也不仅是一家，这样就增加了商品的多样性，提升了顾客购买商品的可选择性，价格也比市场优惠。不仅仅是外设销售这个行业的发展，也带动着物流行业的发展，也顺应着网上支付的潮流，甚至在推动互联网行业前进。在充满着电子设备的生活中，办公工作缺少不了电脑、打印机，每家每户也都必备电脑等电子产品，还有越来越火热的电子竞技也被大家热衷，所以外设产品在人们生活中也成为了必需品，外设销售网站也成为了电子商务不可缺少的一部分，在这样的环境下，外设销售网站也一定有可观的未来。本系统实现了普通用户模块、商家模块、管理员模块三大部分。通过本系统可以给用户选购外设商品带来便利，提高商家管理商品的工作效率。

2技术介绍2.1系统架构根据外设销售网站系统需求，本系统采用的是B/S（浏览器和服务器）模式架构。外设销售网站系统需要包括高效的用户界面渲染、快速的响应、展示数据美观和方便的操作等性能。还需要及时处理客户端的各种请求，快速处理客户端发送的逻辑操作，快速建立与数据库的联系并对数据进行操作，快速响应查询结果、操作结果，并将结果处理到客户端。结合以上系统需求，本项目采用ssh(Spring+SpringMVC+Hibernate)架构作为系统程序架构。SpringMVC可以将发送到服务端的请求分派给相应功能逻辑的控制层Controller，控制层将获取得到的参数传递给业务层，并允许业务层根据特定的业务流程进行处理，在处理过程中，业务层调用Hibernate的持久层Dao对象对数据库进行操作，在完成数据库的添加、删除和修改后，将查询结果返回到业务层，完成业务处理，业务流程完成之后，流程将结果返回给控制层，控制层重新获得控制权后，控制器将处理过的数据发送到客户端以响应消息，则完成一次请求操作。2.2技术架构本系统采用ssh架构和MySQL数据库，界面设计采用freemarker，服务器采用Jetty，数据异步交互采用Ajax、Json、JQuery。表2-1外设销售网站使用技术表外设销售网站使用技术用户界面设计freemarker数据异步交互Ajax,Json,JQuery表示层框架SpringMVC数据持久层框架Hibernate整合、注解框架Spring数据库MySQL服务器Jetty（1）Ajax是一种服务器通信技术，是一种用于网页异步交互的技术，Ajax允许客户机向服务器发送信息并从服务器接收回程，这允许你在不刷新整个页面的情况下重新加载一些HTML文档，从而大大增加了良好的用户体验。（2）Json(JavaScriptObjectNotation,JS对象表示法)是一种轻量级数据交换格式。它具有易读易写的特性，因此在代码编写和执行速度方面这种格式都有优势。（3）JQuery是一个快速、简洁和灵活的JavaScript脚本库，它通过允许开发人员操纵文档、处理事件、运行动画或在网页上添加异步交互（不仅仅是对用户）来帮助我们简化JavaScript代码。同时也使用方便，大大提高了项目开发的效率。（4）Jetty服务器是一个灵活且可扩展的应用型服务器，它的架构相对于Tomcat的架构简单的多，Jetty不仅可以处理大量同时连接，又可以长时间保持，虽然说Tomcat被广泛认可使用，它的地位难以撼动，但Jetty比Tomcat的架构更加简单，而且易于定制和扩展，这使得服务器的内存的开销几乎不可见，因此Jetty的市场份额在不断地提升。2.3数据库技术MySQL是一种关系型数据库管理系统，在现在是比较流行和受网站开发人员喜爱的数据库之一。本外设销售系统使用的是MySQL5.7版本。MySQL数据库中所使用的语言是最常用标准化的SQL语言。MySQL数据库拥有很多特点：体积小、速度快等特点，同时由于数据库的开源免费使用，更加得到用户的青睐。数据库用来存放系统的各种数据，包含了用户方面、管理员方面和商品方面等众多数据信息，每个数据库表之间紧密相关，没有数据库，就没有系统的正常运行，显然数据库在系统中的地位不可缺少。

3需求分析3.1功能需求在开发外设商品销售网站的系统前，对各大电商购物网站的设计与功能进行了认识与学习，最基本也是最不能缺少的功能有如下功能。3.1.1用户功能需求用户功能用例图如图3-1所示。图3-SEQ图5-\*ARABIC1普通用户用例图（1）注册登录：用户需要进行注册才能登录，需要对手机号码进行验证，一个手机号码只能注册一次，防止已经注册的用户再次注册。（2）商品浏览：外设商品有简单的分类便于用户查找；商品显示详情页面可直接购买或者加入购物车，前提用户已登录。（3）对比商品：用户可以将同类产品进行对比，对比页可以将商品参数信息进行列表对比，以便用户参考选择。（4）购物车：用户可将满意的外设商品加入购物车；可以删除购物车里的商品，可以对商品数量进行增加或减少；可以统计商品总价。（5）信息修改：用户可在个人设置页面修改昵称和密码等操作。3.1.2商家用户功能需求商家用户对本店外设商品进行管理，管理员用户可对商家用户进行管理。商家用户：商家可以添加外设商品进行上架，客户端即可浏览到该商品；可以下架商品；可以查看到订单相关信息。商家用户用例图如图3-2所示。图3-SEQ图5-\*ARABIC2商家用户用例图3.1.3管理员用户功能需求管理员用户可添加、编辑商家的信息，对商家用户状态进行激活或冻结；也可浏览到所有商家的订单信息。管理员用户用例图如图3-3所示。图3-SEQ图5-\*ARABIC3商家用户用例图3.2性能需求（1）网络外设销售网站系统的核心功能是网上购物，用户在网上购物时需要查看或购买商品。从而会产生数据的大量传输，用户在注册用户信息的时候，有输入验证消息的时限，一般在60s之内完成，否则验证码失效，需要重新发送验证码。在一定的条件下如网络速度，要求系统在网络传输效率方面尽可能地提高，在网络传输请求上尽快完成。（2）数据准确性由于用户的购物凭证的关键数据是关于订单详情的数据，从而在数据的准确性上要加以保证，同时，应该保证数据的准确和一致，尤其是在数据传输过程中。3.3用户友好需求（1）界面友好外设销售网站系统的用户为普通人群，为了满足用户的审美要求，和提高网站的吸引力，延长用户浏览网站的时间，页面样式以简洁大方、不缺乏美感的页面设计呈现。（2）操作友好外设销售网站系统的使用人群为大众，主要功能的点击展示有重点突出，页面内尽可能展示出用户关心的商品信息，浏览商品、加入购物车、结算等流程简单易行，方便用户操作。3.4安全性需求外设销售系统采用了普通用户和管理员用户登录界面不同，防止普通用户登录到后台系统的错误操作。同时，在用户输入用户名，密码等重要信息时，防止发生数据库注入问题发生。

4系统设计4.1系统功能结构系统功能结构图主要包含普通用户、商家用户、管理员用户，如图4-1所示：图4-1功能结构图（1）普通用户主要操作用户先进行注册，注册成功后即可登录。用户信息修改主要包括：修改密码、昵称等。用户成功登录后可以点击商品浏览商品信息。用户可选中同类两个商品以上进行商品参数对比。购物车操作主要包括：添加、修改、查看、删除购物车商品，添加、修改送货地址等操作。（2）商家用户主要操作商家需先登录才能进入后台管理界面。商品管理主要包括：添加新的商品信息，对已有商品信息进行编辑；对商品进行上架和下架等操作。订单管理主要包括：订单的查看等操作。（3）管理员用户主要操作管理员需先登录才能进入系统管理界面。商家管理主要包括：商家信息的添加和修改，对商家状态进行激活和冻结；订单管理主要包括查看所有商家的订单信息。4.2数据库设计4.2.1数据库表设计（1）用户表：t_sm_user。用户表主要用来保存用户的手机号、密码等信息。表4-1用户表列名数据类型是否为空默认值备注idint(11)NO主键user_namevarchar(50)NO昵称passwordvarchar(20)NO密码mobilevarchar(20)YES手机号码addressvarchar(255)YES地址（2）管理员表：t_sm_admin_user。主要用来保存管理员的用户名、密码、手机号和角色类型等信息。表4-2管理员表列名数据类型是否为空默认值备注idint(11)NO管理员iduser_namevarchar(255)NO用户名passwordvarchar(32)NO密码mobilevarchar(11)YES手机号role_typevarchar(20)NO角色类型statusvarchar(20)YES状态（3）商品表：t_sm_product。主要用来保存商品的编号、名称、类型ID、商品详情、价格和库存等参数信息。表4-3商品表列名数据类型是否为空默认值备注idint(11)NO商品idcover_urlvarchar(500)YES封面路径product_codevarchar(50)NO商品编号product_namevarchar(50)NO商品名称category_idint(11)NO类型IDbrand_namevarchar(50)YES品牌名称stockint(11)YES0库存detailtextYES商品详情pricedecimal(10,2)YES价格discount_pricedecimal(10,2)YES折扣价（4）商品种类表：t_sm_category。该表主要保存商品的类别名称、排序等信息。表4-4商品种类表列名数据类型是否为空默认值备注idint(11)NO商品种类idcategory_namevarchar(50)NO种类名称cover_urlvarchar(500)YES封面图片parent_idint(11)YES父类IDshow_orderfloatNO排序recommendtinyint(2)YES是否推荐（5）订单表：t_sm_order。该表主要保存了订单的编号、时间和金额信息以及下单的用户名、联系方式、电话和地址。表4-5订单表列名数据类型是否为空默认值备注idint(11)NO订单iduser_idint(11)NO会员IDorder_codevarchar(50)NO订单编号payment_timedatetimeNO付款时间statusvarchar(20)NO订单状态续上表total_pricedecimal(10,2)NO订单总金额user_namevarchar(50)NO联系人mobilevarchar(20)NO联系方式addressvarchar(500)NO地址（6）购物车表：t_sm_cart。主要保存购物车的商品数量、商品ID以及用户名等信息。表4-6购物车表列名数据类型是否为空默认值备注idint(11)NO主键product_countint(11)NO商品数量user_idint(11)NO会员IDproduct_idint(11)NO商品ID（7）商铺信息表：t_sm_corp。主要保存了商家用户的名称、logo，商铺名称、电话和状态等信息。表4-7商铺信息表列名数据类型是否为空默认值备注idint(11)NO主键create_byint(11)NO创建人create_timedatetimeNO创建时间update_byint(11)NO修改人update_timedatetimeNO修改时间corp_namevarchar(50)YES公司名称contact_mobilevarchar(11)NO商户联系电话logo_urlvarchar(200)YES商家logostatusvarchar(20)NO商家状态4.2.2数据库逻辑模型图系统数据库名称为sm，主要包含用户表、购物车表、商品表、订单表、管理员表、商铺信息表和商品种类表。数据库逻辑模型图如图4-2所示。图4-2数据库设计cdm模型图4.3模块详细设计4.3.1用户模块用户模块包括注册、登录、修改个人信息等功能。（1）用户注册用户可以在注册页面进行注册账号，输入手机号码，两次输入密码，获取验证码并输入，点击“注册”按钮，如果已注册用户再进行注册会提示该用户已注册，若未注册，即可注册成功，使用该手机号码和密码进行登录。用户注册顺序图如图4-3所示。图4-3用户注册顺序图（2）用户登录用户在外设销售系统登录界面输入相关信息，若未输入手机号码和密码点击“登录”按钮，则提示“手机号密码不能为空”；若用户名或密码不正确点击登录则提示“手机号或密码错误”；若手机号码、密码输入正确即可登录成功。若未注册用户可以点击“立即注册”按钮进入注册页面进行注册。（3）用户信息修改用户登录成功之后可以点击“我的”按钮在个人信息页面根据自己的需要对个人信息进行修改，例如修改昵称，修改密码等。4.3.2商品模块（1）商品信息列表用户需要登录成功才可以进入外设销售网站的首页进行浏览，以及点击分类进入该分类的商品展示页面。（2）商品信息用户在外设商品列表界面点击外设商品即可进入商品信息界面，该界面主要展示外设商品的详细信息，价格和图片展示等内容，用户可以进行立即购买或者添加购物车，若用户未登录即会弹出请登录提示内容提示用户先进行登录操作，登录成功后即可将商品加入购物车或立即购买。（3）对比商品用户可以在外设商品列表点击想要进行对比的商品，点击“加入对比”勾选框，点击“对比”按钮，即可进入外设商品对比页面，对外设商品的各项信息进行对比浏览。4.3.3购物车模块（1）添加购物车用户在进入外设商品信息界面之后，如果对商品有购买需求，可以点击添加购物车。用户如果是登录状态，即可添加进购物车，如果是未登录状态，则会提醒用户进行用户登录操作。登录之后返回商品信息界面，进行购物车添加的操作。用户也可以在商品列表中点击加入购物车。如图4-4所示。图4-4购物车用例图（2）查看购物车信息用户登录之后可以在外设销售系统的购物车界面查看所有已加入购物车商品的名称、数量、价格和选中商品的总价。（3）购物车信息修改用户登录之后可以进入外设销售系统的购物车界面修改购物车中商品数量，移除购物车等操作。（4）购物车结算放在购物车里的所有商品，用户可以自定义选择需要哪些商品进行结算，系统会根据用户选择的商品计算总价，可以直接在此页面添加并选择收货地址，点击结算，然后生成订单。如图4-5所示。图4-5购物车结算顺序图4.3.4管理员模块（1）商家管理商家成功登录后可以添加外设商品上架，对商品的标题，内容、价格进行添加修改和删除，可以将外设商品下架，以及查看订单信息。（2）用户管理管理员成功登录后可以在后台系统查看用户除密码以外的信息，可对用户的状态进行修改操作。（3）管理员用户系统提供一个管理员账号，该账号登录之后可以对商户进行添加、激活、删除，可以添加或删除平台管理员。4.3.5订单模块（1）添加订单用户勾选需要购买的外设商品并选择收货地址才能进行结算，点击结算则会弹出信息框显示订单总价。添加订单顺序图如图4-6所示。图4-6添加订单顺序图（2）订单支付点击结算弹出信息框显示订单总价后选择确定即可支付成功，并提示购买成功。本系统并未实现支付功能。（3）订单查看用户登录之后可以在我的订单页面查看自己所有的订单信息，可以查看自己购买过的商品。

5项目实现5.1项目环境配置（1）SpringMVC自动扫描controller类，只需在controller类前面配置注解@controller。（2）SpringMVC自动过滤静态资源，freemarker页面有很多静态图片，js，css文件，如果没有<mvc:annotation-driven/>的配置，可能所有的Controller就没有解析，当有请求的时候就没有匹配的处理请求类，系统会找不到静态资源。（4）SpringMVC配置视图解析器，它的作用是将一份逻辑视图通过解析器转换为物理视图返回用户页面。将FreeMarkerViewResolver当作视图解析器来进行解析，将逻辑视图解析为ftl视图。（5）外设销售网站系统需要上传大量商品图片和广告图片，需要有文件上传配置。在spring-servlet.xml文件中进行multiparResolver配置。（6）创建Spring配置文件，读取perties文件，该文件中是数据库的连接信息。BeanPostProcessor将自动起作用，对标注@Autowired的Bean进行自动注入。（7）Spring可以完美地将hibernate进行整合，即可以使spring和hibernate的配置文件整合到一起。如图5-1所示。图5-1SpringMVC-hibernate配置文件整合图声明式事务管理构建在AOP之上的。其本质是使用面向切面编程（AOP）将需要事务相关逻辑的Java代码放入事务逻辑处理的一个切面之中。然后使用代理模式进行封装，Spring附带了一个事务管理器，只需要配置一下文件，便可以轻松地将事务规则应用到业务逻辑中。（9）在web.xml文件中配置编码过滤器，防止请求时乱码的出现。参数值设为<param-value>UTF-8<param-value>。5.2项目架构项目架构主要包含base文件夹，controller包，model文件夹，service文件夹和utils包。（1）base：封装系统的公用类和公用方法。framework文件夹下存放的是数据请求的相关文件；interceptor文件夹下存放的是基本拦截的方法和登录拦截的方法；model文件夹下存放的是所有实体类的父类，包含所有实体的公共属性。（2）controller：这个包存在所有的controller，用来处理和前台界面的数据交互处理，manage文件夹包含商户对商品管理的相关代码，user文件夹包含用户注册登录的信息提示等代码。（3）model：实体类，继承base文件夹下model类，对应的数据库表的实体类。（4）service：存放了系统业务逻辑相关的代码，在这个层面里对数据进行逻辑处理。（5）utils：封装工具类，以便调用，比如时间日期处理，字符处理等。5.3功能实现5.3.1普通用户模块（1）用户注册未注册过的用户需要进行注册，填写手机号码，两次输入密码，点击发送验证码，获取验证码，输入后点击注册，若信息无误即可注册成功。所属页面：registe.ftl。从前端界面获取输入信息，后台用userSave方法校验验证码和手机号码。用户注册界面如图5-2所示。图5-2用户注册界面图（2）用户登录用户在登录页面使用手机号码和密码进行登录。所属页面：login.ftl。从前端界面接收手机号码和密码，后台用ajaxLogin方法判断手机号码是否为空或者错误，与数据库用户表手机号码、密码匹配。用户登录界面如图5-3所示。图5-3用户登录界面图（3）用户信息修改用户登录成功后可点击右上角昵称进入个人信息设置，修改昵称和密码等功能，所属页面：setting.ftl。与数据库中用户表昵称、密码进行匹配。用户信息修改界面如图5-4所示。修改密码界面如图5-5所示。图5-4用户修改信息界面图图5-5用户修改密码界面图（4）商品信息浏览用户登录成功后可点击商品图片进入该商品详情页面，点击立刻购买则直接跳转购物车页面，点击加入购物车则提示加入购物车成功。所属页面：details.ftl。商品信息界面如图5-6所示。图5-6商品信息界面图（5）商品对比用户在同类商品中可勾选加入对比选择框，点击进行对比按钮进入商品对比页面。所属页面：contrast.ftl。用户可对比品牌、价格、类型、生产年份等参数信息。商品对比页面如图5-7所示。图5-7商品对比页面图（6）购物车管理用户可以将加入购物车的商品数量进行逐一增减，但单个商品数量不能减为0，可以删除购物车内商品；总价自动生成。与数据库表中购物车表的商品ID、数量、价格等字段匹配。所属页面：shopcart.ftl。购物车界面如图5-8所示。图5-8购物车界面图5.3.2商家用户模块（1）登录外设销售网站后台登录界面选择商户登录，输入正确商户用户名和密码即可进入商家后台管理系统。与数据库表中管理员用户表的用户名、密码字段相匹配。商家用户登录界面如图5-9所示。图5-9商家用户登录界面图（2）商品管理商户进入后台管理系统后，点击商品管理，可点击添加按钮进行外设商品的信息添加，如商品名称、编号、封面图片、品牌名称、产地、生产年份等信息。商家添加商品信息界面如图5-10所示。图5-10商家添加商品信息界面（3）订单管理商家可查看在该店铺购买商品的订单信息，包括订单编号、收货人、收货号码、总金额、下单时间等信息。订单查看页面如图5-11所示。图5-11订单查看页面5.3.3管理员用户模块（1）登录外设销售网站后台登录界面选择后台登录，输入正确用户名和密码即可进入后台管理系统。后台管理员登录界面如图5-12所示。图5-12后台管理员登录界面（2）商家管理系统管理员可以添加、编辑商户信息，如商家logo、名称，法人姓名、身份证号、手机号等信息，保存成功后可以对商家状态进行激活或冻结。添加商家信息界面如图5-13所示。图5-13管理员添加商户图（3）订单管理系统管理员可查看所有店铺购买商品的订单信息，包括订单编号、收货人、收货号码、总金额、下单时间等信息。订单查看页面如图5-14所示。图5-14订单查看页面

6系统测试6.1测试概述外设销售网站的设计与实现，对于系统中的功能模块都是必须进行测试的，以此方式来判断是否可以正确无误的运行。测试环节就是为了提早发现错误并及时对错误进行更改，最后才能将功能完整、性能良好的系统给用户使用。本系统采用的是功能测试方法，对系统几个主要功能点进行测试，检测主要功能是否能正常运行，包括登录是否通过，购物车添加删除结算是否正常，商户添加商品是否成功。6.2主要测试用例（1）用户登录模块测试用例如表6-1所示。表6-1用户登录测试表模块名称测试用例预期结果是否通过登录模块用户名：admin密码：123456弹出用户名或密码输入错误通过登录模块用户名码：000000弹出用户名或密码输入错误通过登录模块用户名码：123456用户登录成功通过（2）购物车模块测试用例如表6-2所示。表6-2购物车测试表模块名称测试用例预期结果是否通过购物车模块添加商品至购物车购物车增加此商品通过购物车模块删除购物车内某一商品购物车无此商品通过购物车模块增加或减少商品数量，购物车结算总计为购物车内所有商品的价格总和通过购物车模块商品数量为1时再点击减少按钮提示商品数量不能