微商素材库是一套面向鲜花店微商群体的营销素材微信小程序源码:把推广用的文案、图片、视频集中到小程序里按分类分发,代理和店主自助取用转发。项目由微信小程序前端、Node.js 后端与 Vue 3 管理后台三部分组成,配套数据库脚本,可直接投入使用。

这套素材库小程序解决什么问题?

微商团队的日常推广高度依赖素材,但素材通常散落在微信群、朋友圈和网盘里,找起来慢、版本还容易乱。这套系统的做法是把素材集中托管:管理员在后台上传并按分类整理,前端按分类浏览、一键复制文案、保存图片视频,把”人找素材”变成”素材等人取”。

首页与素材浏览有哪些设计?

首页自上而下是三层:顶部轮播图展示精选素材与活动;中部是分类导航,内置微商文案、品牌宣传、花店素材、节日素材等 8 个分类;下方是素材列表。

素材列表有两个细节值得说:

  • 图片九宫格:图片按朋友圈九宫格布局展示,系统根据图片数量自动调整排列,视觉上与微信朋友圈一致,转发后观感统一
  • 视频首帧封面:视频自动取第一帧作为封面,点击可在线播放,不需要额外上传封面图

文案内容围绕鲜花店场景编写并配了表情符号,可直接复制使用。VIP 用户不受浏览限制。

VIP 会员怎么开通?

系统提供三种时长套餐——月卡、季卡、年卡,以及两条开通路径:

  1. 在线支付:在小程序内选择套餐,走微信支付完成开通
  2. 激活码激活:管理员发放激活码,用户在个人中心输入即可开通

VIP 特权包括:无限浏览素材、无限制复制与下载、全素材解锁、优先体验新功能、专属客服支持。

个人中心有哪些功能?

支持微信授权登录,默认头像使用平台统一的鲜花店 Logo,也允许自定义。中心页展示当前 VIP 状态与有效期,并提供我的收藏、激活码激活、免责声明、联系客服等入口。

后台管理能做什么?

管理后台覆盖五块:素材的上传、编辑与删除;素材分类管理;用户信息与 VIP 状态查看;支付订单查看;平台参数配置。素材编辑使用富文本编辑器,便于排版带图文案。

技术实现

小程序端采用微信原生框架,UI 用 Vant Weapp,布局为 Flexbox + Grid,支持本地与网络图片、网络视频播放;后端为 Node.js + Express + MySQL,对外提供 RESTful API,文件上传用 Multer 并处理跨域;管理后台为 Vue 3 + Vite + Vant,路由用 Vue Router,富文本编辑用 WangEditor。项目目录分为 miniprogram(小程序)、admin(管理后台与 server.js)、database.sql(数据库脚本)三部分,本地用微信开发者工具导入即可预览。

适合什么样的团队?

有代理体系的鲜花、礼品类微商品牌,需要统一下发推广素材;也适合想把垂直行业素材做成付费会员库的创业者。

同类系统还可参考馋猫外卖攒钱H5源码供应链一件代发商城源码

电商商城与新零售类系统还有更多,可在电商商城与新零售栏目横向对比。