全栈电商平台项目(React + Node.js + MySQL)
项目概述
本项目是一个全栈电商平台,包含用户端(前端)和管理后台(后端),实现商品展示、购物车、订单管理、支付模拟、用户权限控制等功能。采用前后端分离架构,前端使用React + Ant Design,后端使用Node.js(Express)+ MySQL,并部署在云服务器(如阿里云)上。
技术实现
1. 前端(React)
- 使用 React + TypeScript 构建SPA,采用React Router实现路由导航。
- 状态管理:Redux Toolkit 管理全局状态(用户登录态、购物车数据)。
- UI组件库:Ant Design 快速搭建页面,并自定义主题样式。
- 优化:代码分割(React.lazy)、图片懒加载、PWA 离线缓存。
2. 后端(Node.js + Express)
- RESTful API:提供用户注册/登录(JWT)、商品CRUD、订单管理接口。
- 数据库:MySQL 存储用户、商品、订单数据,Redis 缓存热门商品。
- 安全:接口限流、SQL注入防护、XSS过滤(helmet库)。
3. DevOps & 部署
- 使用Docker容器化应用,Nginx 反向代理 + HTTPS 配置。
- CI/CD:GitHub Actions 自动化测试和部署到云服务器。
核心功能
- 用户端:商品分类浏览、搜索、加入购物车、模拟支付(接入支付宝沙箱)。
- 管理后台:权限控制(RBAC)、数据可视化(ECharts)、批量导入商品(Excel解析)。