【《基于微信小程序的电子商城购物系统设计》13000字（论文）】

--PAGEIV-基于微信小程序的电子商城购物系统设计摘要这几年国内经济高速发展,各种智能数码产品在人们的生活当中普及开来，最具代表性的就是我们日日夜夜都在用的智能手机。现如今人们对于手机的依赖性越来越大，促使了手机应用软件的发展。伴随着手机当中微信的普及，微信生态圈中蕴含了庞大的用户基数，其中微信小程序因其便利性被用户广泛使用，各种手机软件逐步的融入到了微信小程序当中。为跟随互联网时代发展趋势，本此研究将研发一款电子商城购物平台.系统平台将由用户购物所使用的部分和管理员用来维护平台数据的两部分构成，用户购物所使用的部分将依托于用户基数庞大的微信进行开发最终将以微信小程序的形式提供给用户使用，解决系统平台初期知名度低，推广速度慢的问题，管理员部分将制作成传统的网站式后台管理系统。系统整体开发模式采用的是前后端分离的思想，用户使用端主要实现了购物车、个人中心、购买商品支付、商品分类查找、为商品添加评论等功能；后台管理部分实现了对商品信息的管理、对用户信息的管理以及对系统的管理。平台开发时应当重点考虑如何将数据与页面进行融合，以合理的显示方式将数据展现给用户，使用户能够快速的找到自己所需的数据信息，在方便用户使用的同时还应当保证系统平台在后期维护当中的可操作性，在对于这些问题进行系统的总结分析之后，本系统将采用直观灵活的数据绑定形式来编写页面，运用Vue前端开发框架将数据动态嵌入页面当中，结合Vue框架所提供的各种节点，操作通过Java技术连接本地MySQL数据库所获得的数据，实现平台的数据的动态获取与维护。关键词： 电子商城购物；微信小程序；Vue；Java目录777431014摘要 I992543950Abstract II331977541引言 117563869051.1选题背景 12845006731.2研究现状 113042128891.3研究内容 25404404942开发工具及关键技术介绍 314750394952.1微信开发者工具 34375714972.2Java 312801427512.3MySQL数据库 418680404112.4SSM框架 520917521842.5Vue框架 517716550983系统分析 613464664313.1可行性分析 620261173783.1.1技术可行性 63065815673.1.2经济可行性 69031274163.1.3操作可行性 64480637163.2需求分析 715292084303.2.1客户端功能需求: 73217957143.2.2管理员服务端功能需求: 810567420524系统设计 99739072744.1总体设计 93391966844.2详细设计 1014570688504.2.1用户登录流程 1012001352094.2.2购物流程 1115060450394.2.3信息删除流程 1218567069314.3数据库设计 135885147604.3.1数据库概念模型设计 1320053768854.3.2数据库逻辑模型设计 1517609501775系统实现 1718174855325.1用户客户端功能实现 176719413965.2管理员服务端功能实现 2418500266466系统测试 3121295980566.1测试目的 31445826436.2功能测试 3119761717456.3测试分析 325364337136.4测试结果 327050642857结论 33200673849参考文献 34--PAGE11-引言选题背景随着社会的发展和科学技术的进步，互联网技术日益壮大，当今社会互联网已然成为了人们生活中必不可少的重要组成部分，而伴随着互联网的快速发展，网络很快就成为了不同行业发展自身的有利工具，因此互联网当中存储了大量的数据，在这样一个时代大背景之下，商品销售领域要想取得发展，就需要具有能够在互联网庞大数据提薪当中快速获取自己发展所需信息以及对获取数据进行快速处理的能，为了达到这一目的，线上购物平台应运而生。线上购物平台是一个能够快速交互信息的系统，依托于线上购物平台，用户可以快速的获取大量的商品信息，用户与商家之间的交易沟通也因为有了线上平台的辅助变得十分便捷，而这种线上交易方式，去除了时间和空间上的限制，因此降低了交易过程中的交易成本，扩大了交易范围，拓宽了海外交易市场，从而推动了国家电子金融与市场经济的快速发展。因此电子商务受到了国家的大力支持，迎来了全新的发展契机。伴随着电子商务的不断发展，国家对于电子商城购物平台的管理越来越严谨，目前几乎所有的电子商城购物平台都采用了智能化的操作。而此次研发的基于Vue的电子商城购物平台就是一个顺应时代发展的科技产物。纵观目前的软件行业技术发展情况来看，利用微信小程序作为线上购物平台的系统载体，是一个不错的选择。在结合当前市场对于购物平台的需求来看，本系统应该包含两个部分：管理员服务端以及用户使用的微信小程序客户端。研发的目的在于方便用户的线上购物以及商家对于商品的销售管理。研究现状目前市场上现有的电子商城购物平台已经全面支持通过微信、支付宝、银联等第三方支付转账方式，建立起了安全的线上交易空间，国内线上交易平台的存在形式大多是以购物app为主的同时，以微信小程序为辅的形式开展线上交易活动。以淘宝为例，现如今伴随着大数据与云计算的不断发展，电子商城购物平台已经可以利用大数据中的数据挖掘技术与云计算，来获知用户平时的购物喜好，以此来向用户定向的推送用户感兴趣的商品，来以此提高商品被购买的机率，而在页面交互这一方面，近些年来由于软件行业提出了前后端分离的概念，致使在软件系统开发过程中页面交互技术地位得到了提升，进而市场上涌现出了许多优秀的前端页面开发与美化的技术，通过这些优秀的前端页面开发技术在结合Java、数据库等研发技术，研发一个高质量电子商城购物平台已然不再是一件十分困难的事情了。研究内容基于Vue框架的电子商城购物平台的设计与开发，所需要的工作内容：（1）查阅相关资料进而了解当前电子商城购物平台的发展前景，并学习相关的开发知识，为系统开发做好研发准备（2）结合市场上诸如京东，淘宝之类的电子商城购物平台，事先确定系统功能需求，并对开发过程中可能会遇到的问题进行确认与预判。（3）在功能需求确认完毕后，结合当前已有开发技术和开发技术的市场运用率来确定开发所要使用的技术。（4）在确定好使用技术之后，针对不同使用人群进行角色划分，并根据划分的不同角色来确定其对应的功能模块，对于此次的电子商城购物平台，我决定将其设计为管理员和用户两个模块，研发客户端与管理员端，客户端将以小程序的形式展现，管理员端将基于浏览器使用。随展示方式不同，但是基础实现方式相同，用户可以随时根据自己的需求通过微信小程序访问购物平台并进行相关联的操作，管理人员可以通过浏览器登陆到平台的后台信息管理系统进行相应的数据操作。（5）功能模块划分完毕后，再对平台的系统界面设计，等到设计完成后之后，即可开始着手开发系统平台，开发过程中要注意人机交互流程是否合理。研发完成后，对系统进行不同用户的操作测试及通过使用不同的测试方式找出程序中所隐藏的各种问题，并对出现的问题进行整理后集中解决，以此达到完善系统的目的。（6）研发过程中应实现购物车功能，用户可在浏览商品时直接下单购买，也可将多个商品添加到购物车当中统一进行结算；（7）实现商品评论功能，用户可在商品之下添加评论，向其他用户传递自己想要说的话；（8）实现商品信息管理功能，用于控制售卖商品的商家与下架以及商品各项信息的维护操作；开发工具及关键技术介绍微信开发者工具微信开发者工具是为了配合微信小程序开发所设计的一款编程软件，目前微信开发者工具在微信团队的管理维护下任然在不断的完善，因此具有一定程度的发展前景。微信开发者工具是微信旗下的产品，因此理所当然的可以通过微信扫码的方式进行登陆，在经过登录授权之后，开发者工具即可使用登陆者的微信帐号进行小程序的开发与调试。下面简单介绍一下微信开发者工具在开发过程中常用到的一部分功能：（1）机型选择：目前手机市场上存在着许多不同型号的手机，不同型号的手机由于屏幕尺寸大小的不同，手机的显示像素比也各不相同，为解决这个问题，开发者工具提供了机型选择功能，通过此功能用户在开发过程中可以直观的把握系统平台在各型号手机上的一个显示情况；（2）预览界面：在开发过程中用户可以实时的通过预览界面模拟查看到系统平台在真机环境下的一个显示运行情况；（3）控制台：开发者工具像传统编译软件一样都提供了终端打印功能，可以方便开发者对系统进行调试；（4）上传代码：在开发过程中，如果本地没有服务器可供开发使用，可以将代码上传保存到腾讯的远程服务器之上，利用腾讯的服务器进行开发；（5）资源文件：可以对资源文件所在的项目目录经行断点式调整。（6）显示远程调试：开发者工具提供了手机与pc的联合调式功能，可通过手机上进行调试，调试的情况则可通过pc端进行时时检测；（7）视图调试：组件以子父层级结构形式进行呈现，方便用户进行调试。虽然开发者工具还用很多不错的功能供开发者使用，但最常用的还是上述几个功能。JavaJava编程语言的基本特性：面向对象性：面向对象这一概念贯穿了整个Java编程语言的开发，在Java开发过程当中，你在各开发层级之中都可以感应到他的存在，其作用在于将现实世界当中的各种物质进行分析，将物质之间共有的属性和特点提取出来，以代码的形式对其进行封装处理，抽象转换为一个可以代表某一类物品的数据代码类封装保存物质各种信息的代码类，再结合Java语言的代码语法，我们即可通过new这个关键字和抽象定义代码类，即可在系统代码当中创建声明各种能够代表对应实体物质的实体对象，进而实现将物质世界当中的物质数据化，映射到系统系统当中，之后通过系统对这些数据的管理，我们即可在电脑中完成对现实世界中不同事与物的管理，在运用了面向对象的编程思想之后，虚拟数字世界与现实事件之间的联系变得更加具体化，使得开发人员在计算机中声明一个用于代替现实物体的数据标识变得异常简单。跨平台性：除了它面向对象的特点之外，java的流行还依仗了它另外的一个特性——跨平台，因为Java语言在编程过程中不受平台的约束，在将编写的代码编译之后，在不同平台使用时我们无需对Java修改，因此在结合面向对象的设计方式之后，系统开发就变得较为简单。垃圾回收机制：此特点主要体现于系统优化方面，在系统平台不进行操作时，通过这个回收机制，会自动将系统当中此时无用对象所占用的内存空间给释放掉，进而提高系统的运行速度。在C++开发当中最令人厌烦的一点就是因为在C++开发编程过程中，无用资源所占用的存储空间无法被系统自动释放，进而导致随着编程时间的增长，系统所占用的内存空间也将变得越来越多。有经验的开发人员在编程之前会先选择某一块内存地址专门存放在堆栈上，等到用不到内存中存放的资源时，对其进行手动释放。但对于新手而言，由于开发经验不足往往会忽视对这个内存进行删除，从而导致系统在运行的过程中慢慢的变得臃肿，进而造成系统的不稳定导致系统崩溃，Java语言垃圾回收机制则可以在很大程度上降低了这种问题的发生。MySQL数据库以我的观点来看，一个系统的核心价值在于其管理的大量数据，在这样一个万物皆可数字化的时代当中，数据的价值高于一切，因此数据库的选择和使用在一定程度会影响到整个系统，拥有一个良好结构的数据库在开发过程当中将会事半功倍。在WEB应用领域，MySQL具有一整套完整的数据库管理系统，通过建立SQL数据表，将数据分门别类地进行存储，而表与表之间也可通过一对一，一对多等关系关联在一起，数据存储方式非常的灵活，在实际的使用过程中，可以有效的简化系统对于数据的维护。在数据库当中所使用的语言是SQL语言，SQL语言具有相当高的兼容性。通使用SQL语句，可以实现数据库数据信息增删改查四种核心操作。数据库类型可以简单的分为关系型和非关系型两种，本系统当中所使用的MySQL数据库属于关系型，它以体积小，速度快，成本低等特点，常用于数据结构不复杂的系统，MySQL数据库支持不同的操作系统平台，因此MySQL数据库是目前系统开发最常用的数据管理工具之一，虽然在不同平台与之对应的安装和配置有所区别，但是这种差别非常的小。在Windows平台下的使用方式有两种，一种是二进安装版，另一种则是解压后无需安装版。在安装完MySQL数据库使用之前应先检查一下自身系统当中的MySQL服务是否已经开启，若没有开启则需要我们以命令行的形式在控制台下将其启动，若你不习惯通过命令的方式操作数据库，则可通过下载一些好用的数据库图形化操作工具，在连接到指定数据库之后即可通过从菜单项对数据库进行操作。SSM框架开发界常说的SSM框架是SpringSpringMVCMyBatis的缩写。其中Spring主要用于系统平台服务器的开发，它向开发者提供了面向切面的编程方式，对于应用当中对象的配置与周期来讲它就是一个是容器；SpringMVC由控制器、视图、封装的数据这三部分组成，常用于将模型与对象进行分开操作；MyBatis是一个具有良好持续性的框架，支持SQL语句的各种相关操作，允许在存储过程中实现数据高级映射的优化处理。在大型的JavaWeb应用程序的开发过程当中，在遇到开发成本高，开发后难以维护以及开发问题难以解决等问题时，通过使用“SSM组合框架”，我们可以为这些问题提供良好的解决办法。Vue框架Vue.js简单的来说就是一个JavaScriptMVVM库，是国内用于快速搭建用户操作界面的渐进式前端开发框架，通过Vue.js开发页面，开发人员可以通过数据绑定的形式将后台服务器返回的数据库数据与页面中的各个dom元素进行链接，以达到数据回显的作用。其本质就是一款比较轻量级的JS

库，通过其组件化的页面开发方式，我们可以通过v-model属性实现页面元素与数据的双向绑定，正是因为有了双向数据绑定的特性，在使用Vue框架搭建前端项目环境时，可以实现项目的热加载，这样在改完页面代码之后，即可立即在浏览器上获得最新的回显效果，凭借这一点即可以提高项目的开发效率。Vue.js中数据绑定的原理是通过Object.defineProperty中的

getter

、setter两种方法结合着观察者模式来实现的。当把一个普通代码对象传递给

Vue

实例，将其作为Vue页面的数据

，之后Vue会遍历绑定对象的所有属性，并通过使用

Object.defineProperty

将其转化为

gettertter。用户看不到

gettertter，通过Vue内部追踪他的依赖，在属性被访问和修改的那一刻使其获的绑定数据变化更新后的新值。系统分析可行性分析技术可行性基于Vue框架的电子商城购物平台将使用的技术有Java、MySQL以及简单的前端开发框架Vue。按照我的设计想法，用户购卖商品时所使用的平台载体是微信小程序。就页面开发技术来讲，目前市场上就存在着许多高效便捷的页面开发技术可供开发者选择，列如jquery、vue、react等，而此次采用的vue前端开发框架，由于是国人自主研发的开源技术，因此其中所蕴含的编程思想符合国内开发人员的思维逻辑，所以备受国内开发人员喜爱，其采用的编写核心是数据绑定，相较于jquery的dom操作更加的简洁方便。系统后台开发中所用到的Java技术和MySQL数据库在系统开发当中也是属于比较大众化的开发技术，在国内已经具有了相当完善的技术体系，其功能强大且开源免费，因此开发一款基于Vue框架的电子商城购物平台在技术方面是可行的。经济可行性本次开发的电子商城购物平台所采用的技术均为免费开源技术，因此开发过程中，开发者不需要购买其他软件或者端口之类的，所使用的java开发技术也相对比较成熟，电子商城购物平台开发之前系统的市场调查研究和其他的研发准备，都是通过网络渠道所完成的，因此并不会产生各种额外的开发支出，开发者在努力开发过程中遇到的难以解决的问题时，大多是通过网络根据查找到的前人经验，结合自身的开发思路，适当的向教指导老师请教以此来解决问题，所以电子商城购物平台在开发过程中所需要的开发经费几乎可以说是没有，由此突出了本系统平台在经济上的可行性。操作可行性操作可行性的分析主要依靠用户在测试体验系统时所做出的各种反馈，通过整理分析这些反馈信息来确定系统的操作性是否合理。目前管理员在后台管理系统当中可以凭借着系统随时随地的管理各种平台数据信息，通过系统界面的导航菜单，管理人员可以快速的完成对于指定功能模块的定位使用，以此来提高管理员对于数据的管理效率，用户在使用微信小程序对购物平台进行可视化操做时，在页面的各种指引信息之下，用户可在无专业人员指导的情况下完成对相应功能的使用，所以系统的可操作性是完全没问题的，使用人员只要能看懂页面当中标题文字即可根据提示完成系统平台中的各项操作。需求分析一个项目在开发前所要做的第一件事，正常来讲是对系统的用户使用需求进行全方面的考虑分析，在结合不可忽视的市场的调研结果之后，系统的使用场景中，准确的定位到使用人员所需要的各项功能，从而明确系统开发流程与开发目标。在需求分析这一个章节当中，开发者需要对系统的性能和业务流程具有直观的认识。需求分析是系统研发的第一步，也是最重要的一步。通过对系统需求的的分析，我们可以初步判断出系统所需要开发的各项功能，之后在经过讨论，确定哪些功能是目前自身技术所能实现的，哪些是不能实现的，哪些需求是不合理的，哪些需求是必须要实现的，最终在讨论结束后确定系统成品当中所要呈现的各项功能。在开发前只有预先评估系统各项功能的开发，才能保证在系统开发和实施之后能够有一个强健的功能体系。如果您在开发前不进行需求的分析，在开发过程当中，很可能因为某些不可能完成的功能而浪费大量的开发时间，影响系统其他功能的开发进程，这样开发的系统很有可能因为工期不足而导致存在功能不合格的风险性，进而导致系统开发失败。经过分析之后，在系统功能上我决定主要实现的功能有一下几点：客户端功能需求:（1）用户可以通过本系统实现商品购买的操作，同时应在每个商品详情下展示和提供发布商品评价的功能；（2）能够根据关键字查找商品，并且可根据商品类型查找相关商品；（3）商品收藏功能，主要用于用户收藏心仪的商品以便后期购买时能够快速找到；（4）能够实现将商品加入到购物车当中，并且可对购物车内的商品进行删除与下单操作;（5）用户可查看自身购买商品的历史记录；（6）用户可修改个人信息，以及对收货地址的编辑管理；（7）用户可向客服经行问题反馈，客服可对用户提出的问题进行回答；（8）用户可以查看管理员发布的商品资讯信息。管理员服务端功能需求:（1）可以修改自身密码；（2）可对用户的存储信息进行增删改查；（3）可对商品种类进行增删改查；（4）可对商品信息进行编辑管理；（5）可对系统平台经行管理，管理内容包括对平台首页轮播图的管理，商品资讯信息的管理以及对于客服对话的管理；（6）可对商品订单信息进行管理。系统设计总体设计对于基于Vue框架的电子商城购物平台的整体概要设计大体包括：对于购物平台的详细分析、数据库（MySQL）的数据结构设计、系统操作流程设计等，在面对系统传递给我们的错误信息时，我们应当及时对其进行捕获，并快速的做出处理响应，以此达到快速解决的目的。基于Vue框架的电子商城购物平台用户所使用的部分，将依托于当前广泛普及微信当中的微信小程序进行使用。而管理员端则是基于pc端浏览器使用。（1）管理员模块实现的模块功能主要有:管理员个人中心用于管理自己的信息、用户各种信息的管理、对于商品种类的管理、商品相关信息的管理、订单的管理以及对系统的管理这几个，管理人员通过选择对应的功能导肮跳转至响应处理页面进行所需的数据管理操作。用户模块实现的功能模块主要有：首页、商品信息、商品咨询、我的等功能，用户可通过页面下方的tabBar实现快速的模块页面跳转。上述功能，最低限度的满足了市场上对于购物平台的要求，但要想完成市场上线，仍需要不断地在功能上进行添加，并且需要对系统的性能和安全进行更加深层次的优化处理，目前系统各模块间的关系如下图所示：图4-1用户功能模块图详细设计用户登录流程系统安全性的第一关就是验证使用者是否为本平台的注册用户，用户实现购物，就必须要先通过系统登录界面登录到系统平台之上，登录方式为：在登录界面输入用户名和密码，向系统平台出示自己的用户身份，系统在获取信息后，将信息与后台数据库进行比对校验，若确认到用户存在并且密码正确无误后，接着向用户返回一个独一无二的用于记录登录人陆状态的token令牌，并对登录后的用户进行登录状态记录，之后用户在平台上的各种数据操作都将被平台准确的记录到用户在数据库中对应的用户名义之下。但是若用户提交的用户信息不存在或密码错误，则系统平台将会向用户发出提醒，用户在此情况下需要重新提供正确的登录信息。若用户未在系统平台进行果注册活动，则用户需先进行注册才能登录平台享受平台的各种服务如图4-2所示。图4-2登录操作流程购物流程对于电子商城购物平台，最重要的功能就是用户下单购物的功能，用户根据需求查询浏览商品，当用户选定商品后在平台进行下单操作，用户若不想立即购买，可先将商品添加至购物车当中，最后一起进行下单，其流程正如图4-3当中所示。图4-3购物流程信息删除流程不管是用户还是管理员，在平台上的各种数据操作，本质上就是对数据库中的数据进行相应的增删改查操作，当用户或是管理员进行入到各自的操作界面当中之后，若用户执行的是查询数据或是向数据库当中增加数据，则系统并不会对其做出过多的检测提醒，但当用户执行的修改数据库中的明细信息或是删除某些信息时，在实现具体操作前，由于数据当中数据覆盖的不可逆性，为防止用户误操作而导致数据无法恢复，系统平台应对这类操作进行检测提醒，在获取到用户的许可后在进行后续操作，以此保证用户数据的安全，其流程如图4-4所示。图4-4信息删除流程图数据库设计正如我之前所阐述的个人观点，数据是非常重要的，因此设计一个安全可靠的数据库表结构就显得尤为重要，数据库表结构设计的好坏将会直接作用影响到系统平台开发的难易程度。在创建数据库表时的第一步要抽取数据特点，形成数据表中的各种属性字段，进而根据各个表之间的关系建立联系，以此来组建完整的数据实体。数据库概念模型设计数据库可以说是系统的灵魂所在，系统的各项操作都是建立在对于数据的管理之上。一个系统即便功能做的的再好，若没有数据结构良好的数据库表结构做支撑将毫无用处，因此构建数据库是系统开发过程中十分重要的一步，而数据库构建上的问题主要在于对数据结构以及数据与数据之间关联关系的确认，确定好一个系统开发所欲要构建的表数量和对于结构公式的创建。考虑到通过代码行进行性数据库操作的繁琐行和查看的不便性，我们可以使用数据库可视化工具，通过界面菜单式操作对数据库表结构进行搭建和测试数据的快速输入，常用的可视化管理软件有Navicat、SQLBuddy、phpMyAdmin等。数据库中概念模型的设计其目的性是为了将现实世界当中的数据进行抽象化，对信息世界进行数据建模。在数据库概念模型设计的过程中，我们可以通过使用E-R图，通过E-R图帮助我们快速分析拆分现实世界中的数据组成成分。通过构建E-R图，可以使我们直观的看出系统当中实体之间所存在的必然联系。下面将对部分实体进行E-R图化：（1）用户管理E-R图，如图4-5所示：图4-5用户管理E-R图（2）商品信息管理E-R图如图4-6中所示：图4-6商品分类信息管理E-R图数据库逻辑模型设计对于数据库逻辑模型的设计简单来说就是将我们在数据概念设计阶段所设计的实体-关系图转化为系统使用数据库所支持的代码逻辑语言，将图形信息转化为具体的逻辑代码，通过代码命令，在数据库当中建立对应的表结构和表关系。根据系统所使用的MySQL的建表特点，结合实际的数据实体，设计创建系统平台所用到的数据表结构，由于本电子商城购物平台的功能较为简单，因而表结构也比较清晰，如下表所示：表4-1商品分类表属性名数据类型长度归定约束idint12NOTNULLuserNamevarchar20DEFAULTNULL

\o"添加到收藏夹"classificationvarchar50DEFAULTNULLstructurevarchar50DEFAULTNULL表4-2商品信息表属性名数据类型长度规定约束idint12NOTNULLaddTimevarchar50DEFAULTNULLtradeNnamevarchar50DEFAULTNULLclassificationvarchar50DEFAULTNULLavatarvarchar50DEFAULTNULLLbrandvarchar50DEFAULTNULLLspecificationsvarchar50DEFAULTNULLproductDetailsvarchar50DEFAULTNULLclickTimevarchar50DEFAULTNULL表4-3用户表属性名数据类型长度规定约束idint12NOTNULLaddTimevarchar50DEFAULTNULLuserNamevarchar20DEFAULTNULLpassWdvarchar50DEFAULTNULLfullNamevarchar50DEFAULTNULLgendervarchar50DEFAULTNULLheadAvatarvarchar50DEFAULTNULLphonevarchar50DEFAULTNULLmoneyvarchar50DEFAULTNULL系统实现用户客户端功能实现（1）注册：与各大系统平台一样，一个平台要想获得自己的用户，必须为用户提供一个注册成为平台用户的入口，用户通过这个入口，在表单当中输入注册所需的各种信息之后，平台根据用户提供的数据在系统后台数据库的对应表结构当中添加数据，使用户成为平台的使用方，注册页效果展示如图5-1当中所示。图5-1用户注册页核心接口代码：@IgnoreAuth@PostMapping(value="/register")publicRregister(@RequestBodyUserEntityuser){if(userService.selectOne(newEntityWrapper<UserEntity>().eq("userName",user.getUsername()))!=null){returnR.error("用户已存在");}userService.insert(user);returnR.ok();}（2）登录：用户到达登录页面后，输入注册的账号、密码，系统对用户提供的注册信息当中的用户名和密码进行验证后，给出验证结果，正确则进入系统，错误则留在当前页，登录效果页如图5-2所示。图5-2用户登录页核心接口代码：@IgnoreAuth@PostMapping(value="/login")publicRlogin(StringuNe,StringpWd,Stringcaptcha,HttpServletRequestrequest){UserEntityuser=userService.selectOne()newEntityWrapper<UserEntity>().eq("userName",uNe));if(user==null||!user.getPassword().equals(pWd){ returnR.error("账号或密码错误");}Stringtk=tokenService.generateToken(user.getId(),uNe,"users",user.getRole());returnR.ok().put("token",tk);}（3）首页：在系统首页当中，我们可以查看到内容有：推荐商品的信息，在首页下方提供了四个模块的跳转按钮分别指向的位置是平台的首页、平台销售的商品信息列表、商品活动资讯信息以及用户个人中心，如图5-3所示。图5-3首页界面图核心代码：res=awaitthis.$api.recommend('shangpinxinxi',1,6);this.shangpinxinxilist=res.data.list（4）商品信息页：用户进入商品信息页面之后可以查看的内容有：商品名称、种类、商品图、商品所属品牌信息、商品的规格与价格等信息，在此页面中提供了两种购买商品的方式，一种是将商品加入到购物车中，之后在购物车中完成购买；另一种是点击立即购买，如图5-4所示。图5-4商品信息界面图核心代码：//添加评论onCommentTap(){ this.$utils.jump(`../discussshangpinxinxi/add-or-update?refid=${this.id}`)},（5）个人中心：用户进入“我的”页面后，可以使用“我的收藏管理”、“用户充值”、“客服”、“购物车”、“我的订单”等服务功能，如图5-5、图5-1-6所示。图5-5我的界面图（6）购物车：用户进入购物车页面可以查看在浏览商品过程中添加到购物车中的商品信息，用户可对要购买的商品进行购买数量的选择，在勾选择要购买的商品，确定好购买数量后，即可通过“立即下单”按钮实现商品的下单操作，效果图如图5-6中所示。图5-6购物车页核心接口代码：@RequestMapping("/query")publicRquery(CartEntitycart){EntityWrapper<CartEntity>entityWrapper=newEntityWrapper<CartEntity>(); entityWrapper.allEq(MPUtil.allEQMapPre(cart,"cart")); CartViewcartView=cartService.selectView(entityWrapper); returnR.ok("购物车列表查询成功").put("data",cartView);}（7）个人信息：用户进入用户信息页面后可以对自己的个人信息如用户名、密码、姓名、性别、头像、联系电话等信息进行编辑保存处理，并且可退出当前登录，效果如图5-7中所示。图5-7用户信息页核心代码：lettb=uni.getStorageSync("nowTable");awaitthis.$api.update(tb,this.ruleForm);管理员服务端功能实现登录界面：实际效果与客户端的登录类似，管理员在输入自身管理账号和密码后，再选择管理员身份后，通过调用登录接口将登录信息从浏览器传递至后台服务器进行登录验证，对管理员提交的账号和密码进行匹配验证，若验证正确则直接进入系统，之后管理员就通过选择左侧菜单栏跳转指定数据维护页完成相应的数据维护，登录界面效果如图5-8中所示。图5-8管理员登录主页核心接口代码：@IgnoreAuth@PostMapping(value="/login")publicRlogin(StringuNe,StringpWd,Stringcaptcha,HttpServletRequestrequest){ UserEntityuser=userService.selectOne(newEntityWrapper<UserEntity>().eq("userName",uNe)); if(user==null||!user.getPassword().equals(pWd)){ returnR.error("账号或密码不正确"); } Stringtk=tokenService.generateToken(user.getId(),uNe,"users",user.getRole()); returnR.ok().put("token",tk);}用户管理：当管理员登录到系统之后，管理员凭借着左侧的“用户管”菜单，即可进入到用于管理用户信息的页面。页面当中能够展示目前所有在平台进行过注册的用户的用户名、姓名、性别、头像、联系电话等个人信息，并且管理员可在这些信息当中任意选择某个用户的信息查看、修改、删除等维护操作，其页面效果就如图5-9中所示。图5-9用户管理页核心代码：this.$http({url:`yonghu/${this.ruleForm.id?"update":"save"}`,method:"POST",data:{..this.ruleForm}//解构去壳})（3）商品种类管理：管理员可通过点击左侧菜单栏当中的商品分类管理进入用于管理商品种类的页面，之后管理员及可以查看当前所有商品的一个分类情况，并可对商品的分类进行增删改查操作，效果如图5-10中示。图5-10商品种类管理页核心代码：this.$http({url:`shangpinfenlei/${this.ruleForm.id?"update":"save"}`,method:"POST",data:{..this.ruleForm}//解构去壳})（4）商品信息管理：管理员通过左侧任务导航进入商品信息管理界面之后，管理员就可以查看到所有商品的名称、种类、商品图、商品所属品牌信息、商品的规格与价格等信息，并对商品详情进行编辑与修改，管理员还可以查看用户对商品的评论，如图5-11所示。图5-11商品信息管理页核心代码：this.$http({url:`shangpinxinxi/${this.ruleForm.id?"update":"save"}`,method:"POST",data:{..this.ruleForm}//解构去壳})（5）系统首页轮播图管理：该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，此外在上传成功之后，亦可对上传的图片进行修改或删除，效果如图5-12中所示。图5-12轮播图管理页核心代码：this.$http({url:`config/${this.ruleForm.id?"update":"save"}`,method:POST",data:{..this.ruleForm}//解构去壳})（6）商品咨询信息管理：管理员通过左侧任务导航进入到商品的资讯界面后，可对商品发布的咨询信息进行相应个管理操作，如图5-13所示。图5-13商品资讯页核心代码：this.$http({url:`news/${this.ruleForm.id?"update":"save"}`,method:"POST",data:{..this.ruleForm}//解构去壳})（7）客服信息管理：管理员通过左侧任务导航进入到客服管理界面，管理员可以查看到用户通过客户端所提交的消息问题，管理员可对其进行消息回复，如图5-14所示。图5-14客服管理页核心代码：this.$http({url:this.$api.chatsave,method:"POST",data:this.ruleForm})（8）订单管理：管理员通过左侧任务导航进入到订单管理界面之后，管理员就可以查看到与各种商品有关的商品订单信息，其中包含：订单的编号、订单当中包含商品的名称、商品图、各种商品的购买数量、价格/积分、折扣价格、总价格/总积分、折扣后的应付价格、支付的类型、订单当前所处状态、收货地址等信息，管理员可实现对指定的订单进行发货或者删除的操作，效果如图5-15中所示。图5-15订单管理页核心代码：this.$http({url:`orders/${this.ruleForm.id?"update":"save"}`,method:"POST",data:{..this.ruleForm}})系统测试测试目的在系统开发行业，程序在设计和实现过程中不可能保证没有任何的错误和风险，在开发过程中，由于各种软件硬件等各方面因素的影响，免不了会产生这样那样的错误，虽然我们无法控制错误的产生，但为了能够使用，我们就要在发现问题的同时，将其解决避免错误一直停留在系统当中，进而造成无法估量的后果，例如：系统崩溃、信息泄露、数据处理错误等。为了能够找出系统中所隐藏的各种问题，我们就需要对系统平台进行全面的检测，通过检测来发现这些问题，纠正它们，保证系统的稳定，在解决系统中的问题时，往往会面临这样一个情况，即在解决某个问题后，经过一轮新的测试后，之前没问题的部分可能会因为某个问题的解决而引发新的问题，因此系统测试是既耗时又费力的工作。在系统测试过程中，我们应当像开发系统一样，按照软件工程的开发准则，遵守软件开发的各项规定，目前在我国国内，在软件测试方面经过了几年的长时间积累，目前已具有大量的测试经验和测试方法，开发者可凭借这些成熟的测试经验对自己的研发成果进行自测，对于测试过程中所发现的问题我们应当及时响应处理，从而不断的对项目进行完善与优化。功能测试在对系统平台进行功能测试时，我们要先明确一个问题，那就是功能最终是要交由用户使用的，所以当我们测试的时候应当站在用户的角度考虑系统功能是否合理，并对系统进行多用户操作比对测试，只要所用用户在使用过程中没有对系统操作和数据显示抱有不满，之后只要保证系统在用户执行某项功能后返回的数据准确无误后，我们就可已认为这是一个良好的功能，之后我们就可以在此基础上对系统进行性能上的优化。测试分析在对系统进行质量评估的过程中，评估的重点不应该局限于系统的编码质量，应该与系统开发过程中的时间、软硬件、人员等资源的消耗相结合，全方面的进行评估。软件测试遵循原则：(1)对于系统的开发测试，易早不易晚，因为测试不是一蹴而就的，在每次测试结束后，由于受限于系统开发的不可预测性，某些功能虽在本次测试之中并没有展现出任何问题，但在修改其他部分的系统问题时，可能就会导致其出现问题，因此对于系统的测试，应当贯串系统的整个开发与设计流程。在发现问题后应当立即提出并对其进行立即处理，以免对后续开发造成影响，造成开发时间的比必要浪费。(2)在系统个阶段测试结束后，应当将测试过程中所使用的测试计划、测试报告等进行妥善的处理与保存，以便与在后期维护当中能够快速准确的定位到问题的所在。(3)对于系统模块的测试，我们应遵循一个原则，那就是自己参与开发的模块应当交由其他开发人员或者是专业的测试人员进行测试，以确保测试客观有效。(4)最后还要对整个测试记录从头到尾进行一遍综合排查，防止遗漏问题而导致系统漏洞的产生。测试结果通过测试，系统平台可以正常访问，客户端在编译成微信小程序后仍能正常使用，各功能模块，达到系统设计的预期要求，基本可以满足用户的购物需求以及管理员对于用户信息、商品信息的管理需求，不足之处在于页面的展示效果较为简单，无法给用户带来极致的体验，性能优化方面仍然存在某些不足，需要通过后续的学习，以此来提高自己的技术水平，进而实现对系统的进一步优化。结论在本次系统平台开发过程当中，前期我花费了大量的时间去了解系统的开发流程，对开发过程中的注意事项进行了总结归纳，在了解开发流程之后，就着手开始对相关技术的进行系统的学习，最终通过学习完成了本系统的设计。在学习过程中，我发现了自己的不足之处，为了弥补自己的不足，我查阅了大量的相关资料与书籍，与同学进行了相关知识的讨论，从而掌握了开发所需的各项相关技术，充实了自己的知识储备。在系统开发过程中，每当遇到问题时，我的攻克方式主要是通过浏览相关技术网站、贴吧、论坛等学术集中地，再结合导师的指导，