基于微信小程序的电子购物系统的设计与实现

由于APP软件在开发以及运营上面所需成本较高，而用户手机需要安装各种APP软件，因此占用用户过多的手机存储空间，导致用户手机运行缓慢，体验度比较差，进而导致用户会卸载非必要的APP，倒逼管理者必须改变运营策略。随着微信小程序的出现，解决了用户非独立APP不可访问内容的痛点，所以很多APP软件都转向微信小程序。本次课题就运用了微信小程序技术开发一个基于微信小程序的电子购物系统。

基于微信小程序的电子购物系统是在MySQL中建立数据表保存信息，运用微信开发者工具开发。并按照软件设计开发流程进行设计实现。系统具备友好性且功能完善。管理员管理不同状态的订单，管理商品和用户，审核订单评价。用户收藏商品，订购商品，管理个人订单，联系客服，在线充值。

总之，基于微信小程序的电子购物系统可以更加方便用户在线查看商品，购买所需商品，管理个人购买订单。

关键词：基于微信小程序的电子购物系统；MySQL；微信开发者工具

选题背景

随着移动互联形式的不断发展，各行各业都在摸索移动互联对本行业的改变，不断的尝试开发出适合于本行业或者本公司的APP。但是这样一来用户的手机上就需要安装各种软件，但是APP作为一个只为某个公司服务的一个软件，是一种闭环的生态，从用户获取和保持用户的粘性都变成了一个难题，并且在维护上面也需要考虑成本，慢慢的变成了不开发APP跟不上潮流，开发APP则运营上面步履维艰。如何获取一个新的客户来源通道以及转换通道，变成了管理者都需要面对的一个问题。如何让一个用户从已经习惯的应用里跳转到希望用户访问的应用里，这是一个问题，而微信小程序就解决了这样的难题。微信拥有庞大的用户基础，可以不用更换APP直接在微信上就可以访问用户想要访问的资源。因此微信小程序相对于APP来讲更受欢迎，本次课题就运用了微信小程序技术开发一个基于微信小程序的电子购物系统。

选题意义

背靠微信庞大用户群体的微信小程序，变成了当前解决用户访问应用程序入口方案的一种选择，用户的手机里面只要有微信，不需要安装新的软件，就可以直接访问指定目标，获取指定内容，解决了管理者的痛点，并且微信作为一个聊天工具，在微信里有支持的各种各样的生活服务，也为微信的用户提供了粘性，微信小程序不管是针对用户或者管理者都是一个双赢的存在。目前，传统电商及零售行业因为小程序的出现而获得了新生。本次课题针对用户网络购物，借助于微信小程序这样的平台，可以更加方便用户在线查看商品，购买所需商品，管理个人购买订单。

研究内容

按照设计开发一个系统的常用流程来描述系统，可以把系统分成分析阶段，设计阶段，实现阶段，测试阶段。所以在编写系统的说明文档时，根据系统所处的阶段来描述系统的内容。

绪论：这是对选题的背景，意义等内容做出介绍。

系统开发技术：这是对系统即将使用的技术，包括使用的工具等做出介绍。

系统分析：这是对系统做出分析，包括投资前期必备的可行性分析，包括对用户调研获取的需求，包括系统运行具备的性能等内容做出介绍。

系统设计：这是对系统进行设计，包括运用绘图工具设计的系统功能结构，包括设计的在数据库中要创建的数据表的存储结构等内容做出介绍。

系统实现：这是对系统进行编码实现。包括实现的系统各个模块的运行效果等内容做出介绍。

系统测试：这是对编制的系统进行测试。包括功能的测试等内容做出介绍。

系统功能分析

在明确系统的用途，以及系统的目标用户群后，可以对本系统的功能进行设置，可以获取调研用户对功能的要求，也可以对市场上同类系统进行分析和总结，得出本系统的功能。

基于微信小程序的电子购物系统设置了管理员权限，其用例图见下图。管理员管理不同状态的订单，管理商品和用户，审核订单评价。

基于微信小程序的电子购物系统设置了用户权限，其用例图见下图。用户收藏商品，订购商品，管理个人订单，联系客服，在线充值。

功能模块设计

前面所做的功能分析，只是本系统的一个大概功能，这部分需要在此基础上进行各个模块的详细设计。

设计的管理员的详细功能见下图，管理员管理不同状态的订单，管理商品和用户，审核订单评价。

设计的用户的详细功能见下图，用户收藏商品，订购商品，管理个人订单，联系客服，在线充值。

管理员功能实现

用户功能实现

商品信息

用户权限中的商品信息，其运行效果见下图。用户在本页面可以收藏商品，可以订购商品，或把本页面的商品加入购物车。

本系统包含微信小程序前台和Java做的后台管理系统，该后台采用前后台前后分离的形式使用Java+VUE

技术路线

开发语言：Java、小程序

前端技术：JavaScript、VUE.js（2.X）、css3

后端框架：ssm

JDK版本：JDK1.8

服务器：tomcat9

数据库：mysql 5.7

数据库工具：Navicat11

开发软件：eclipse/myeclipse/idea

浏览器：谷歌浏览器

小程序运行软件：微信开发者