社区团购平台系统-社区团购平台-拼团社区团购平台系统

微信借助小程序干掉的不是AppStore，而是连接所有落地场景的app。可以想像，未来的智能手机上，用户只要安装一个微信就够了——这才是让苹果和整个业态高度关注的真实原因。

需要再次强调的是，开发者小伙伴们不要把小程序视为纯粹的互联网产品。小程序的用户都是存在于现实生活场景中的，而非存在于虚拟的互联网中。这是小程序和其它互联网产品的区别。关于现实生活场景衣食住行，我们将展开想象，看看小程序在衣食住行上能会有什么玩法花样。

食

相信各位小伙伴都已经用微信公众号体验过类似的功能了：当你走进一家餐馆，不需要服务员要菜单，直接扫描自己桌子上的二维码就能完成选餐、点餐、付款等一系列动作。有了微信小程序，这个过程将变得更加快捷，用户既不需要关注商家的公众号，也不用经过繁琐的***过程，直接就能打开菜单进行点餐。

在小程序出来之前，很多线下的商业场景，其实试图通过微信服务号来提供低成本，便捷的解决方案。

到店微信点餐其实就是一个非常典型的场景。虽然很多服务商都做了微信点餐的方案，但是其实，微信的方案，在很多饭店，使用的并不好。服务号是H5来实现的，每一步，都需要载入，流畅性体验会很差。任何一种线上的场景，如果用户体验很差，自然就无法继续流行下去，客户的行为也会影响商家，所以比较大的商家（譬如海底捞）更倾向于使用保证用户体验的本地网络 APP的解决方案。

肯德基也在批小程序内测邀请之中，为了解决排队难的问题，在已有的人工服务台之外，扫描二维码，拼团社区团购平台系统，完成自助点餐服务。可以预见点餐一体机制造商将迎来一轮洗牌，同时你的手机中又少了一款大小20-30M的 App，延伸线下场景消费，我们大概可以知道诸如保洁、美甲、洗车、打车等等O2O业务的App都将被以二维码为入口的小程序所取代。

小程序由于是在本地执行，社区团购平台系统，体验会非常的流畅。并且，点餐入口，都是由贴在桌面上二维码，用户需要时，可以随时呼出小程序。所以，点餐是小程序一个非常有代表性的应用场景。难怪张小龙在演讲时，举的个例子，就是微信小程序点餐的场景。

行

从功能上来看，共享单车类原生应用除了具备借车、等功能外，往往还有一些附带的健身类功能，譬如里程统计、卡路里计算等，未来还有可能做运动社交。但共享单车的小程序功能点就非常集中——扫码、提车、锁车。用户只需要在用到共享单车时扫一扫二维码，不需要更复杂的额外功能。在这种使用场景下，小程序调用方便、启动迅速等优点会被放大，带给用户更好的体验。在无WIFI环境下，假如只需要1M的流量，那用户会果断扫码骑走。APP 小尺寸=微信小程序。摩拜单车“触手可骑”的理念和小程序“触手可得”的理念不谋而合，堪称绝配。

在公交站里面等公交站的时候，想要知道下一班车什么时候来，这个时候只要扫一下公交站的二维码，启动公交站的小程序就可以看到下一班车什么时候来，这都是特别典型的一个小程序的场景。

线下门店提供二维码，使用小程序可以降低获客成本，直接在小程序内查看衣服款式分类，是否符合自己品味，再进店试衣，有喜欢的款式可分享给好友，买单无需注册会员，直接后台记录，多买多享受折扣等等。

进入美发店，扫码获取预订信息，还可以挑选发型种类，查看发型师资料，***后完成***，喜欢的话还可以分享给好友，获取优惠券。

基于LBS小程序提示，出门在外不小心挂坏了衣服，断了鞋跟，立马搜索附近的裁缝店，及时补救。

住

在小程序上实现一些与线下资源搭配的创新短流程场景，例如：房间扫码锁。APP 低频使用场景 更小尺寸=微信小程序；公众号 硬件搭配场景=微信小程序。在酒店门口扫码就能获取预定信息，酒店评价，还能查询周边攻略，目的地游记等等。

家居商店，扫码提供家居详细信息与相关搭配，显示尺寸与价格还有配送信息，也极其便利。

小程序有无限的可能，但也并不会包囊所有，这几个行业是小程序需求之外的：

一个游戏

刀塔传奇、天天酷跑、消消乐，等等。图形处理能力是小程序的劣势，小程序只能做做小游戏（做个贪吃蛇还是可以的）。

一个系统工具

迅雷，美图秀秀，腾讯地图，百度云盘，等等。系统工具需要原生操作系统接口、硬件接口的支持，这方面小程序能做的事情很有限。

一个社交工具

陌陌、微博。先不考虑功能是否可以实现，在腾讯生态下做社交肯定不行。

一个OA、ERP、CRM

在企业管理软件领域，OA、ERP、CRM这些都是“大”的代名词，这很小程序的“小”是冲突的。小程序可以做OA中的某一个场景化的流程（例如打卡签到），但无法将一整个完整的企业管理应用搬进小程序。

有时候，很多人醉心于技术的细节，有些人忙于空泛的营销。却恰恰忽略了一个新事物存在的本质。小程序不是要取代什么，也不是要颠覆什么，其实它就是一个工具。

一、社区团购的背景是怎样的？

社区团购是什么？它诞生的背景是怎样的？

我们先来讨论下：社区团购的诞生背景有哪些因素？社区团购是什么？

还记得拼多多刚上市的时候，网页上赫然弹出的口号是：3亿人都在拼多多。

这个数字当时吓了很多人一跳。

在淘宝和京东主导的电商围城和眼皮底下，拼多多硬是杀出了一条血路；通过瞄准并满足广大被忽略的五环外人群，再通过将微信社交红利砍价到，实现了3年则上市。

这个夏天，当人们还在桌子上热门的讨论和转发：拼多多和京东上乌江榨菜的热销，到底是消费升级和消费降级的时候，社区团购的赛道已经灼热起来。

这一次，社区团购在拼多多的启发和眼皮底下，在它难以满足和覆盖的生鲜领域咬开一道口，围绕着二三四线城市社区里的主力人群和居民，进行分发和发货。

记得有位日本作家说过：“物品即自我投射”。

你买任何东西，其实都是自我意识、心理需求、生活价值观在物品上的一种投射。

深感认同。

这几年，在社交媒体上，喜茶、丧茶、答案茶、一点点、伏牛堂等网红品牌纷纷冒出。

70后与90后，90后与00后，消费费分群，消费分级的现象也越来越多。

这个时代已经不缺货，也不缺购买东西的渠道。

缺的是什么？

实际上，在二三四线小区居民里，在各种房贷和现金贷的压力下，人们更多缺的是口袋里流动的现金；缺的是高性价比和物美价廉，缺的是更好更优惠的货，还有买到这些货更好更快的渠道。

广大的人民群众，对高性价比，对实惠与物美价廉的追求，从来没有停止。

而高性价比与社交化，似乎已经是新晋电商的标配。

而社区团购，将性价比与社交，一 一满足。

在这样的背景和因素下，生活社区团购平台系统，社区团购诞生了。

那，社区团购到底是什么？

在湖南长沙，社区团购热烈时，有一天，你也许很容易被身边的邻居朋友拉进微信群买水果。

社区团购，实际场景就是：

基于线下真实的小区，通过微信群进行开团预售，把同一个小区人群需求统一凑团集起，通过微信***后，再统一发货然后到社区门口统一自提的一种购物方式。

当然，团购的不仅仅是生鲜水果，还有食品、日用品，甚至居家用品等。

从本质上来说：社区团购是一种基于真实LBS小区，由c端驱动B端（即由消费者端驱动供应端）的电商渠道。

创新有两种：一种是技术创新，一种是模式创新。

而从创新上来说，社区团购是一种电商渠道和模式的微创新。

社区团购是技术创新吗?

显然不是。

目前，社区团购参与的门槛其实不高，不需要特别高深的技术，主力人群就是社区里的宝妈和团长，还有给团长统一供货和配送支持的社区团购公司。

所以，严格来说，社区团购实际是一种模式的微创新。

相比其他电商渠道，它通常用到的3个标配工具是：微信群、小程序、微信***。

本质上，当下社区团购是寄居于微信生态下的一种电商渠道，也许有一天可以***出来做自己的 APP。

其实，团长既是小区里的销售者，也是消费者，是基于真实地理位置上近的社区进行，所以社区团购是基于信任和情感建立的购物场景，是有温度的。

货坏了，很容易损伤邻里关系。

实际上，社区团购比货更重要的可能不是货，是货背后的感情和微信群。

那么，社区团购能持续多久？它背后的价值支撑在哪里？

二、社区团购的价值点在哪?

一夜之间，为什么社区团购和生鲜会变成资本的宠儿，价值点在哪里？

要看一件事能持续多久，先问它解决什么问题？价值点在哪里？

我们先来讨论下：社区团购和传统团购，社区团购和传统电商都有什么区别呢？

1. 传统团购

先来说说团购：

团购的出发点，原本是商家希望通过给出一个比正常更低的价格，吸引大量顾客快速带来人气和销量；而顾客也能够享受比正常购买更低的折扣价。

目前的团购平台和形式，一般分成两种：

一种是商家直接给出促销价格，然后消费者在团购页面直接购买完成消费，以美团和聚划算为代表。

2018-11-23两年前还籍籍无名的小程序，如今已经成为移动互联网的新风口。

***早小程序在微信平台上成名，手握 10 亿月活用户的微信，很快成为小程序创业者的掘金之地。巨头的嗅觉敏锐，***宝、百度随即跟进，今日头条也开始内测小程序，几大平台纷纷出手，让小程序赛道更加拥挤，小程序生态多元化的背后，是巨头新一轮圈地。

而小程序之所以这么火，是因为其自身的引流模式和盈利模式，毕竟既会技术、又知道如何将技术变现的开发人员到哪都是香饽饽。本文以四大巨头都在关注的小程序电商为例，手把手教你开发小程序版网上商城。

1. 开发小程序商城

本文将实现一款小程序版的网上商城，前端使用 JvaScript 开发小程序，后端使用 Node.js Express MySQL。首先用 SQL 脚本建立 MySQL 数据库，数据库名为 orishop。MySQL 用户名是 root，密码是 12345678，也可以使用其他用户名和密码。

下面先看一下本项目的主界面，本项目分为客户端和服务端实现，客户端涉及到轮询图、按钮、图片列表、产品展示、购物车等。

项目效果展示：

2. 轮序图设计

轮序图是在 App 首页上部显示的，用于展示商品信息，可以以一定时间自动切换商品信息。轮序图需要使用 swiper 组件，每一个轮序图 Item 需要使用 swiper-item 组件，通常每一个 Item 是一个图片，可以直接在lt;swiper-itemgt;中放置一个lt;imagegt;标签。轮序图的布局代码如下。

3. 控制轮序图

轮序图的布局代码中使用了很多变量来控制轮序图的显示，例如，indicatorDots 用来控制是否显示面板指示点，autoplay 用于控制是否自动切换图像。interval 用于控制切换时间的间隔，duration 用于控制滑动动画时长。这些变量都需要在 index.js 文件的 data 变量中设置，代码如下：

在上面的代码中 imgUrls 变量没有设置值，如果想测试轮序图，可以在小程序工程的根目录创建一个 images 目录，并且在该目录中放置若干个图像文件。为了让轮序图水平充满整个界面，需要在 index.wxss 文件中添加如下的样式代码。

4. 使用 Node.js Express 连接 MySQL 数据库

由于本项目需要使用服务端，所以在编写客户端的同时，还要编写服务端的程序，这一部分会使用 Node.js Express 连接 MySQL 数据库，在连接 MySQL 数据库之前，先要创建相关的表和视图。

本项目使用 WebStorm 开发，创建一个名为 service 的工程，小区社区团购平台系统，接下来在 service 工程中创建 my_connect.js 文件，并输入下面的代码。

接下来测试连接数据库的代码是否正确，在 service 工程的 index.js 文件中添加如下代码。

由于 Node.js 提供的模块不支持操作 MySQL 数据库，所以运行本例的代码需要使用下面的命令行安装 MySQL 模块。然后在浏览器地址栏中输入 http://localhost:3000，就会在 WebStorm 的控制台看到输出结果。

5. 从 MySQL 数据库中获取要显示的轮询图信息

在这一部分仍然编写服务端代码，在小程序端需要显示轮询图，轮序图中的数据需要从 v_goods 视图获取，该视图可以得到

，销售的商品信息。接下来在 mysql_connect.js 文件中添加如下代码。

接下来创建路由脚本文件 hnf.js，并添加下面的代码：

接下来在 app.js 中使用下面的代码注册 hnf 路由。

6. 动态显示轮询图

现在修改小程序端的代码，在这一部分会在小程序端通过 wx.request 函数访问上一部分创建的路由，并根据返回数据动态显示轮序图。在 index.js 文件的 onload() 函数中添加下面的代码。

7. 实现导航按钮布局

在轮序图下方是一排导航按钮，效果如下图所示：

导航按钮的布局代码需要添加到小程序工程的 index.wxml 文件中。接下来在 app.wxss 文件中添加如下的样式，其他布局也会用这个样式，所以将该样式添加到全局的 app.wxss 文件中。

在 index.wxss 文件中添加样式代码，每一个按钮占整个宽度的 11%。导航按钮也是动态显示的，数据依赖于 ngationData 变量，可以在 index.js 文件的 data 中添加如下代码来测试导航按钮的布局是否正确，记住，这只是用于测试的代码，在后面的布局会用动态的数据替换这些实验数据。

8. 动态显示导航按钮

本节会在服务端从数据库中获取导航按钮的数据，客户端会根据这些数据动态显示导航按钮。

首先切换回 WebStorm，在mysql_connect.js文件中添加如下的方法，该方法用于获取商品类型，也就是导航按钮数据。有多少个商品类型，就显示多少个导航按钮。

在服务端创建一个 type.js 路由文件，在 app.js 文件中添加代码注册路由。切换到小程序端，在 index.js 文件的 onLoad 方法中添加下面的代码。

9. 显示、畅销商品

在小程序首页下方通过列表显示了、畅销商品，与轮询图显示的商品类似，此处只是为了演示列表的使用。

10. 显示商品详细信息

本节显示了显示商品详细信息的布局，首先在小程序端创建 shopinfo.wxml 布局文件，并输入下面的代码。

接下来在 shopinfo.wxss 文件中输入代码，***终显示的效果如下图所示。