1.1 选题背景

坐拥12亿的用户基数[1]的微信可以说是行业龙头，这些年来，传统电商形式的网上购物飞速发展，电商形式的购物以及该融入人们生活当中。而社区团购，则是基于传统电商的基础，新发展出的网购模式，并且十分有前景，适合当下这个时期，发展迅速。社区团购对于传统的电商模式来说，并不是在新的APP上或者PC端网站上进行购物，而是在微信里发展客户，通过每一个微信群里发展一个团长，以家庭为单位，每一户可以在小程序里把想要购买的商品加入购物车，第二天由团长统一配送。为了顺应线上购物的形式以及当下的这样的一个疫情时期，还有每家每户对日常用品的需要和对生鲜产品的刚需，实现便民快捷实惠的社区团购微信小程序是非常有必要的。小程序对于用户最大的优势在于无须安装，用完即走，节省内存，且从微信入口直接下单无需跳转方便快捷，甚至登录信息获取和唤起微信支付都很顺畅，小程序的体验已经几乎接近APP了，很大程度上解放了用户的手机内存，手机内存是有限的，就算有1T的内存，总有用完的时候，所以很多用户都愿意下滑微信使用小程序而不是再下载一个APP，通过小程序来实现自身的需求。至今，很多商家不仅上线了APP，同时APP也与小程序同步，商家逐渐开始拥抱微信小程序。
第二，由于疫情●原因，对于各地·区的影响□□也是十分◆巨大，防疫期间，尽量避免□□□人与人的□□接触是很□□□也必要的，同时也为□□□用户带来✦了极大的□□□便利，既实惠又□□方便，也有助于□□□全民防疫。

三，团购享受◎方便实惠▲的同时，更有折上◇折的优惠，使得商家□□□□的商品方□□□□便别销售，也让用户◢享受到更□□大的优惠。[3]

1.2 研究前身、现状及发展趋势

在整合、微商、移动支付□□□成熟的基□□□础上，2016年湖南长沙□□地区诞生□□□□了第一个△社区团购❖集团。初期阶段，社区团购●的运营模□□式是团长□□□□和微信团□□□购等运营□□商一起推□□广和展示□□□□产品。最常见的□□是接龙拼▲团，通过手动□□□会计的方□□□式记账，预仓库模□□□型出现。货款也由□□团长统一□□□收齐交给※供应商。在这个初□□□□期阶段，社区集体□□□采购库存□□□量有限，经营收入◎难以增加。2017年，微信小程丨序问世。与传统的❖电子商务□□□□网站和APP相比，具有更强□□□的社会属▲性，具有方便□□客户接触、传递共享、内容营销□□□□等特点，迅速成为□□□□电子商务□□的宠儿。小程序的◥发布有利□□于提高交◉易效率的□□□社区团购，对于增加□□□企业采购□□□库存和减□□□轻社会负□□□担，一些企业□□□采购负责□□人的社会◉中心逐渐□□转向小程✦序。2018年，微信小程□□□□序快速发▲展，社区团购□□□□通常使用□□□□小程序作□□□□为主要的◤操作工具。与此同时，微信群、微信支付□□等的成熟，商业集团□□内部的以□□□□微信小程□□序为主的□□社区团购□□在2018年夏天登场，与无人货□□架相比更□□□受资本追□□捧。2019年，由于供应□□□链的脆弱▽性、秋季潮流、资金链断□□□裂等因素，产业开始✦交叉整合，许多平台◈倒闭破产、一体化融□□□□合的社区□□团购退出□□□江湖。从2020年下半年开□□□□始，几乎消失❖的社区团□□□□购将重新□□登场并活◎跃起来。城市先发□□□□制人的产◉品种类繁□□□多，经济发展□□□迅速，已经达到□□上限，收入差距□□□难以找到。此后，主要电子□□商务平台□□开始关注♦市场崩溃，寻找利润。传统的电●子商务平丨台在服装、食品、医药、电器、护理等领□□□域已经具□□□有很高的◢渗透率。但在食品□□□生鲜市场▲领域，渗透率很□□低，发展空间□□□巨大。一旦抢先□□占领了市□□□□场，将优先获▲得一大比□□□□的利润。生鲜的市□□□场领域成□□□为各大型◆电子商务◇平台的竞◤争平台。如今，从百团大□□战到”拼美淘”三分天下，均预示着□□社区团购◎在未来会□□□成为人们◆日常生活□□□□的一部分，至少在疫▲情期间的□□□当下，是一个比♦较安全且□□方便的购□□物方式。

1.3 系统开发意义和目标

本课题主◇要研究目□□□□的有三：其一，在互联网□□与电商盛□□□行的时代□□□里，对当下社□□区团购发□□□展的新情□□□□况进行了□□解是具有□□一定必要□□性的。其二，不断优化□□□商家，提高流量、曝光率、增加用户□□□□的依赖性。其三，从实际出●发，为了让用□□户方便、更实惠地▲体验享受□□□□在家躺着★的同时又□□能进行社□□区购物，提出针对□□□性建议以□□及优化的○方案也是□□□此次设计□□□□的目标。

社区团购✦与传统电◈商相比：社区团购★是在团长□□所在区域□□□范围一公□□□里内，用户以家□□□庭为单位，向团长订□□购所需的※生活必需•品，以团购的□□方式，用更加实◤惠的方式□□□□购买所需□□□□物品。团长会在◢订购的第◤二天将物□□□品送到每□□□□家门口。长是社区□□团购中极▽其重要的□□□□角色，因为团长□□□要负责组◥队，接受订单，收取货款，移动平台●上统一下◈单，等到所有□□□□货品到了□□□小区，团长应通□□□知参与团□□□购的人员□□到指定地★点提货，或者送货□□上门。另外，团长还负□□□责商品咨□□询和售后★服务。由于团长○的存在，解决了传□□□统的电子□□商务平台✦的客户服□□□务、配送和售□□后服务人□□员的角色，为企业减□□少了不必□□□□要的人力□□□□支出，是社区团□□□购平台上□□□每个社区◉的“灵魂人物”。和其他网□□□购平台莫□□□□时相比，社区团购□□□□是预售模□□□□式，省去了中□□□间囤货的□□□□环节，是商家避□□□免了不必□□□□要的产品□□上的损失，并且价格□□□与效率上，相比于传□□□统电商来□□□说，更具有优□□□□势。

社区团购★最重要的□□一点是回□□□头客，给顾用户丨便利，快捷，高效的使□□用体验。社区团购□□□与传统电□□□商相比，是一种进□□□□步。首先，社区团购◉起源于长□□□□沙，其发展时□□□间并不长，不过四年❖多。社区团购·是传统电□□□商不断探△索和反复□□□□实践的产□□物。近年来，中国大部□□□□分学者开□□始关注社□□□□区团购，并在相关●理论研究□□□□中取得一□□□□定成果，分析了它□□□的运营模□□□式和成功□□□原因。但是大部□□分人分析▽了社区团◥购的运营★模式和消□□□□费者的需□□□求。本文章将✦在前人的□□□□基础上，对社区团□□□□购微信小□□□程序主要□□□□对用户体□□□验的影响◈研究，对小程序□□的功能和□□□使用环境◥的优化及□□通过小程□□□序之间的□□交互作用□□增强用于◆对社区团◣购微信小▲程序的依□□□□赖，为社区团▽购的国内✦快速发展□□的理论打▽下了基础。

1.4 系统可行性分析

系统可行□□□性的研究□□目的为的□□就是为了·在系统研※发前期，通过对市□□□场、用户、技术手段□□□□等方面的□□□调研，制定出一丨套可行的□□□□研发方案。发现问题，并以最低□□□成本确定□□□□解决问题□□□的方案。
客源成本：坐拥12亿的用户□□基数的微□□□信是一个□□□□超级客源□□流量入口。而小程序◥是一个桥□□□□梁，直接连接□□的企业与□□用户，利用熟人□□□□关系，快速传播，扩大群规▲模，然后团长◤在微信群□□里推广商□□□□品，分享链接，回答客户□□的问题以▼及与客户○互动和讨□□论，客户最终◈通过小程○序链接下□□单。
人力成本□□低：社区团购丨的团长一□□□般又在家●的宝妈担♦任，其职责包●括客服，推广，配送和售◤后.
资金周转□□□速度快，物流成本□□低：社区团购□□□□实行预售□□□□的方式，客户下单□□□付款，商家拿到□□□□货款订购□□□后，统一时间□□□发货。这样就降□□低了库存□□□成本，也减少物❖流仓库消□□□耗的成本。
技术可行□□□性：本小程序□□□□使用微信丨开发者工△具开发，通过小程□□序开发框▽架所提供□□□□的自己的□□□视图层描□□□述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层□□框架，小程序自□□□身提供的□□□□组件、接口和API，并在视图□□□层与逻辑□□层间提供◤了数据传·输和事件，为用户提□□供良好的◤操作体验。
商品性价□□□□比高：直接向源□□□头的生产□□□□基地或工□□□□厂采购，既保证了□□□□产品质量，又降低了●产品最终□□□□销售价格。1.5 创新之处

1.用户可以通过拼团享团购价。
2.对于传统□□□电商APP，本系统是□□□在微信小□□程序中使□□用，让用户的□□使用更加◉方便快捷，实惠，高效。
3.运用到新的wxml(WeiXin Markup Language)、wxss(WeiXin Style Sheets)的小程序专属开发语言。[2]

1.6 工作基础及条件

需求基础：了解微信□□小程序社□□□□区团购的✦流程；老师指导；图书馆或□□者网上查□□□阅资料
知识条件：熟悉社区□□□□团购购物□□□流程，微信小程□□□□序操作；熟悉微信◉小程序系□□统的开发□□流程
应用平台：IOS、安卓
开发工具：微信开发者工具
开发语言： WXML(WeiXin Markup Language)、WXSS(WeiXin Style Sheets)、 基于 JavaScript 的逻辑层框架 

系统开发□□□相关技术◇简介本文▲阐述的系※统重点在□□□□于小程序□□前端的设□□□计与交互，主要是在◎微信开发◇者工具上□□□进行开发。运用了小○程序自身□□□□的开发框★架，框架提供❖了自己的□□□□视图层描✦述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层□□□□框架，并在视图❖层与逻辑□□□□层之间，逻辑层将□□□□数据进行□□□处理，然后传输□□给视图层，视图层再◈将事件反□□馈给逻辑□□□层。可以更方□□□便的聚焦♦于数据与□□逻辑上。[7]

2.1 逻辑层（App Service）简介

小程序开□□发框架的□□□□逻辑层由 JavaScript 编写。逻辑层将□□□数据进行□□□处理后发□□□送给视图□□□层，同时接受□□□□视图层的□□□事件反馈。
 App()和 Page() 方法，进行程序◎和页面的※注册。App必须在app.js中注册，并且不允□□□□许注册多□□□□个。
Page用来注册□□□□页面，接受 object 参数，其指定页□□□□面的生命□□周期函数、事件处理◉函数、初始数据□□□等。
开发者写□□□□的所有代□□码最终将□□会打包成□□□一份 JavaScript，并在小程□□□序启动的□□时候运行，直到小程□□序销毁。

2.2 视图层简介

框架的视□□图层由 WXML 与 WXSS 编写，由组件来□□进行展示。将逻辑层丨的数据反□□□应成视图，同时将视◤图层的事□□件发送给□□□逻辑层。WXML(WeiXin Markup language) 用于描述□□页面的结□□□□构。WXSS(WeiXin Style Sheet) 用于描述□□页面的样□□□式。组件(Component)是视图的□□□□基本组成□□单元。[8]

2.3 WXML简介

WXML（WeiXin Markup Language）是框架设□□计的一套□□□□标签语言，结合基础□□□组件、事件系统，可以构建□□出页面的□□□□结构。WXML 充当的就□□□是类似 HTML 的角色，具有数据□□□□绑定、列表渲染、条件渲染、模板、事件、引用等的·功能。

2.4 WXSS简介

WXSS(WeiXin Style Sheets)是一套样□□□式语言，用于描述 WXML 的组件样•式。WXSS 用来决定 WXML 的组件应□□□该怎么显□□□□示。为了适应□□□广大的前□□□端开发者，WXSS 具有 CSS 大部分特□□□性。同时为了□□更适合开□□发微信小□□□程序，WXSS 对 CSS 进行了扩□□□□充以及修□□□□改。

2.5 微信小程序API库

API（Application Programming Interface，应用程序◢编程接口）。通俗来讲◣就是一种▼接口函数，封装好了✦各种常用□□□函数给每□□□□个开发者，然后开发·者只需要★调用函数□□□□即可。微信小程□□□序利用API基本上可□□□□以实现数□□□据存储、微信支付、用户信息□□□获取等功□□能。

 
图2-1  渲染层与逻辑层关系结构图
 
 
系统需求分析与概要设计

3.1 系统功能需求分析 

需求分析的过程是系统开发与设计的关键，整个系统要以需求分析为基础，是极其重要的第一步。在这个阶段，多方调查研究用户的需求，从而确定系统的功能，并对系统的业务逻辑层进行建模。所以，需求分析是项目开发中必不可少的一环。社区团购微信小程序需要满足两类人的使用需求，一种是面向前端用户使用的客户端，用户可以通过小程序进行浏览商品，能够清晰的查看到商品的详情，选择客户需求的商品进购物车下单。还可以通过拼团换取优惠券，方便实惠地完成商品购买，清晰的查看到商家的物流以及团长取货地址，一切透明化，让客户更放心。另一种是商家可以在后台注册商品，增删分类、增删改查商品、查看管理订单等，高效率的完成商品的管理。该系统所需功能如下：[9]
首页banner轮播图，为商家投放广告，提高商品曝光。
商家商品按种类分类。
大图展示全部商品列表，月销量，让用户更清晰一目了然。
用户能够自助浏览商品下单，加入购物车。
用户可添加姓名、电话、收货地址信息，并选择默认地址。
用户可以查看购物车，增加或删除商品。
用户可以查看订单。
用户可以分享自己喜欢的商品给微信好友。
商家可以★通过后台☆注册商店，增删分类，增删商品★信息，下架商品，查看订单。 
 
 
3.2 系统流程图模型

 社区团购微信小程序前端流程图如图3-3所示：

 
 
图3-3  社区团购微信小程序前端流程图
 

 社区团购后台管理系统流程图如图3-4所示：


 
图3-4  社区团购后台管理系统流程图