ARCHITECTURE
系统架构解析
Spring Boot + Vue 单体应用,无需微服务组件,一台服务器即可运行。
技术栈概览
☕ 后端 Spring Boot 4.1
内嵌 Tomcat,打包即跑,统一 RESTful API
🎨 前端 Vue 3
TypeScript + Vite + Element Plus,前后端分离
🗄️ 存储 MySQL 8 + Redis 7
MySQL 业务数据,Redis 热点缓存与登录态
📦 单体应用架构
无需 Nacos、网关等组件,部署运维成本极低
整体架构
浏览器访问 Vue 前端,前端通过 HTTP 调用后端接口,后端直连 MySQL 与 Redis——全链路只有三个进程,简单清晰。
🖥️ 浏览器用户操作
→
🎨 Vue 前端页面 + 静态资源
→
⚙️ Spring Boot业务逻辑 + API
→
🗄️ MySQL数据存储
→
⚡ Redis缓存 / 会话
四套开源系统
| 系统 | 技术架构 | 业务定位 |
| 🛒 电商 ERP |
Spring Boot 4.1 + Vue 3 |
多平台多店铺统一管理:订单、商品、采购、库存、发货、售后全链路 |
| 📦 OMS |
Spring Boot 3 + Vue |
轻量订单管理:多平台订单统一管理、库存同步、物流发货 |
| 🏪 零售 ERP |
Spring Boot 4.1 + Vue 3.5 |
POS 收银、进销存、会员管理,线上线下零售一体化 |
| 🌏 跨境电商 ERP |
SpringCloud + Spring Boot 3 + Vue 2 |
Shopify / SHEIN 等跨境平台订单管理,微服务架构 |
代码目录结构
标准分层架构:Controller 接收请求、Service 处理业务、Mapper 访问数据库,职责清晰、易于扩展与交接。
# 后端项目结构(电商ERP 开源版)
qihang-erp-open/
├── erp-api/ # 启动入口 + Controller + Config
│ └── src/main/java/cn/qihangerp/erp/
│ ├── controller/ # 接口层:订单/商品/库存/发货/售后
│ └── config/ # 配置类
├── service/ # 业务层:核心业务逻辑
├── mapper/ # 数据访问层:MyBatis-Plus
├── model/ # 实体对象
├── common/ # 公共工具类
├── security/ # 认证授权
├── open-sdk/ # 外部平台对接 SDK
├── docs/ # SQL 脚本与文档
└── pom.xml
# 前端项目结构
qihang-erp-vue/
├── src/views/ # 页面组件
├── src/api/ # 接口封装
├── src/router/ # 路由配置
└── src/store/ # 全局状态
💡 开发建议
统一 RESTful 接口风格,前端 src/api 一处封装;MyBatis-Plus 数据访问,少写 80% 的 SQL;OpenAPI 接口授权(appKey),方便对接自有系统。