MailCloud - 独立站电商平台

电子商务 B2B 案例ID：235922

mzllxxz

5 年经验· 蚂蚁集团

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

项目简介：
本项目是一款对标 Shopify 的企业级 SaaS 模式独立站建站系统。系统采用多租户架构，支持商家一键开通属于自己的独立品牌商城，并通过独立域名绑定实现数据与品牌的完全隔离。项目涵盖了从商品多规格管理、动态装修、全流程订单履约、聚合支付到会员营销体系的完整电商闭环。
我的角色：
担任项目核心全栈架构师/开发工程师。独立负责从数据库建模、SaaS 架构设计、后端 API 开发到前端（C端商城+B端后台）的所有核心代码实现。
详细功能与技术亮点：
1. C端商城（Nuxt.js SSR）：
极致SEO与体验：基于 Nuxt3 服务端渲染，支持动态主题与千店千面的装修效果。
混合身份交易：设计了“宽容模式”鉴权拦截器，完美支持游客直接下单（免登录）与会员登录下单（自动匹配等级折扣）的双轨制流程，大幅提升转化率。
聚合收银台：深度集成微信支付 Native v3 与支付宝电脑网站支付，实现了支付二维码生成、状态实时轮询、超时自动取消及支付成功自动跳转的完整闭环。
售后体系：支持游客通过“订单号+手机号”双重验证查单，以及会员中心查看物流轨迹。
2. B端商家后台（Vue3 + Element Plus）：
复杂商品管理：前端实现 SKU 笛卡尔积算法，支持商家动态添加多层级规格（颜色/尺寸等），自动生成价格与库存表。
运费与营销：支持按件数/重量的复杂运费模板配置；支持自定义会员等级体系（自动升级、专属折扣）。
全流程订单履约：实现了从下单、发货（录入物流）、确认收货到原路退款（对接支付平台退款接口）的全生命周期管理。
3. 后端架构（Spring Boot + MyBatis Plus）：
SaaS多租户引擎：基于 Host 头实现动态域名解析，确保多商户数据的逻辑隔离。
动态支付工厂（核心难点）：攻克了 SaaS 平台“千店千号”难题，设计了支付工厂模式，根据订单所属 ShopID 动态加载商户私钥与证书，实现了支付配置的热加载与隔离。
资金安全：实现了高可靠的异步回调验签与乐观锁机制，确保交易资金 100% 安全入账。
技术栈：
Vue3, Nuxt.js, TypeScript, Spring Boot, MySQL, Redis, WeChat Pay, Alipay SDK.