简单商城、在线客服管理系统-北京尧图网络

一套微服务在线客服系统访客在商城页通过悬浮气泡咨询客服在管理后台工作台实时接待WebSocket 长连接同时保留商城/后台本身的业务能力。架构示意图浏览器┌──────────────────────┐ ┌──────────────────────────┐│ 商城 customer-system │ │ 后台 admin-system ││ Naive UI :3001 │ │ Element Plus :3000 ││ 访客悬浮聊天窗 │ │ 客服工作台(SSO 免二次登录) │└──────────┬───────────┘ └────────────┬─────────────┘│ HTTP /api WS /ws │ HTTP /ocs-api WS /ocs-ws▼ ▼┌─────────────────────────┐│ Spring Cloud Gateway:9000│ 统一入口/路由/静态文件└────────────┬─────────────┘┌───────────────────┼───────────────────┐▼ ▼ ▼┌────────────────┐ ┌─────────────────┐ ┌──────────────────────┐│ admin-service │ │customer-service │ │ online-service ││ :8080 │ │ :8081 │ │ :8082 HTTP :9001 WS ││ 用户/角色/权限 │ │ 客户/商品/购物车 │ │ 会话/消息/坐席/分配 ││ admin_system 库│ │ customer_service│ │ online_customer_service│└────────────────┘ └────────┬────────┘ └───────────┬──────────┘│ Feign │└───────────────────────┘ SSO 身份核实┌─────────────┬──────────────┬───────────────┐▼ ▼ ▼MySQL 5.7 Redis Nacos 3(三库独立) (token/在线状态/ (注册发现/配置)路由/限流)技术栈┌───────────┬───────────────────────────────────────────────────────────────────────────────────────────────────────┐│ 层 │ 技术 │├───────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────┤│ 语言/框架 │ Java 21、Spring Boot 3.5、Spring Cloud Alibaba 2025 │├───────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────┤│ 微服务 │ Spring Cloud GatewayWebFlux 反应式、OpenFeign、Nacos注册配置 │├───────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────┤│ 实时通信 │ Netty 手写 WebSocket 服务900130s 心跳、指数退避重连、SYSTEM 事件帧封装消息发送 HTTP/WS 双通道 │├───────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────┤│ 持久层 │ MyBatis-Plus 3.5Lambda 语法为主、MySQL 5.7每服务独立库 │├───────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────┤│ 缓存 │ Redis客服 token8h 滑动续期顶号、在线状态、技能组路由、限流、策略应急覆盖 │├───────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────┤│ 后台前端 │ Vue 3.5 TS Vite Element Plus Piniatoken 存 localStorage路由表按权限码动态注册 │├───────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────┤│ 商城前端 │ Vue 3.5 TS Vite Naive UI Pinia客户 token 走 httpOnly cookie不落 localStorage │├───────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────┤│ 工程规范 │ Lombok、SLF4J Slf4j、构造器注入、统一 ResultT / BusinessException、DTO/VO/DO 分层 │└───────────┴───────────────────────────────────────────────────────────────────────────────────────────────────────┘几个关键设计- 三库隔离最小耦合权限点 ocsWorkbench:* 在 admin 库决定谁能进工作台坐席/会话在 online 库决定怎么接待admin 登录后用 adminToken 调 online SSO 换客服tokenonline 再反向 Feign 核实- 会话分配可热切换轮询 / 最少接待默认/ 技能组优先 / 指定客服支持 Redis 应急覆盖无需重启- 访客身份兜底已登录商城客户打开气泡时后端从 customer_token cookie 自动识别身份JS 读不到 token- 消息可靠性clientMsgId 唯一索引做发送幂等防重复消息、乐观消息气泡失败重发、游标分页拉历史、已读回执整体就是一个典型的「网关三业务服务 Netty 长连接双前端嵌入」Spring Cloud 教学/演示架构。● 基础设施中间件本地实际运行版本已实测确认┌────────┬────────────────────────┬──────┬─────────────────────────────────────────────────────────────────────────────────┐│ 中间件 │ 版本 │ 端口 │ 在本项目的用途 │├────────┼────────────────────────┼──────┼─────────────────────────────────────────────────────────────────────────────────┤│ MySQL │ 5.7.43 │ 3306 │ 三个服务各独立一库admin_system / customer_service / online_customer_service │├────────┼────────────────────────┼──────┼─────────────────────────────────────────────────────────────────────────────────┤│ Redis │ 5.0.14.1Windows 版 │ 6379 │ 客服/客户 token、坐席在线状态、技能组路由、限流、分配策略应急覆盖 │├────────┼────────────────────────┼──────┼─────────────────────────────────────────────────────────────────────────────────┤│ Nacos │ 3.0.3 │ 8848 │ 服务注册发现配置中心 │└────────┴────────────────────────┴──────┴─────────────────────────────────────────────────────────────────────────────────┘▎ 注意MySQL 是 5.7 而非计划文档里写的 8.0所以写 SQL 时要兼容 5.7如没有窗口函数、注意 ONLY_FULL_GROUP_BY。与之配套的框架/组件版本Mavenpom 实际声明┌──────────────────────┬─────────────────────────────┬──────────────────────────────────────────────────────┐│ 组件 │ 版本 │ 说明 │├──────────────────────┼─────────────────────────────┼──────────────────────────────────────────────────────┤│ JDK │ 21 │ │├──────────────────────┼─────────────────────────────┼──────────────────────────────────────────────────────┤│ Spring Boot │ 3.5.x │ 父 POM 管理 │├──────────────────────┼─────────────────────────────┼──────────────────────────────────────────────────────┤│ Spring Cloud │ 2025.0.3 │ Gateway OpenFeign │├──────────────────────┼─────────────────────────────┼──────────────────────────────────────────────────────┤│ Spring Cloud Alibaba │ 2025.0.0.0 │ Nacos 注册/配置Nacos Client 3.0.3 │├──────────────────────┼─────────────────────────────┼──────────────────────────────────────────────────────┤│ MyBatis-Plus │ 3.5.9 │ ORMmybatis-plus-spring-boot3-starter │├──────────────────────┼─────────────────────────────┼──────────────────────────────────────────────────────┤│ Netty │ 随 Spring Boot BOM4.2.x │ 9001 端口手写 WebSocket 服务 │├──────────────────────┼─────────────────────────────┼──────────────────────────────────────────────────────┤│ Hutool │ 5.8.32 │ 工具库 │├──────────────────────┼─────────────────────────────┼──────────────────────────────────────────────────────┤│ Lombok │ 1.18.30 │ │├──────────────────────┼─────────────────────────────┼──────────────────────────────────────────────────────┤│ 构建 │ Maven │ 多模块common / gateway / admin / customer / online │└──────────────────────┴─────────────────────────────┴──────────────────────────────────────────────────────┘前端侧 Node 22.21.1、Vite Vue 3.5属于构建工具链而非运行中间件。整套依赖 Spring Boot BOM 对齐版本没有手工锁冲突的三方包。开源地址stormeryang (youbangbang_stormeryang) - Gitee.com

简单商城、在线客服管理系统

相关推荐

Shell编程入门：从零基础到自动化脚本实战

YOLOv8货架商品盘点系统：小目标检测与毕设闭环实践

vector autosar RTM使用与集成

更多资讯

程序调试中的信号提示与处理技术详解

Java Stream性能优化：JDK 8到JDK 17的进化与实战

Redis布隆过滤器原理与实战应用详解

农业AI成熟度检测系统：YOLO多版本调度与SpringBoot工程化实践

把“杂七杂八”变成知识资产：个人知识管理的新思路

蠢萌的小姐姐都能学会的Linux基本命令，有这份学习秘籍，你还不抓紧时间上车？

今日更新

SpacetimeDB C++ 模块库实战：用 C++20 在数据库内构建 WebAssembly 模块

别踩雷！不是所有 AI 写作工具都靠谱，2026 高校认可工具精选

SSM+MySQL幼儿园管理系统源码解析：从部署到优化

本周精选

超人会飞不算本事：系统稳定依赖清晰规则与边界设计

超人VS蜘蛛侠：拆解超级IP的影响力与传播方法论

基于CNN的调制信号识别：MATLAB实现时频图分类实战

本月热门

基于YOLO的焊缝缺陷检测：从数据标注到工业部署全流程实践

分布式服务的决策记录

创业产品的首版范围

读完文章，想聊聊您的网站？