摘 要

随着电子商务的发展和智能手机的普及，人们对网上商城的需求更为突出，各类网上购物APP也逐渐增多，更多的行业将自己的业务中拓展到网上来，线下面对面的现金交易模式已经越来越不符合社会发展的需要，也赶不上信息化引领企业发展的潮流^[1]。目前市面上已经有许多的网购平台，包括各种购物网站、手机APP等。微信小程序是腾讯推出的依托于微信应用的免下载、免安装的应用程序平台，平台上各种小程序为用户提供多样化的服务，其中就包含有购物小程序。

本文依靠微信小程序平台，设计并实现了一个电子商城微信小程序，包括用户注册、商品分类、商品搜索、购物等功能。在小程序开发的过程中，严格遵守了软件生命周期开发流程，详细介绍了需求分析、系统设计、系统实现以及测试的过程。

通过该电子商城微信小程序，用户可以直接在手机上挑选各类商品、加入购物车、下单结算、线上支付，给用户提供一个方便快捷的购物环境，为用户提供便利的网上购物服务。

关键词：微信小程序，电子商城，网上购物

Abstract

With the development of e-commerce and the popularity of smart phones, people#39;s demand for online shopping malls is more prominent, all kinds of online shopping APP is also gradually increasing, more and more industries will expand their own business to the Internet.

The offline face-to-face cash transaction model has become more and more out of line with the needs of social development, and can not catch up with the trend of information leading the development of enterprises ^[1]. At present, there are many online shopping platforms on the market, including a variety of shopping websites, mobile phone APP and so on. WeChat Mini Program is a download-free, installation-free application platform launched by Tencent based on WeChat apps. Mini Programs provides users with a variety of services, including shopping Mini Programs.

Based on WeChat Mini Program platform, this paper designs and implements an electronic mall WeChat Mini Program, including user registration, commodity classification, commodity search, shopping and other functions. In the process of Mini Programs development, the software life cycle development process is strictly followed, and the requirements analysis, system design, system implementation and testing process are introduced in detail.

Through the electronic mall WeChat Mini Program, users can directly select all kinds of goods on their mobile phones, join shopping carts, issue order settlement, and pay online, so as to provide users with a convenient and fast shopping environment.

To provide users with convenient online shopping services.

Keyword: WeChat Mini Program, online mall, e-commerce

目 录

第1章 绪论 1

1.1 研究背景及意义 1

1.2 国内外研究现状 2

1.3 研究内容 2

1.4 论文组织结构 3

第2章 系统需求分析 4

2.1 功能需求分析 4

2.2 系统用例分析 4

2.3 本章小结 9

第3章 系统设计 10

3.1 总体设计 10

3.2 模块设计 10

3.2.1 首页 10

3.2.2 分类 12

3.2.3 购物车 12

3.2.4 个人中心 14

3.3 数据库设计 16

3.3.1 数据库表种类 16

3.3.2 数据库表详细设计 16

3.4 本章小结 18

第4章 具体实现 19

4.1 首页实现 19

4.2 分类实现 23

4.3 购物车实现 24

4.4 个人中心实现 25

4.5 本章小结 28

第5章 系统测试 29

5.1 测试方法与测试环境 29

5.2 功能测试 29

5.2.1 搜索商品 29

5.2.2 分类检索商品 30

5.2.3 加入购物车 31

5.2.4 付款结账 32

5.2.5 登录 32

5.2.6 绑定手机 33

5.2.7 添加收货地址 33

5.3 集成测试 34

5.4 本章小结 35

第6章 总结与展望 36

6.1总结 36

6.2 课题研究展望 36

参考文献 37

致 谢 39

绪论

研究背景及意义

移动电子商务是电子商务的一大重要部分，移动手机支付的便携性、快捷性是非移动支付无法比拟的。用户在手机、平板上进行购物，足不出户就可以点外卖、购买书籍、购买电影票等，这就是移动电子商务的魅力。传统的线下销售也通过移动电子商务得到改进。例如，用户能够利用“微信支付”、“支付宝”、“QQ钱包”等移动支付方式在商店或者自动售货机上进行购物，省去了付钱找零的麻烦，让用户享受到只要带上手机，出门不带钱也可以消费的便捷生活。如今，我国电子商务平台百花齐放，“淘宝”、“苏宁易购”、“京东”等手机购物软件功能完善，商品齐全，价格实惠。用户可以在手机上浏览商品、手机下单、手机支付，等待商品运送到家，尽享购物便利。

商城微信小程序也是移动电子商务的一种实现形式。微信小程序是腾讯推出的依托于微信应用的免下载、免安装的应用程序，不同的企业、商家都可以在微信小程序平台发布自己的小程序。目前已有150万开发者加入到小程序的开发，小程序应用数量超过100万，覆盖多达200多个细分行业^[1]。不同种类的小程序提供不一样的服务，这其中包含不少有关网上交易的服务，如网上购物、查询公交、点外卖、买电影票等等。

开发一款基于微信小程序的电子商城的意义在于：（1）方便产品销售推广。传统的商店展示是由商店的大小决定的，商品的展示会因为商店太小而受到限制，而电子商城的产品都在网站上面展示，不受空间限制。而且利于微信分享朋友圈的功能进行商城小程序的宣传推广，也是非常快捷有效的。（2）不受地理位置影响。现在很多人没有时间到实体店购物，而电子商城购物在有网络的地方都能进行。（3）延长了营业时间。电子商城的营业时间是24小时全天候，相较于传统商店的8到12个小时的营业时间多了许多。综上，电子商城具有传统商店不可比拟的优点，所以研究开发一款电子商城意义明显，值得一试。

1.2 国内外研究现状

近年来,全球使用移动设备的用户渗透超六成。许多过去的生活方式，在今天有了很大的改变。过去打车要到路边拦车、点外卖要打电话，现在则是通过手机APP或者微信小程序即可完成这些事情。各种各样的打车软件如滴滴、曹操专车和订餐软件美团外卖、饿了么等等极大程度地方便了人们的生活。在国外，也有很多购物平台，比如美国知名的线上零售平台亚马逊电子商务平台，它的商品种类丰富，价格相对优惠，更加方便的购物方式吸引了很多的顾客，取得了巨大的成功。

随着智能手机和移动互联网的出现和普及，移动电子商务发展也十分迅猛， 淘宝、京东商城、苏宁易购、拼多多等众多手机网购app被广大的群众所熟知。同时,京东商城、苏宁易购、拼多多等众多购物软件都有微信小程序端。

拼多多从2015年上线，到2016年用户量突破1亿，再到2018年登陆纳斯达克上市，用了短短三年的时间，从一个刚刚开始的电商到国内第三大电商，取得这样的成就，其新颖的购物模式功不可没。这种购物模式就是拼团购物，用户通过微信分享商品给亲朋好友，多人拼团购买的商品价格比个人单独购买的价格低很多。通过这种模式，顾客可以获得优惠，商家也可以收到更多的订单，薄利多销，从而获得可观的利润。沟通分享型社交购物，成为了拼多多独特的新社交电商模式，微信社交软件在其中起到了中介的作用。

1.3 研究内容

本次研究的目的是设计一款基于微信小程序的电子商城，方便用户利用手机随时随地进行网上购物，用户可以挑选各类商品、加入购物车、下单结算、在线支付等，为用户提供安全、方便、便宜的购物体验。

主要研究内容：

（1）研究微信小程序开发环境及开发语言：开发环境是微信开发者工具，开发语言：①WXML(WeiXin Mark Language，微信标记语言)；②WXSS(WeiXin Style Sheet，微信样式表)；③JS(JavaScript，小程序的主体)

（2）研究微信小程序开发流程：在微信公众平台上注册小程序，完善基本信息，下载微信开发者工具进行编码，通过微信开发者工具提交代码，等待审核，官方审核通过后即可发布。

（3）研究分析电子商场的系统功能，给出具体的整体设计方案，线上交易平台应该包括个人用户端，个人用户端包括用户登录、挑选商品、下单支付、个人中心等。

（4）实现基于微信小程序的电子商场，包括整个电子商场的各用户界面的设计，输入输出的设计，并通过系统集成使整个小程序的基本功能模块融为一个协调的有机整体。

1.4 论文组织结构

第1章 绪论 主要介绍本文研究的背景及意义，本课题相关的国内外研究现状，在此基础上提出本文的设计思想的系统特点，并确定本论文的章节安排。

第2章 系统需求分析 本章节进行了功能需求分析、系统用例分析，最后是本章的小结。

第3章 系统设计 该章节首先进行小程序的总体结构设计，然后对各模块进行设计，包括有首页设计、商品分类页面设计、购物车页面设计、个人中心设计，最后是本章小结。

第4章 具体实现 该章节主要介绍了电子商城微信小程序各个功能的实现，并介绍了相关的系统界面的实现，最后是本章小结。

第5章 系统测试 本章节主要介绍了电子商城微信小程序的测试，主要为功能测试和集成测试，详细介绍了测试用例的设计、测试过程和测试结果。最后是本章小结。

第6章 总结与展望 本章节主要总结了电子商城微信小程序的系统功能实现和性能情况，以及该微信小程序电子商城的优缺点和未来的展望。

第2章 系统需求分析

2.1 功能需求分析

商城小程序界面功能主要包括首页、分类、购物车、个人中心，首页可以浏览特价商品、推荐商品，也可以搜索商品；分类页面可以选择不同商品类别浏览，商品类别有“手机数码”、“家用电器”、“鞋靴箱包”等等；购物车存放用户想要购买的商品，用户购买商品时在购物车进行结算；个人中心可以绑定手机、查看订单、查看收藏商品、添加收货地址。

购物流程如下：顾客在浏览了商品图片、商品介绍、商品价格等商品详情之后，选择中意的商品加入购物车，然后在购物车界面进行结算，填写收货地址址，确认订单之后在线支付，订单就生成了。顾客可以在 “个人中心”界面查看自己的订单。

2.2 系统用例分析

如图2.1所示，本商城小程序实现的功能包含登录、绑定手机、浏览商品、搜索商品、收藏商品、购买商品、付款结账、查看订单等。

图2.1 系统用例图

1. 登录功能:顾客可以通过微信授权登录

表2-1 登录用例

用例名称：	登录
执行者：