一、立项背景和目标
委托方在运营跨境雪茄商城的过程中,商品上下架、订单处理、售后审核、营销活动配置等日常运营工作缺乏统一的管理工具,依赖人工处理效率低、易出错。客户遂另行委托我方开发一套独立的电商后台管理系统,供其运营、客服、财务团队使用。项目目标是实现商城全业务链路的线上化管理,覆盖商品录入上架、订单处理与售后审核、营销活动配置、站点内容维护,并按岗位划分操作权限,保障商城业务的稳定运转。二、软件功能与核心功能模块
商品中心:商品、SKU、品牌、系列、分类管理,商品属性模板、商品图片管理、库存流水查询,以及商品/品牌/系列/分类的多语言信息维护;
订单管理:订单查询与详情、发货单管理、物流跟踪、支付记录、退款记录、售后审核处理、购物车数据查询;
营销管理:活动管理与活动商品配置、常规优惠券与会员优惠券发放;
会员管理:会员档案管理、会员收货地址管理、已注销会员记录;
运营管理:首页轮播管理、内容管理(均含多语言版本维护)、站点配置;
支付中心:支付渠道配置、多币种汇率管理;
系统基础:账号、角色、菜单权限管理,数据按岗位隔离。
三、业务流程和功能路径描述
运营人员登录后台 → 在商品中心录入商品、SKU 及中英文信息并上架 → 在营销与运营模块配置优惠券、轮播和内容 → 商城用户下单后,客服在订单管理中处理发货、跟踪物流,审核售后申请,财务核对支付与退款记录。各岗位按角色权限访问对应模块,操作留痕可追溯。
一、整体架构和设计思路
系统基于 JeecgBoot Vue3 低代码平台二次开发,技术栈为 Vue 3 + Vite + TypeScript + Ant Design Vue + Pinia,采用前后端分离架构,前端调用后端 RESTful 接口,通过 RBAC 角色权限实现动态路由与按钮级权限控制。业务层按领域划分为商品中心、订单管理、营销管理、会员管理、运营管理、支付中心六大模块,复用平台的列表表单、数据字典等通用组件提升开发效率;部署支持 Docker 容器化与 Electron 桌面打包两种形态,适配客户不同的部署环境。二、负责模块和结果
我负责后台全部业务模块的前端开发与交付,包括商品/SKU/属性模板等录入表单,订单详情、发货、售后审核、物流跟踪等交易流程页面,活动与优惠券配置,轮播与内容的多语言管理,汇率与支付渠道配置等,共交付三十余个业务页面,满足客户"商品上架—订单处理—内容运营"的日常运营需求,通过验收上线。三、难点、坑与解决方案
多语言内容管理:商城商品、轮播、内容均需中英文双版本,采用"主数据 + 多语言子表"的设计,多语言信息在独立管理页面维护,避免主表字段膨胀;
商品录入复杂:商品涉及 SKU、属性、图片多维度组合,抽象属性模板复用,SKU 由规格组合在表单内自动生成,降低人工录入错误;
订单状态复杂:订单涉及支付、发货、售后、退款多状态流转与金额核对,订单详情页聚合支付记录、物流与金额明细,为客服提供统一视图;
存量工程构建问题:平台旧版依赖与新 Node 环境存在兼容问题,通过锁定依赖版本、调整 Vite 构建配置解决,保证多环境(开发/Docker/桌面端)构建稳定。