基于微信小程序的购物商城的设计与实现
摘 要
随着信息技术的发展和用户消费的升级，传统超市、电子商务在线促销和购物体验都遇到了瓶颈。无人超市已经加入了消费者购物行为的高科技体验，但有了这种酷炫的黑色科技体验，也就有了高额的店铺成本投资和维护，如果社会普遍复制这种模式，技术和成本门槛就会更高。为传统的在线商户开发更广泛的应用程序，为消费者提供多功能和方便。微信applet“触手可及”，非常适合人们生活中重要的低频需求。与原APP相比，更适合快速提升线下需求。本文以传统社区便利店的购物方式为出发点，结合微信小程序技术，采用面向对象的开发方法，开发出一套方便快捷的微信小程序购物系统，可以方便消费者进行线下促销和在线购物。
本系统主要由微信applet客户端、服务器和数据管理终端组成。服务器采用ThinkPHP5框架技术，客户端使用微信applet的MINA框架，数据管理终端采用CMS的框架。客户机的页面实现通过网络和服务器REST API接口获取MySQL。
主要从事微信小程序网上购物系统客户端、服务器和数据库的设计、开发和测试。
在系统的设计和实现过程中，对客户端代码进行了MVC模式的设计控制。该模板用于提高代码的可重用性，创建了客户端用户的令牌管理机制，用于用户身份验证和权限分级。本文重点研究了小程序购物系统客户端产品信息显示、产品分类、购物车、订单支付、个人信息管理和数据库设计六个模块的设计与实现过程。
关键词：微信小程序网上购物；AJAX语言；Browse/server体系构成
DESIGN AND IMPLEMENTATION OF ONLINE MALL
ABSTRACT
With the development of information technology and the upgrading of user consumption, traditional supermarkets, e-commerce online promotion and shopping experience have encountered bottlenecks. Unmanned supermarkets have joined the high-tech experience of consumer shopping behavior, but with this cool black technology experience, there is a high amount of store cost investment and maintenance, if the society generally replicates this model, technology and The cost threshold will be higher. Develop a wider range of applications for traditional online merchants, providing consumers with versatility and convenience. The WeChat applet is “at your fingertips” and is ideal for the low frequency needs of people in their lives. Compared with the original APP, it is more suitable for quickly improving offline demand. This article takes the shopping method of traditional community convenience store as the starting point, combines WeChat small program technology, adopts object-oriented development method, and develops a convenient and fast WeChat applet shopping system, which can facilitate consumers to carry out offline promotion and online shopping.
The system is mainly composed of WeChat applet client, server and data management terminal. The server adopts the ThinkPHP5 framework technology, the client uses the MINA framework of the WeChat applet, and the data management terminal adopts the CMS framework. The client's page implementation gets MySQL through the web and server REST API interfaces.
Mainly engaged in the design, development and testing of online shopping system clients, servers and databases.
In the design and implementation process of the system, the design and control of the MVC mode is performed on the client code. This template is used to improve code reusability and creates a token management mechanism for client users for user authentication and permission grading. This paper focuses on the design and implementation process of the six modules of the small program shopping system client product information display, product classification, shopping cart, order payment, personal information management and database design.
Key words: Online shopping; WeChat small program; Browse/server system composition
目录
第一章 绪论
1.1 项目研究的背景和意义
1.2国内研究现状分析
1.3 论文的主要研究工作
第二章 系统相关技术研究
2.1 可行性研究
2.2 系统需求分析
第三章 微信小程序网上购物数据库设计
3.1 数据表的设计
3.2 数据库信息的保护
第四章 微信小程序网上购物系统总体设计
4.1 系统总体构成设计
4.2 系统界面设计
4.3 系统功能模块设计
第五章微信小程序网上购物微信小程序的详细设计
5.1 用户操作界面的详细设计
5.2 界面设计使用的元素
第六章 微信小程序网上购物系统的测试
6.1 系统测试概述
6.2 系统测试规则
6.3 系统测试方式
结论
参考文献
第一章 绪论
基于微信applet的微信小程序网上购物系统是O2O、电子商务和微信applet的共同产物。它集成了微信applet开发、ThinkPHP5服务器开发、数据库、网络等多种流行技术。消费者只需扫一扫小程序代码就可以快速获取商店和产品信息，方便用户随时随地购买商品。小程序购物客户端的加入为电子商务的发展增添了新的活力。
1.1项目研究的背景和意义
近年来随着我国网络基础设施的不断完善，信息技术和第三方支付工具的不断发展微信小程序网上购物的普及，已经成为人们生活的重要组成部分。基于PC平台的购物系统，让人们足不出户就能享受购物的乐趣。基于手机的微信小程序网上购物使便携式终端便携化，使公众可以随时随地购买自己喜爱的产品。社区导向购物模式的产生O2O将线下商业机会与互联网相结合，使互联网成为线下交易的平台。这个购买物资系统是以互联网为基础，以社区为基本单元，充分利用社区的信息基础设施，将社区的小型实体店与网上商城相结合的一种新型电子商务模式。突破。更多的强调线上是为了满足消费者的便捷性和会员互动营销的需要，以及实体店的分流。线下更加便捷，为用户提供更加便捷的现代智能购物体验服务。
同时，在信息技术、消费升级、竞争态势等诸多因素的推动下，中国零售业迎来了新的变革机遇，即“线上+线下+物流”的“新零售”。致力于推动线上线下一体化进程，推动价格消费时代向价值消费时代的全面转型。技术的核心是实现全面接入以消费者为中心的会员、支付、库存、服务等方面。促进消费者购物体验的提升，促进消费者购物方式的转变。
新零售发展的核心是客户满足特定购物场景的需求。在客户信息化、技术和移动互联网的趋势下，快速购物、快速配送、快速销售的购物方式受到用户的青睐。然而，对于传统零售业来说，为线下商店提供便捷的微信小程序网上购物渠道是提升顾客体验、提高零售效率的重要途径。为此，近年来，国内外零售商普遍提供线上和线下的社区购买组合。
在主流的微信小程序网上购物系统中，主要有pc端购物系统、APP购物系统和依赖第三方应用的购物门户。2017年初，微信applet正式推出，进一步激活了微信生态系统。最大的功能微信applet与本地应用是用户不需要下载和安装,并可以扫描代码或搜索一个小程序,可以看到基于微信,一个现成的轻量级applet更好的线下服务的平台 。
1.2 国内研究现状分析
近几年来，随着互联网的高速发展，移动互联网以及手机支付的普及给人们的生活带来了翻天覆地的变化。电子商务伴随着互联网的快速发展也在更新改变，从电脑 PC端到手机移动端的智能化应用普及，使得人们的生活更加依赖于手机，基于淘宝、京东等的大型 APP 购物系统在人们生活中的使用频率越来越高，人们在这些大型的购物 APP上可以买到全国各地乃至全球各地的商品，方便了人们生活，加速了商品的流通效率。但随着网络购物模式和范围的不断扩大，传统的电子商务的瓶颈也日益显现，比如物流时间的相对滞后和“最后一公里”的配送问题，用户收到实物与网上产品介绍相差很大的问题，售后维权顾客要自己付高额邮费等问题。这些问题降低了用户的购物体验。
新零售的出现将微信小程序网上购物的范围缩小，着眼于线上线下购物相结合的方式，为用户打造更可靠、高品质的购物服务，这为线下的大型商超的发展带来了新的活力与机遇。伴随着移动互联网的发展，购物方式变得更加移动化、便捷化，注重线上购物与线下购物的结合的社交性，借助于社交平台的购物模式应运而生。微信作为国内最大的社交平台，目前微信的月活跃用户量达十亿，微信已变成人们生活和交往的重要组成部分。微信于 2012 年 8 月推出的微信公众平台，发展至今不仅形成了获取用户流量的新媒体渠道，也促使了基于微信公众号的生活服务平台的成长，其中“美丽说”、“京东商城团购”等通过微信平台运营大大增加了用户量。这些案例的成功表明了微信借助其社交性质可以很好的联通其他生活服务。2017 年 1 月 9 日微信正式发布了微信小程序，张小龙将小程序定位为一款即用即走的轻量级应用。小程序作为一款区别于 PC 端和
APP 端的新物种，借助于微信的海量用户，更适合于连接线下用户。对于中小型的传统线下零售行业，在新零售电子商务的第二次冲击下，小程序定位为其参与到这场变革提供了重要的技术驱动力。
1.3论文的主要研究工作
本文研究的购物系统主要是针对社区居民的在线购物系统。结合社区小型实体店的新型零售，实现覆盖周边地区的线上线下销售模式，拓展销售渠道。该系统由后台服务器、微信applet购物客户端和数据管理系统组成。由于系统中有很多系统模块，本文的主要工作是设计和实现微信applet客户端与后台服务的交互以及数据库设计。结合微信applet技术的购物系统旨在将联通社区商店的线上和线下购物方式结合起来。用户可以到商店购买商品，亲自检查产品的外观和质量，然后满意后购买并离开。如果用户是在商店购物不方便,用户还可以获得微信applet的商店,并通过小程序购买微信小程序网上购物购物系统客户端,完成整个购物流程的浏览产品,将产品添加到购物车,订单和结算,和用户帐户信息,可以修改送货地址,订单信息可以在小程序购物系统的个人信息管理页面上查看。
根据以上要求，整个微信applet购物系统项目采用B2C架构，开发方法采用服务器、客户端和数据管理的架构模式。服务器使用ThinkPHP5和MySQL。
构建REST API;客户端实现微信applet，通过向服务器API发送http通信请求，获取函数通信数据;数据管理系统作为管理人员或操作人员的数据管理后台，并传递给服务器。请求数据来管理产品信息、订单数据和状态。
本文的主要工作是在微信applet购物客户端系统中获取用户信息，产品信息(包括广告产品、特殊产品、新品如商品)，产品分类检索，购物车功能，订单支付功能。、个人信息管理功能(电话、地址管理等)、订单管理功能等。本文重点研究了商品信息显示模块、商品分类检索模块、购物车模块、订单支付模块、个人信息管理模块和数据库设计六个模块的设计与实现。
第二章 系统相关技术研究
2.1 微信小程序
微信applet是一种连接用户和服务的新方法。这个小程序为用户提供了一种轻量级的服务，您只需动动手指就可以使用它。主要体现在用户获取小程序、使用小程序的服务理念上。用户可以扫描与小程序代码关联的在线或公共号码来获得applet应用程序，也可以在微信发现页面上搜索小程序。由于小程序的整个文件占用很小的内存空间，所以用户下载并安装小程序。它几乎是听不清的，所以从用户那里得到applet到点击开始是非常快的。小程序的多入口接入和生命终结体验，降低了设备传播和获取用户的成本，可以实现原生APP的基本功能，更适合商店线下生活服务类和非急需的低频。应用程序。MINA框架是微信团队为小型程序开发提供的框架名称。MINA框架通过封装微信客户机提供的文件系统、网络通信、任务管理和数据安全的基本功能，为上层提供了一组PHPScript api。使用微信客户机提供的各种基本功能和功能快速构建应用程序非常方便。简而言之，MINA实际上是一组工具的集合，使开发微信applet变得很容易。
框架提供了自己的特定于视图层的描述语言WXML、WXSS和基于PHPscript的逻辑层，并提供了视图层和逻辑层之间的数据传输和事件机制。这种数据传输和事件机制是一个响应用户交互的数据绑定系统，使得数据和视图保持同步非常简单。当您需要更新页面数据时，您只需要调用逻辑层的相应方法将结果返回给视图层。
2.2 系统功能总体功能分析
在分析网购和购物基本需求的基础上，对比分析了手机购物app和PC购物微信小程序的主要功能模块。小程序开发与设计的三大原则:从功能上讲，小程序要比原生APP更加单一;applet coin原生app更简洁;在使用场景上，applet应该比原生app更加明确。这个小程序购物系统的主要定位是在线购物渠道，对于传统的面向社区的小商店来说，在线购物渠道易于传播和使用。基于小程序的主要定位，小程序应该与线下商店相结合，为用户提供更清晰的主题。购物服务将与购物无关的不必要的功能模块最小化，为用户提供方便快捷的使用体验。根据上述分析,小程序购物系统的业务逻辑模块分为用户登录、产品信息显示、分类检索产品,购物车,订单付款、个人信息管理功能模块,整个系统功能模块如下图所示,本章详细需求分析将为每个功能模块执行。
当用户获得微信applet时，进入微信applet购物系统的客户端可以浏览到微信applet的每个页面，而不管是否允许用户获取微信头像和昵称信息，主要是在用户浏览时。applet的“主页”触发用户查看项目的能力。主要为用户浏览广告产品、浏览特殊产品、浏览新产品。
图 2.2 用户浏览商品用例图
(1)无论用户是否获得了微信头像或昵称信息或完善了个人信息，用户都有权浏览产品。
(2)当用户进入微信applet的“Home”页面时，可以浏览页面顶部的广告产品、三个主题产品栏以及最新的新产品。主题产品栏可以转移到特殊的产品详情页面，显示一组相同主题的产品矩阵显示。
(3)广告产品可以以横幅广告的形式实现，在页面的开头自动滚动。
(4)用户可以通过页面上的手动下拉操作获取最新的产品信息。产品明细内容包括产品图片、产品名称、产品数量、产品价格、产品库存状态、产品参数、详细产品图片显示等，用户可以在产品明细页面上选择产品数量并添加产品。去购物车。
第三章 微信小程序网上购物数据库设计
该项目分为三个部分:微信applet客户端、服务器和数据管理。它的微信applet客户端部分主要使用微信applet (WXML, WXSS，和它提供的丰富组件，使用MVC设计模式来完成客户端接口和功能集通过实现和实现，客户端可以直接与消费者用户交互，提供流畅的购物体验。服务器端主要采用ThinkPHP5和MySQL构建了一个REST API来为客户端提供数据接口，包括将ThinkPHP5作为服务一个用于服务器开发的外部框架可用于在使用微信applet购物系统浏览产品、添加购物车、下订单等的消费者用户的业务逻辑中实现客户端和数据库数据请求和数据处理。除了本地服务器的支持之外，微信applet的客户端实现的一些功能也需要服务器编写行业的支持。逻辑调用要实现的微信服务器的API接口。MySQL主要发挥数据库的作用，它可以实现数据存储、数据表设计等功能。MySQL数据库与TP5服务器合作，为客户机提供了一个可访问的数据接口。
3.1 微信小程序购物系统的数据库设计
数据库设计是软件系统开发与建设的最基本、最核心的部分。良好的数据库设计可以使系统运行得更快更好。目前，关系数据库是我国中小型系统的主流选择。关系数据库的设计必须有严格的设计规范，有效地组织和维护软件系统中的各类数据，为软件系统的数据需求提供高效、准确的处理速度。在实现这一目标的过程中，数据库的规范设计尤为重要。保持数据存储的一致性和完整性是提高数据存储和处理效率的重要保证之一。在数据库设计中，不仅需要满足数据库的设计标准，还需要结合具体的业务知识来分析系统中不同实体之间的关系，并确定这些实体之间的关系类型。根据小程序购物系统的功能需求分析，本文将根据规范设计的需求，分析设计小程序购物系统的概念结构设计、逻辑结构设计、数据库配置以及数据库设计的实现。
3.2 数据库逻辑结构设计
根据概念结构设计中的 E-R 图进行数据库的规则转换，将 E-R 图实体和实体间的联系转换为关系模式，并确定关系模式中的属性和码。实体中的属性与关系模式中的属性相对应，实体中的码与关系中的码相对应。本系统最后的数据模型以数据表的形式展现，具体说明了数据表中属性名称、主键、含义、约束条件，是否为空等信息，系统中主要的数据库表设计详细如下：
