随着消费电子产品更新迭代速度加快以及数字化消费习惯的普及，用户对电子产品的购买需求已从单纯的“比价”转向追求全渠道体验与专业化服务。传统的线下零售模式在应对海量SKU（库存单位）、实时库存变动及跨地域订单管理时显得力足。
本项目针对电子产品参数复杂、客单价高、售后链路长的行业特性，构建一个基于Java后端与Vue前端的高性能商城系统。场景涵盖了从数码产品的参数对比、动态规格（CPU/内存/颜色）选择、安全支付到订单物流跟踪的全过程。通过前后端分离架构，旨在解决高并发场景下的购物体验瓶颈，为品牌商和零售商提供一个标准化的数字贸易解决方案，以适应新零售背景下电子产品市场的高效流通需求。
本系统分为前台用户商城与后台管理系统两大核心板块，全面覆盖了数码产品电商的完整业务流：
1. 前台用户端
多维商品检索： 支持基于分类、品牌及关键词的全文搜索，并提供针对电子产品特性的多级条件筛选（如按价格区间、处理器型号、内存容量等）。
动态商品详情： 实时展示 SPU 与 SKU 的联动切换，用户选择不同配置（如 iPhone 15 128G vs 256G）时，价格与库存动态更新。
购物全链路： 集成购物车增删改查、地址管理、在线下单及模拟支付流程，并支持订单状态（待付款、待发货、已完成）的实时追踪。
用户交互中心： 提供个人资料维护、收货地址管理以及商品评价功能，构建完整的购物反馈闭环。
2. 后台管理端
商品规格引擎： 核心功能在于灵活配置电子产品的参数模板，支持复杂规格属性的可视化编辑与库存预警设置。
订单调度管理： 实现订单的审核、发货处理、退款审批及交易状态监控，确保业务流转合规。
运营数据看板： 汇总销售额、订单量及热销榜单，利用图表直观展示商城的经营状况，辅助决策分析。
系统权限控制： 基于 RBAC 模型实现用户、角色、权限的精细化管理，确保后台操作的安全性。
本项目由我独立完成后端全部开发和部分前台开发，涵盖了从需求分析、数据库建模、后端接口设计到前端 UI 渲染的全生命周期。系统采用当前主流的前后端分离架构，通过高效的组件化开发和规范的 API 交互，确保了系统的高可用性与可扩展性。
1. 后端架构实现（Java 端）
后端作为系统的核心大脑，构建在 Spring Boot 3.x 框架之上，实现了业务逻辑的高度解耦：
持久层框架： 采用 MyBatis Plus，结合 Lambda 表达式极大提升了 CRUD 的开发效率，并利用其分页插件处理海量订单数据。
安全认证： 自主集成 Spring Security + JWT (JSON Web Token)，实现了无状态化的登录授权机制，确保了用户隐私数据及支付环节的安全。
性能优化： 引入 Redis 作为缓存层，针对电子产品热销榜单及分类菜单进行数据预热，显著降低了 MySQL 数据库的并发压力。
工程规范： 严格遵循 RESTful API 设计规范，并利用 Maven 进行多模块依赖管理，提升代码的复用性。
2. 前端交互实现（Vue 端）
前端基于 Vue 3 生态链构建，追求极致的用户体验与响应速度：
核心框架： 利用 Composition API (Setup) 编写逻辑，配合 Vite 自动化构建工具，实现了秒级的开发热更新。
状态管理： 使用 Pinia 替代传统的 Vuex，管理用户的购物车状态、登录 Token 及持久化存储。
UI 库： 全面应用 Element Plus 桌面端组件库，针对电子产品的参数展示，自定义了大量的表格与卡片组件。
网络通信： 深度封装 Axios 拦截器，统一处理全局异常提示及请求头 Token 的自动携带。
评论