生活社区团购平台小程序-微企邦业务4部(推荐商家)

前面我们研究了下微信小程序的执行流程，因为拿不到源码，只能算我们的猜想，我们需要更加了解小程序还需要做具体的项目，于是我们将原来那套还算复杂的业务拿出来：

前言

前面我们研究了下微信小程序的执行流程，因为拿不到源码，只能算我们的猜想，我们需要更加了解小程序还需要做具体的项目，于是我们将原来那套还算复杂的业务拿出来：

【组件化开发】前端进阶篇之如何编写可维护可升级的代（有些晦涩有些乱，但是对于整体了解小程序结构有帮助）

我们用小程序实现这里的代码，看看是个什么样的体验，另外我这里想保证代码程度重用，为后续一端代码四端运行做前驱探索。

页面复杂度还是比较高的，包括了：

① 弹出层

② 页面跳转

③ 缓存

④ 数据请求

⑤ 列表页、滚动分页

⑥ ……

我相信完成了这个例子，我们对小程序业务代码怎么写会有比较好的了解，于是让我们开始今天的代码吧。

小程序的布局

为什么不使用HTMLamp;CSS

微信小程序这种平台型的超越Hybrid系统诞生还是有一些客观条件的，其中一个就是移动端的应用相对来说简单的多，想想PC负责的布局，如果要使用小程序实现，那么复杂度会提高很多。

小程序代码编写逻辑层依旧使用JS完成，但是结构层以及样式层推出了：

① WXML，Weixin Markup Language，是微信设计的一套标签语言，与HTML类似，做过Reactamp;Vue的同学会非常熟悉

② WXSS，WeiXin Style Sheets，是一套样式语言，用于定义样式，与CSS类似，一般认为是CSS的子集

因为小程序中UI组件都是Native实现，所以小程序直接手起刀落压根放弃让我们使用HTML容器，这样做我觉得有个好处是：

为了更好的限制，我之前也在做Hybrid乃至前端框架，一般来说我会限制到View级别的实习，要求必须按照我的规则做，但是因为入口为ml文件，我甚至将全局控制器App的实例化放到了main.js里面，只提供了建议的做法，事实上HTML还是太过灵活，有些同事逐渐根本不按照我们的规则玩，他觉得他的做法更好，但是这样一来便会了项目的总体性，后续的工程性的优化或者监控可能就不能帮助他了，从某个角度来说，我是认可小程序的做法的。

我们之前在这里研究过自定义标签的做法：从DOM操作看Vueamp;React的前端组件化，顺带补齐React的demo

从这个文章以及小程序的实现可以看出基本的概念：

① 标签的出现根本不是做标签用，而是为了让JS执行相关逻辑，***后生成真正的标签

② 为了做更好的限制，小程序根本不提供入口ml文件了，所以这里的标签是用作JS做模板解析后生成Native能识别的代码，更具体点说是，Native实现了一个组件，组件有很多规则，可以使用JS去调用，正如我们这里的header组件调用逻辑（JS会设置Native的Header组件展示），这里如果不太清晰可以参考下这个文章：浅谈Hybrid技术的设计与实现第二弹

当然，小程序底层具体是不是这么做，我们不得而知，如果有小程序的同事，可以指导下：），至此，我觉得可以从技术层面说明为什么不直接使用HTMLamp;CSS了：更好的业务限制 方便JS解析模板被Native执行。

小程序组件

我们之前做Hybrid应用的时候，事实上只提供了一个真正具有结构的组件Header，其他loading类的提示组件都比较简单，而我们看看小程序提供了哪些组件呢：

容器类组件

有demo有代码，还是比较清晰。

之前你可能还不明白微信小程序究竟是什么？但是现在生活中就会经常接触到小程序了。

小程序是什么？

它是一种在微信里不需要安装即可使用的类似应用市场APP的应用。

根据微信表述和小程序的技术接口来看，小程序其实就是个功能丰富、操作简介的轻应用。不同的小程序，能实现不同的功能。

例如：买电影票、餐厅排号、餐馆点餐、查询公交、共享单车。打车、看新闻、网购等等，郯城生活社区团购平台，甚至论坛都可用小程序来实现。

小程序为什么火？

1.小程序是强流量入口、小程序是未来商业竞争的主战场。（微信是目前的移动端流量入口，日活跃用户超过10亿）

流量在哪里，企业客户就自然在哪里，现在每天都会有成千上万家的企业推出自己的小程序，且微信搜索结果无论是现在、还是未来，小程序都因为可以满足各种应用场景，一定是权重很高的应用。

2.小程序可以轻松获得用户数据

有了小程序，用户直接扫描二维码便能关联***店***的小程序，商家能通过小程序后台管理界面清楚掌握。无论是微信聊天，还是交流，发朋友圈，随手一个小程序发出去，就直接连接了用户，获得了流量。

2.小程序可以轻松获得用户数据

有了小程序，用户直接扫描二维码便能关联***店***的小程序，商家能通过小程序后台管理界面清楚掌握。无论是微信聊天，还是交流，发朋友圈，随手一个小程序发出去，就直接连接了用户，获得了流量。

年初有个做餐饮的朋友告诉stella，自己开了一年的饭店，准备关门。

朋友：我的大厨都是南方老家带过来的，店面装修的也有档次，但没办法还是得关门。

我：时代不同，门店触点也在变化，这是个互联网的时代，尤其在大城市。

朋友：我去年做了个app，然而并没什么用啊。

我：大哥，app过时了。

干掉康师傅的其实是饿了么。

所有不符合消费升级趋势的早晚会被淘汰，你也许会有一段时间的间歇，但是，这个间歇越来越短。

因为，当你选择不升级时，已经选择了退出。

Stella查了查数据，发现餐饮业月倒闭率高达10%，年复合倒闭率超100%。

说到底，归根结底是客流量有限。而这是整个餐饮行业的普遍现象，大到朋友这里的餐厅，小到路边的奶茶店。

首先得告诉许多餐饮商家，生活社区团购平台小程序，小程序到底是什么？

从微信入口说，小程序是折叠到“发现”栏的一个应用号。

从使用层面说，小程序是网页的移动版同时也是更智能的HTML5。

从多方面的应用程度说，小程序也是基于场景化服务的一个轻应用。

我知道，当我说出这三句话的时候，还是有人不明白！先别急，接着往下看。

首先我们来做一个对比:

1.小程序与APP相比，无需、安装、注册，因为是在微信里面，只要登录后同意这个小程序访问你的身份即可。从安装与注册的角度讲，小程序非常便捷。

2.小程序与公众号可以进行良好的对接。虽然这方面的成功案例很多，但中小商家朋友们，尤其像我那个做餐饮的大哥还是不知道！为此，我就用咱们接触比较多的拼多多介绍。

我想大家对拼多多一定不陌生，只要***拼了东西后，它通过服务号的模板消息不停地狂推。因为给顾客的订单消息、付款消息、发货消息等通知消息，在发送次数方面没有太严格限制（每天10万次，生活社区团购平台系统，粉丝多了自动增加到每天100万次甚至更多），所以你总会不停地收到它的消息。

第三个方面，我要***说一下与市场上的外卖巨头相比。凡是从事餐饮的商家，外卖这个环节是一定要有的。其中不乏发力纯外卖的商家。但从商家体量或者餐品的类型讲，什么餐品适合外卖，什么餐品不适合外卖；大家很清楚！

而我所接触一部分的餐饮小商家，我觉得做外卖业务没必要放到两大巨头平台上。为什么？抽佣高！也就是扣点高。众所周知的15%、甚至于20%，去除原材料费用、人工费用、房租成本，生活社区团购平台哪家好，你们又能挣多少钱？

微联WeLink针对餐饮行业痛点难点进行研究剖析后发现，餐饮行业真的是非常适合小程序应用场景的行业。

1.小程序是巨大的流量入口——9亿用户的利器

小程序含着微信9亿用户的金钥匙诞生，将用户与商家线上线下连接，轻松解决了餐饮行业聚客难的问题。

而团购网站是按付费比率和各种条件来排名的，如果想取得较好导流，一年的花费至少要在1万以上。即便一年能导流100个，那一个获客成本也在100元/个，还不加上你的材料和人工。

2.省却大量推广费

餐饮行业可不再因为广告费用而被一再压低利润。普通平台，扣点极高，使用小程序，免费推广，小程序里的区域覆盖半径，让客户能迅速发现有趣的店。

小程序的成本远远低于传统团购网站，在各平台上，除了入驻初交的广告费，还要每单提点，以美团为例，平台保证金就已达到了2-3万，而且根据行业不同，每笔交易抽取7%-15%的提点。

3.业绩大幅提升

小程序能解决餐饮业的获客和引流问题，同时welink帮助商家完成运营，比如辅助团购、会员卡等各种营销工具，提升经营业绩，完成小程序的流量裂变与变现。

在巨大的流量面前，welink通过小程序完成引流与运营，比如南锣鼓巷客流100万人，weilink小程序可以：

实现相对精准流量1万

实现10%粉丝关注

实现1%粉丝转化为付费用户

实现额外收益订单100元/人/月

实现每日30万次光量

也就是说，你可以完全打开并掌控线上的餐饮市场。

4.形成自有流量

餐饮业使用综合平台，贡献流量并***高昂平台扣点，而使用小程序，迅速形成自有流量，并积累忠实粉丝。商家不会再被平台牵着鼻子走，完成粉丝群的直接塑造，形成流量价值。进而实现额外的广告收益。

5、餐饮管理的利器

你可以把小程序的二维码打印出来，贴在门和桌子上面，并注明可以扫码点餐，预约点餐。客户预约到店时间，然后到店以后就能直接吃，不用等待。

对于上班族来说，可以通过小程序的覆盖半径选择到附近的餐馆进行预订，这样也剩下了配送费。

诸如此类的多选择管理办法，能帮餐饮行业助力。餐饮需要***管理，的利器就是小程序。

小程序开发周期短，成本低，流量入口多，体验效果堪比原生APP又无需安装，简单方便，极其适合餐饮行业用户使用。

***后，我可以肯定说：“小程序的价值越来越大”！不谈行业里面融资不断或者说各种

的案例层出不穷，单是腾讯也不可能让他的重要战略夭折了。扶持力度会越来越大，这波浪潮很关键！餐饮行业的兄弟们，你们一定要冲上去！