旺行甄选 — 积分商城全栈电商系统产品系统

我要开发同款
nodejs全栈2026年07月21日
5阅读

技术信息

语言技术
TypeScriptNode.jsElementUIES6小程序
系统类型
小程序轻应用
行业分类
电商

作品详情

行业场景

这是一个积分兑换场景的全栈电商平台。企业通过该系统向员工发放积分,员工可通过推广绑定客户来获取更多积分,客户可以通过消费或参加活动获取积分,客户使用积分+微信支付混合方式在商城中兑换/购买商品。平台涵盖完整的供应链路:供应商入驻 → 商品上架审核 → 多租户隔离 → C端交易 → 订单履约 → 退款售后→供应商结算对账,是一套类京东/天猫的垂直领域B2B2C电商解决方案。

功能介绍

项目包含 三端(管理后台、供货商门户、移动端商城)共 100+ 页面,核心功能如下:
管理后台 (vue-admin) 核心功能: 供应商入驻审核与分类授权、商品分类树形管理、商品审核与批量导入、订单全生命周期管理(详情/发货/物流追踪)、退款审核与处理、积分申请审核与流水查询、员工管理、客户管理、秒杀/爆款营销配置、优惠券管理、Banner轮播管理、消息通知、快递管理、运费模板、COS文件管理、Dashboard业务统计看板
供货商门户 (supplier-portal)核心功能: 工作台经营数据看板、商品管理(改价/上下架/库存调整)、自有订单管理与发货、退款审核(确认收货/执行退款)、结算对账(概览与明细)
移动端商城 (uniapp-mini)核心功能: 微信小程序 +H5双端适配;首页(Banner/秒杀/推荐)、商品分类与搜索、商品详情(SKU选择/规格图)、购物车、订单确认(地址选择/积分抵扣/微信支付)、订单列表 /详情/取消/确认收货、退款申请与退货快递填写、用户中心(资料编辑/收货地址/收藏)、员工中心(积分申请/转赠/流水记录/推广码)、优惠券、消息中心、评价提交与查看、签到功能
关键业务规则:下单后30分钟未支付自动取消并释放库存退还积分;员工仅可转赠给绑定自己的推广客户并校验手机号;供应商只能看到授权分类下的商品和订单(多租户数据隔离)。

项目实现

独立全栈开发,一人完成后端到三端前端的完整交付。
后端(Node.js):使用 Node.js + Express + TypeScript 搭建 RESTful API,设计 38 张表的 MySQL 数据库模型与 120+ 接口;实现 JWT 双 Token认证、RBAC 动态权限、多租户数据隔离、Redis 延迟队列(订单超时自动取消)、微信支付对接、腾讯云 COS STS 临时凭证直传。
管理后台:Vue 3 + TypeScript + Element Plus,实现动态路由(后端下发菜单 JSON → import.meta.glob 懒加载视图),封装 Axios 双 Token 无感刷新
+ 并发请求队列,开发 28 个全局业务组件,CSS 变量主题系统,按钮级 v-auth 权限指令。
供货商门户:独立 Vue 3 项目,共享核心网络层,实现供应商视角的数据隔离与发货物流闭环。

移动端商城:uni-app + Vue 3 跨平台开发,一套代码编译微信小程序和 H5;设计网络层三层架构(HttpClient → 拦截器 → 业务 API),封装
usePagination(竞态防护)、usePoints(请求去重+缓存)等组合式函数。

技术栈

Node.js Express TypeScript MySQL Redis Vue 3 Vite Pinia Element Plus uni-app 微信小程序 腾讯云 COS 微信支付 Prisma ORM JWT ECharts Vitest

架构亮点与难点

双 Token 无感刷新(三端统一):响应拦截器 401 → 并发请求入队挂起 → 单次 RefreshToken 换新 →
批量重放。三端复用同一设计模式,避免重复造轮子。

动态权限路由:后端按角色下发菜

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论