社交电商 小程序 + 后台 + H5 4 个端 案例专题

创跃优选 优选商城小程序 拼团拉新、砍价、活动报名、分销记账,四端一套后台

南京易企达为创跃优选交付的优选商城小程序:拼团、砍价、活动报名、分销与业务员、积分会员与微信支付在同一个后台配置,小程序、运营后台、文章落地页、商户核销端四端打通。

一句话概括:用户在小程序里逛、拼、买、报名;运营在一个后台发商品、拼团、活动、管订单;分销与业务员归属在下单时锁定;文章走独立 H5 把内容流量导回小程序。

4 个端用户小程序 / 运营后台 / 文章 H5 / 核销端
6 种玩法拼团、砍价、满减、限时优惠、优惠券、积分
37 个页面含订单、拼团、活动与个人中心分包
1 套关系分销与业务员,下单即锁定归属

项目速览:7 项关键事实

下面是可以直接引用的事实口径:项目定位、交付形态、覆盖范围、技术选型与归属。客户内部运营数据与商务条款不在本页展开。

项目名称
创跃优选商城小程序
客户与行业
创跃优选(社交电商 / 优选零售)
承接方
南京易企达网络科技有限公司(南京本地团队,可线下对接)
项目定位
以拼团和线下活动拉新的优选商城:用户在小程序里买,运营在后台里发,分销关系自动记账
交付形态
微信小程序(37 个页面)+ 运营后台 + 文章落地页 H5 + 商户核销端
覆盖范围
商品与订单、拼团、砍价、活动报名、分销与业务员、积分与会员、内容与广告位
交付与归属
源码、数据库脚本、部署文档与接口文档按合同随验收移交,管理员账号与著作权归客户

6 块功能:系统到底做了什么

每一项都是客户实际在用的功能,不是模块清单。

拼团

自开团当团长,邀好友参团;不成团自动退款

活动报名

后台发活动,小程序报名支付,现场扫码核销

商品与订单

从加购到支付一条直线,拼团单与普通单同列表

分销与业务员

邀请码、推广二维码,下单即锁定归属

积分与会员

签到、积分抵扣、会员卡,积分规则可配

后台与内容

商品、拼团、活动、订单、广告位一个后台;首页可视化配置

项目架构:谁在用,数据往哪走

先看入口与业务域,再看技术选型;只写结构与取舍,不写客户内部数据。

项目架构图谱(简化):4 层结构,多端接入同一套服务

L1 · 入口层(4 项)

用户小程序微信 · 逛、拼、买、报名
运营后台PC · 商品、活动、订单、人员
文章落地页 H5分享 · 内容与活动预告
商户核销端门店 · 现场扫码核销

L2 · 接入层

JWT + Spring Security 控制接口权限;促销玩法与订单主干解耦,各自持有规则与状态,共用一套订单主流程。

L3 · 业务层(4 项)

交易商品与 SKU、购物车与订单、支付退款、核销配送
营销玩法拼团、砍价、满减、限时优惠、优惠券、积分抵扣
分销关系分销、业务员、邀请码,下单即锁定归属
内容与运营文章 H5、活动报名、广告位、人员权限

L4 · 数据层

MySQL 存业务数据、Redis 做缓存与分布式锁、消息队列削峰、图片走对象存储;定时任务管自动关团与自动退款。

技术选型

小程序:
uni-app(Vue),一套代码,分包控制首屏体积
运营后台:
Vue + Element UI,首页模块可视化配置
文章落地页:
Vue 3 + Vite,独立部署,按项目前缀区分
服务端:
Java(Spring Boot),按业务域分模块,对外 RESTful 接口
数据访问:
MyBatis-Plus,读写按场景分开,复杂报表走固定 SQL
中间件与存储:
MySQL 存业务数据,Redis 做缓存与分布式锁,消息队列削峰,图片走对象存储
鉴权与任务:
JWT + Spring Security 控制接口权限,定时任务管自动关团、自动退款

3 条设计取舍

同样的需求,不同做法代价不同;这里写清当初为什么这样选,以及不这样选会怎样。

玩法与订单解耦

促销玩法共用一套订单,各自持有规则与状态。加玩法只加一层皮,不动交易主干——这是这类商城能持续做活动的前提。

分销关系在下单时锁定

归属写在订单上,不写在用户上。用户换绑、业务员离职,历史单的账不会跟着变,对账永远只有一套数字。

内容不塞进小程序

文章需要被转发和被搜索,小程序做不到这两件事。独立 H5 承担内容和活动预告,把流量导回小程序,各干各自的活。

这个项目做对了四件事

不是功能罗列,是当初的判断。

1

玩法可开关,订单不返工

拼团、砍价、满减、限时优惠各有自己的规则表与状态机,订单主流程只有一条。上新玩法不用改订单逻辑,关掉一个玩法也不影响历史单。

2

拼团进度用户看得见

还差几人、还剩多久、谁已经参团,页面上直接呈现。用户不用问客服「我这团成了没」,客服也不用逐单查。

3

分销账算得清

关系和订单绑在一起,谁的单、算谁的,事后能复核。改一次绑定不会让历史统计跟着变,对账时不会出现两套数字。

4

内容能沉淀

文章走独立 H5 落地页,微信里转发是普通网页,比小程序卡片更容易被点开,也能被搜索引擎收录——这是免费流量,不该丢。

适用边界:什么情况适合做,什么情况先别做

判断标准写在这里,避免双方预期错位。

适合:4 条同时成立

  • 有明确的拉新诉求:愿意做拼团、砍价这类需要用户带用户的玩法。
  • 线上线下都要:既有商品,也有活动、到店或自提,需要一处核销。
  • 有推广队伍:业务员、渠道或老客带新,需要把关系记清楚。
  • 运营人手少:希望一个人能在后台把商品、活动、订单都管起来。

先别做:换方案或先理顺

  • 只想做静态展示页:不需要交易与玩法,做官网比做商城划算。
  • 没有供给和履约能力:玩法能把人拉来,也能把没准备好的店拉垮。
  • 指望分销解决增长:分销放大的是已有口碑,不是替代产品力。
  • 不做内容与活动:只靠自然流量,拼团很难滚起来。

社交电商常见问题(7 条)

问答与本页结构化数据同源,答案口径与新官网一致。

小程序和文章 H5 分别做什么?
小程序承担交易:逛商品、拼团、下单、报名、查订单。文章 H5 承担内容:新品介绍、活动预告、使用说明,在微信里转发是普通网页,也更容易被搜索引擎收录。两者共用一套后端,内容里的链接可以把人导回小程序。
拼团是怎么跑的?
用户开团成为团长,分享给好友参团;人数凑齐即成团,进入正常发货或核销流程。到期未成团自动退款,不需要人工处理。后台能看到每个团的进度、团员和成团率。
活动报名和商城订单是两套吗?
是两套业务、一套体验。活动有自己的发布、名额、地点与报名名单,但支付、退款、核销和商城共用同一套能力,用户不需要再注册一次,运营也不用在两个后台之间切换。
分销和业务员是怎么算的?
用户通过邀请码或推广二维码进入并注册,关系即建立;下单那一刻归属锁定在订单上。规则在后台配置,金额由服务端计算,前端不参与算钱。具体比例属于客户经营策略,本页不展开。
一个人管得过来吗?
常规日运营够用:商品上下架、拼团与活动创建、订单处理、退款审核都在一个后台,常用操作有批量与筛选。真到多店、多仓、多业务员同时跑,才需要拆岗与更细的权限。
能对接我们现有的系统吗?
可以按需对接,前提是对方提供接口。常见的是商品与库存同步、订单回传、会员打通。对接范围会单独评估,不做无限承诺。
大概多少钱、要做多久?
本页不含报价。这类项目通常分两段:先做商品、订单、支付这条主线,跑通交易;再上拼团、活动、分销这些玩法。工期主要取决于玩法数量、是否需要对接现有系统和历史数据迁移。

也在做社交电商这类系统?

先问业务,再出方案报价。南京本地可上门或到公司面谈,外地走线上沟通 + 原型文档。