后台管理系统-电商后台管理系统

本项目是一个基于 Vue3 + Java EE 的电商后台管理系统，为电商运营人员提供一站式管理平台。

- 主要目的：实现电商核心业务的数字化管理
- 目标用户：电商运营人员、系统管理员
- 产品价值：提升电商运营效率，数据可视化展示经营状况

本项目采用前后端分离架构，前端使用 Vue 3 + Vite 构建，UI 层采用 Element Plus 组件库，状态管理使用 Pinia，路由使用 Vue Router 4，HTTP 请求通过 Axios 封装，数据可视化使用 ECharts 5。后端基于 Java EE Servlet + JDBC 技术栈，部署在 Tomcat 10 服务器上，数据库使用 MySQL 8.0，通过 Filter 过滤器统一处理 CORS 跨域和字符编码。

我负责的模块包括：商品管理（增删改查、分页、搜索、批量删除）、分类管理（CRUD、排序、状态管理）、仪表盘统计（数据概览卡片、7天销售趋势折线图）、图片上传（Multipart 文件上传、UUID 重命名）、操作日志（自动记录登录和增删改操作）、角色权限管理（admin/editor 两级角色）以及 CSV 数据导出。共实现 8 个功能模块、28 个 API 接口，前端页面 7 个，数据库表 6 张，接口响应时间平均在 300ms 以内。

开发中遇到的主要难点：一是跨域问题，前端 5173 端口请求后端 8081 端口被浏览器拦截，通过编写 CorsFilter 过滤器设置响应头 Access-Control-Allow-Origin 等字段解决；二是图片上传路径问题，使用 getServletContext().getRealPath() 动态获取上传目录，避免硬编码路径导致的部署差异；三是中文乱码问题，在过滤器中统一设置 request.setCharacterEncoding("UTF-8") 和 response 编码；四是分页查询的 SQL 拼接，使用 StringBuilder 动态构造带条件的 LIMIT 查询语句；五是权限控制，通过 Session 存储登录管理员信息，在关键操作接口中校验角色，防止越权操作。