AngryRED · 多端商城

微信小程序商城

一端跑在微信小程序,一端面向运营与商家的管理后台, 统一由 Spring Boot 3 服务与 MySQL / Redis 支撑。 下列能力均可在演示环境中体验(以线上配置为准)。

微信小程序 mp-weixin uni-app · Vue 3 · Vite · Pinia Docker / Nginx 可部署

新标签页打开 https://mall.angryred.work · 小程序需在开发者工具绑定 AppID 后构建体验

三端一体,能力分层

突出微信生态内的购物体验,以及运营侧的配置与治理能力;前后端分层清晰,便于扩展与维护。

微信小程序端

  • 基于 uni-app 编译到 mp-weixin,一套代码多端扩展(含 H5)。
  • 覆盖首页、商品、购物车、订单、支付、优惠券、活动、签到积分、分销、在线客服等典型电商场景。
  • 内置请求封装、路由与平台能力(登录、分享、支付等)适配层,便于对接微信开放能力。
  • 使用 Vue 3 + Pinia + Vite 组织页面与状态,采用模块化目录与可复用业务封装。

后端管理功能

  • 独立 管理后台前端 工程,面向运营与管理员维护商品、订单、用户与营销规则。
  • 支持商品与分类、库存与价格、订单流转、营销活动配置、内容运营等后台常见模块。
  • 与小程序、H5 共用同一套 REST API,权限、菜单与数据模型由后端统一约束。
  • 本地与生产通过环境变量配置接口地址,可与 Docker / Nginx 网关一键对齐。

服务端与工程化

  • 后端服务:Java 17、Spring Boot 3、MyBatis / MyBatis-Plus、安全与 JWT 等。
  • 数据层 MySQL,缓存与会话常用 Redis;支持 Druid 连接池与可配置连接池参数。
  • 部署与交付:Docker Compose 一键拉起主服务镜像,Nginx 由启动脚本注入环境变量生成。
  • 可配置微信小程序 AppId / Secret,便于联调登录与支付等能力。

实现技术一览

客户端 · 小程序 / H5

uni-app Vue 3 Vite Pinia ES6+ mp-weixin uni_modules

管理后台

Vue Vite npm / yarn REST API Element 风格 UI

后端 · 数据 · 运维

Java 17 Spring Boot 3 MyBatis-Plus MySQL 8 Redis JWT Docker Nginx