【《电商购物平台的设计与实现》7300字】

电商购物平台的设计与实现摘要电商购物平台的产生，顺应当前互联网大时代背景下消费者新的消费需求和消费模式，且不受地域限制，投入成本低，面向群体流量大，交易都是在网上完成，价格便宜，成交量大。此次设计涉及两个部分，一个是前台门户展示页面，是用户进行购买的场所，其中主要包括个人中心、商品首页、购物车及订单展示。主要内容有展示用户信息、修改个人资料、密码、搜索商品、添加购物车、查看购买订单记录、管理收货地址等。另一个是后台管理系统，主要是系统管理员对商家的管理，包括审核商家资格、管理所有用户、审核商家上传商品信息。商家用户对自己名下的商户进行管理、查看订单、查看评价、对商品分类进行管理等。[关键词]电商平台便捷购物后台管理软件开发 目录TOC\o"1-3"\h\u3915一、前言 113285二、需求分析 14039（一）开发工具分析 1169631、IntelliJIDEA 2119892、MySQL数据库 265863、Vue 2207814、SpringBoot 225755（二）可行性分析 3221231、技术可行性 3123852、经济可行性 3146553、管理可行性 311150三﹑系统设计 431322（一）总体设计 430593（二）详细设计 4295301、数据库物理设计 4220362、功能设计 823176四、功能实现 1130969（一）门户功能实现 11177071、注册、登录 11105462、首页 1396533、修改密码 14284414、个人中心 14276715、加入购物车 18265746、直接购买 20250897、订单信息 226929（二）后管功能实现 24270981、管理员功能实现 25319392、商家功能实现 2916046五、功能测试 3224489（一）测试目的 321134（二）测试步骤 322865（三）测试内容 3313096（四）测试结果 3532046参考文献 37PAGEPAGEPAGE38电商购物平台的设计与实现一、前言互联网的飞速发展，使得人们的生活方式有了巨大的改变，且随着科技和时代的不断发展与进步，电商购物平台已将门店购物慢慢取代，网上沟渠已经深深地融入到人们的生活当中,给人们的生活带来极大的便利。我相信当下有更多人更热衷与网上购物，究其原因是网上购物是以互联网为交易平台，而互联网是灵活多变的，它使得购物不再受时间、空间，地域及天气所影响，而且在网上可以让人们看到更多的种类，更美观的价格，也免去了传统购物路程的辛苦，随时随地动动手就可以购得自己所需要的物品。在电子商务模式下进行的购物，不但降低了购物条件，增加了用户的购买次数，而且更容易刺激用户冲动消费。关于此次设计，门户网站是用来给广大用户展示商品的信息，包括外观、种类、价格等，用户可以自行搜索需要的商品，然后进行购买，用户还可以管理和修改自己的信息，以及对已经购买的商品进行评价。后台管理系统是用来审核和管理的，一是系统管理员可以对用户申请成为商家进行审核，且拥有管理所有的用户的权限，二是已经成为用户的商家可以对自己名下的商户进行管理，如商品的发布和下架，商品的价格管理，查看商品的售卖情况。二、需求分析（一）开发工具分析本系统基于Windows10系统开发，主要使用Java语言，采用Spring框架，有关此次设计所使用到的前端技术有Vue，Ant-design-vue以及Webpack，使用的是JavaScript客户端脚本语言，使用的后端技术主要有SpringBoot_2.1.3.RELEASE、Mybatis-plus_3.1.2、Swagger-ui和Redis，开发过程中主要使用的开发工具有MySQL，intelliJIDEA。1、IntelliJIDEAIntelliJ作为一个超过10年生命力还如此强劲的IDE，被广大程序员们认为是最好最完美的java开发工具，特别是它具有代码提示、支持重构、代码检查及代码自动完成的优点，而且具有强大的插件功能，使用起来使人得心应手，具有高效的开发效率。2、MySQL数据库MySQL目前被广泛的应用在中小型网站中，也是企业使用较多的关系型数据库，MySQL拥有较为健全的体系，具有功能强大，支持跨平台、面向对象，速度快等特点。最重要的是MySQL是开源免费的，但它也有极大的缺陷，就是在处理大量请求时速度会显著变慢，而且支持的最大用户连接数也比较小。在学校学习过相关知识，此次运用更是得心应手。3、Vuevue是目前最火的前端三大主流框架之一，它是一套用于构建用户界面的渐进式框架，一个轻量级的MVVM,用它来搭建框架，因为不需关注Dom的渲染，所以提高了不少的开发效率，且通俗易上手，有利于与第三方类库进行整合。4、SpringBootSpringBoot是由Pivotal团队研发发布的，它通过使用特定的方式进行配置，使开发人员不再需要定义样板化的配置，通过简化配置进一步简化了Spring应用的整个搭建和开发过程，项目可独立运行，无需外部依赖Servlet容器，但也因为其封装功能强大，使得内部原理难以参透，容易产生依赖，并且它一旦出错，错误调试难度较大且存在缺少监控集成方案等缺点。（二）可行性分析1、技术可行性电商购物平台主使用Vue框架，Ant-design-vue做以辅助，操作相对简单且比较方便运用。Vue作为单页面应用将一个网页分成多个可复用的组件，每个组件有独立的逻辑。另外，当页面中的路由发生改变时，Dom树只改变需要改变的部分，刷新局部资源，使得页面更加流畅。2、经济可行性电商购物平台相对其他系统来说并不算是大型系统，操作简单上手，所以并不需要投入大笔的资金和人力，实用性也非常好，在节省资源的同时也节省时间。而且由于系统的规模较小，使用的又是本地服务器，访问量也不是很大，所以基本不会出现系统宕机的情况。因此使用后的成效果还是非常明显的，既做到了合理节约和合理利用资源，又提高了工作效率，开发工具以及服务器的配置都是免费的，这使得本系统在未来新增业务功能方面会有较大的发展前景，因此，在经济方面有一定的可行性。3、管理可行性本电商购物平台相对于其他购物软件体积小且操作流程简单，每个模块划分较清晰，页面内容简洁。对用户而言，简单的界面可以使用户快速熟悉本平台所提供的业务，更轻松的完成购物。对管理员而言，相对简单的管理界面让管理员的操作更简单流畅，更容易管理。因此，电商购物平台在管理方面有一定的可行性。三﹑系统设计总体设计系统总体设计如图1所示。图1系统总体设计（二）详细设计1、数据库物理设计（1）用户信息表主要是用来保存用户的信息，如表1所示。表1用户信息表名称类型长度主键注释idvarchar10是用户idusernamevarchar255否登录账号realnamevarchar11否真实姓名passwordvarchar255否密码saltvarchar45否md5密码盐avatarvarchar255否头像birthdaydatetime0否生日sextinyint1否性别(0-默认未知,1-男,2-女)phonevarchar45否电话del_flagtinyint1否删除状态(0-正常,1-已删除)user_typevarchar255否用户类型1普通用户2商家business_flagvarchar255否是否商家1是0不是（2）用户地址表主要是用来保存用户收货地址，如表2所示。表2用户地址表名称类型长度主键注释idvarchar36是主键create_byvarchar50否创建人create_timedatetime0否创建日期update_byvarchar50否更新人update_timedatetime0否更新日期sys_org_codevarchar64否所属部门user_idvarchar64否用户IDdetail_adressvarchar255否详细地址codevarchar32否省市县级联编码defailt_adressvarchar32否是否为默认地址（3）商品表主要是用保存商品信息，如表3所示。表3商品表名称类型长度主键注释idvarchar36是主键create_byvarchar50否创建人create_timedatetime0否创建日期update_byvarchar50否更新人update_timedatetime0否更新日期sys_org_codevarchar64否所属部门titlevarchar255否标题descriptionvarchar255否商品描述pricedecimal10否价格stockint0否库存category_idvarchar32否所属类别covervarchar255否商品封面thumbnailvarchar256否商品缩略图goods_statusvarchar32否商品状态1上架0下架audit_statusvarchar32否商品审核状态0是未审核1审核通过user_idvarchar64否所属商户（4）商品类别表主要是用来保存商品分类信息的，如表4所示。表4商品类别表名称类型长度主键注释idvarchar36是主键pidvarchar36否父级节点namevarchar100否类型名称codevarchar100否类型编码create_byvarchar50否创建人create_timedatetime0否创建日期update_byvarchar50否更新人update_timedatetime50否更新日期has_childvarchar3否是否有子节点（5）商品评价表主要是用来保存商品评价信息的，如表5所示。表5商品评价表名称类型长度主键注释idvarchar36是主键create_byvarchar50否创建人create_timedatetime0否创建日期sys_org_codevarchar64否所属部门user_idvarchar32否用户idgood_idvarchar32否商品idevaluatevarchar32否评价内容gradevarchar32否评价等级picvarchar255否评价图片（6）订单表主要是用来保存订单信息的，如表6所示。表6订单表名称类型长度主键注释Idvarchar36是主键create_byvarchar50否创建人create_timedatetime0否创建日期update_byvarchar50否更新人update_timedatetime0否更新日期sys_org_codevarchar64否所属部门good_namevarchar255否商品名字pricedouble0否价格numint0否数量total_pricedouble22否单品价格user_idvarchar64否用户idorder_main_idvarchar32否订单idstatusvarchar32否订单状态（-1:申请退款-2:退货成功0：待发货；1：待收货；2：已收货；3：待评价；-1：已退款）good_idvarchar64否商品idremarksvarchar255否备注pay_idvarchar255否支付宝返回id（7）购物车表主要是用来保存购物车信息的，如表7所示。表7购物车表名称类型长度主键注释idvarchar35是主键total_pricevarchar255否商品总价create_byvarchar50否创建人create_timedatetime0否创建日期sys_org_codevarchar64否所属部门user_idvarchar64否用户IDgood_idvarchar32否商品IDpricevarchar32否单价numbervarchar32否数量2、功能设计（1）门户功能设计①注册、登录用户在初次使用本系统时需根据要求完成注册，注册时既可以选择账号密码注册，也可直接用手机号注册，注册过程中会将个人信息存入数据库中，注册完成后就可进行登录。用户在登录时可选择使用账户密码或短信验证的方式进行登录。当用户忘记密码时，在登录页中有忘记密码，用户根据提示即可设置新的密码。②首页首页中展示所有商品的类别，不同类别的商品下又进行不同的分类，方便用户依据分类寻找需要的商品；首页中还有轮播图，展示的是当下最热销的商品；首页中还有搜索的功能，方便用户快速寻找需要的商品。首页中所提供的商品分类，轮播图，搜索等，都是为用户提供更方便、快捷、完美的购物体验。③个人中心个人中心中展示的有用户的个人信息，如：用户名、生日、头像等，用户在此可修改自己的资料信息，同时也会展示用户购物车、订单及地址的信息。④立即购买或加入购物车用户在商城中挑选到自己喜欢的商品后，可执行“立即购买”或将商品“加入购物车”，用户对加入购物车的商品也可进行全部清空或单个删除的操作。⑤评价用户确认收货后，在个人中心“我的订单”中的“待评价”中可对商品进行评价。（2）后台管理系统功能设计后台管理系统又分为两大模块，一块是管理员，另一块是商家。管理员对系统中商家进行管理，包括审核商家资格、管理所有用户等功能、对商家上传的商品进行审核和管理、查看订单和评价等。管理员模块设计如下：①注册、登录管理员模块后台管理系统的注册、登录流程与门户页面一样。②首页首页中展示的是用户对门户网站最近一周的访问量的统计，包括当日访问量和总访问量，用来作为管理人员管理和判断门户网站运营的依据。③订单管理订单管理中显示的是用户在门户网站购买的商品信息，即已经成交的商品，显示内容有商品图片、名字、单价、订单id等。④商家审核商家审核是系统管理员对申请成为商家的系统用户进行资格审核，通过即可使用本系统。⑤评价管理评价管理中展示的是用户对在门户网站购买的商品的使用评价，显示的内容有评价内容、评分等级、图片及评价人等。⑥商品管理商品管理对商家上传的商品进行审核和管理，审核通过商家即可对上传的商品在门户网站进行展示，管理员可以查看商品的所属类别、商品标题、商品描述、价格、库存等。⑦系统管理系统管理是系统管理员对所有用户、角色进行管理和授权操作。商家模块设计如下：①注册、登录商家模块后台管理系统的注册、登录流程与管理员一样。②首页首页中展示的是用户对门户网站最近一周的访问量的统计，包括当日访问量和总访问量，还有总销售额、订单数量等，用来作为商家运营的依据。③商品管理商品管理是商家对需要在门户网站展示的商品进行管理，即可发布和下架商品，管理内容有商品所属类别、商品标题、商品描述、价格、库存等。对商品进行新增、修改、删除、查询操作。④评价管理评价管理中展示的是用户对在门户网站购买的商品的使用评价，显示的内容有评价内容、评分等级、图片等。⑤订单管理订单管理中显示的是用户在门户网站购买的商品信息，即已经成交的商品和待发货的商品，显示内容有商品图片、名字、单价、订单id、订单状态等，还具有发货的功能操作。⑥系统管理系统管理是商家对商品分类的管理。四、功能实现（一）门户功能实现1、注册、登录用户根据要求进行注册，注册时可选择自己要注册的身份，注册完成后会跳转到登录页，输入账号登录，系统就会验证数据库中的数据，比对正确才可登录。门户网站的注册页面如图2所示，登录页面如图3、4所示。图2注册页面图3登录页面图4登录页面2、首页首页展示了商品的分类及其二级分类，轮播图及特色好物，也可在此搜索商品，如图5、6所示。图5首页图6首页3、修改密码在页面的右上角有一个下拉选择，用户可在此修改密码。如图7所示。图7修改密码4、个人中心个人中心中是用户的基本信息，我的购物车如图8所示，地址管理如图9所示，我的订单页面如图10-13所示，订单评价如图14、15所示。订单已完成如图16所示。图8购物车页面图9地址管理页面图10我的订单页面图11订单待付款图12订单待发货图13订单待收货图14订单待评价图15评价页面图16订单已完成5、加入购物车用户在首页点击商品，即可进入商品详情，如图17所示，然后可将商品加入购物车，加入购物车成功页面如图18所示，接着选择其他商品，全部选择完成后进行统一购买，如图19所示，也可对加购的商品进行删除，如图20所示。图17商品详情页面图18加入购物车成功页面图19购物车页面图20删除购物车页面6、直接购买用户选择完商品后，可立即购买此商品，如图21所示，点击立即购买按钮之后就会跳转到订单确认页面，如图22所示，如若确认购买，则点击立即支付，页面就会跳转到付款页面，如图23所示，支付成功就会弹出支付成功消息，如图24所示。图21立即购买页面图22订单确认页面图23支付页面图24支付成功页面7、订单信息用户在个人中心“我的订单”中可查看订单的具体情况，包括待付款如图25所示，待发货如图26所示，待收货如图27所示，收到购买的商品并确认无损坏后，对订单进行确认收货，评价页面如图28、29所示，已完成如图30所示。图25待付款页面图26待发货页面图27待收货页面图28待评价页面图29评价页面图30已完成页面（二）后管功能实现后台管理系统又分为两大模块，一块是管理员，另一块是商家。1、管理员功能实现（1）注册、登录注册页面如图31所示，登录页面如图32、33所示。图31注册页面图32登录页面图33登录页面（2）首页管理员首页如图34所示。图34管理员首页（3）订单管理管理员订单管理如图35所示。图35订单管理页面（4）商家审核管理员商家审核如图36所示。图36商家审核页面（5）评价管理管理员评价管理如图37所示。图37评价管理页面（6）商品管理管理员商品管理如图38所示。图38商品管理页面（7）系统管理管理员系统管理如图39、40所示。图39用户管理页面图40角色管理页面2、商家功能实现（1）注册、登录注册、登录页面同管理员一样，如图31-33所示。（2）首页商家首页如图41所示。图41商家首页（3）商品管理商家商品管理如图42所示。图42商品管理页面（4）订单管理商家订单管理如图43所示。图43订单管理页面（5）评价管理商家评价管理如图44所示。图44评价管理页面（6）系统管理商家系统管理如图45所示。图45系统管理页面五、功能测试（一）测试目的测试是系统开发过程不可或缺的一部分，系统的后期修复和再次进行开发与调整，都是以测试为基础的，系统测试就是不断发现软件产品的不足及问题的过程，并将错误并进行相应的修改，直到系统能够完成基本功能。（二）测试步骤本系统测试包括以下几个步骤：（1）模块测试，这一步是用来发现每一个模块编码和逻辑的错误，需要测试接口调用是否正常。（2）系统测试，这一步是找出系统设计中存在的错误。（3）功能测试，这一步是通过系统的操作界面来找出系统中可能存在的一些功能问题。（三）测试内容1、登录测试表8用户登录功能测试测试描述登录模块测试目标测试用户能否正确登录前提条件无输入操作期望输出实际情况账号：密码：请输入登录账号与期望的输出情况一致账号：test密码：test密码或账号错误，请重新输入，验证码错误与期望的输出情况一致商品列表测试表9商品搜索功能测试测试描述商品列表搜索测试目标测试用户能否正确搜索到对应的商品前提条件无输入操作期望输出实际情况商品名称对应的商品列表与期望的输出情况一致修改密码测试表10修改密码功能测试测试描述修改密码测试目标测试用户能否正常修改密码前提条件无输入操作期望输出实际情况商品名称修改成功的消息，并能使用新密码与期望的输出情况一致个人中心浏览测试表11个人中心功能测试测试描述个人中心浏览测试测试目标测试用户能否正常浏览个人中心前提条件无输入操作期望输出实际情况无正常查看个人中心的相关内容与期望的输出情况一致用户加入购物车测试表12用户加入购物车功能测试测试描述用户加入购物车测试测试目标测试用户能否正常添加商品到购物车前提条件无输入操作期望输出实际情况鼠标单击按钮加入成功的消息，并能从我的购物车查看该商品与期望的输出情况一致用户购买商品测试表13用户购买商品功能测试测试描述用户购买商品测试测试目标测试用户能否正常购买商品前提条件无输入操作期望输出实际情况鼠标单击按钮生成订单并支付，出现支付成功的消息与期望的输出情况一致后台管理系统商品管理测试表14后台管理系统商品管理测试测试描述后台管理系统商品管理测试测试目标测试