1. 项目概述这个宠物用品电商系统采用前后端分离架构前端使用Vue.js框架后端基于Spring Boot技术栈。系统主要面向宠物用品零售商和宠物主人提供商品展示、在线购买、订单管理、用户中心等核心功能模块。我在实际开发中发现宠物用品电商与传统电商系统存在显著差异需要特别关注宠物分类体系如犬类/猫类/小宠、宠物年龄阶段对应的商品匹配幼犬粮/成犬粮以及宠物体重与商品规格的关联计算。这些业务特性直接影响着数据库设计和业务逻辑实现。2. 技术架构解析2.1 后端技术栈Spring Boot 2.7.x 作为基础框架主要依赖包括Spring Security 5.7认证授权MyBatis-Plus 3.5数据持久化Redis 6.2缓存会话管理Alibaba Cloud OSS图片存储数据库采用MySQL 8.0特别设计了以下核心表CREATE TABLE pet_product ( id bigint NOT NULL AUTO_INCREMENT, pet_type tinyint COMMENT 1-犬类 2-猫类 3-小宠, age_stage tinyint COMMENT 1-幼年 2-成年 3-老年, weight_range varchar(20) COMMENT 适用体重范围, spec_json json COMMENT 规格参数(颜色/尺寸等), PRIMARY KEY (id) ) ENGINEInnoDB DEFAULT CHARSETutf8mb4;2.2 前端技术栈Vue 3 Element Plus构建管理后台主要特性包括动态路由权限控制Axios请求拦截Vuex状态管理ECharts数据可视化移动端采用Vant 4组件库通过rem适配方案实现响应式布局。实测数据显示首屏加载时间优化至1.2秒内// vite.config.js 优化配置 export default defineConfig({ build: { chunkSizeWarningLimit: 1500, rollupOptions: { output: { manualChunks(id) { if (id.includes(node_modules)) { return vendor } } } } } })3. 核心业务实现3.1 智能商品推荐基于用户浏览记录和宠物档案数据实现个性化推荐算法public ListProduct recommendProducts(Long userId) { // 获取用户宠物信息 Pet pet petMapper.selectByUserId(userId); // 构建推荐查询条件 LambdaQueryWrapperProduct query new LambdaQueryWrapper(); query.eq(Product::getPetType, pet.getType()) .eq(Product::getAgeStage, pet.getAgeStage()) .apply(JSON_CONTAINS(weight_range, {0}), pet.getWeight()); // 混合推荐策略 return productMapper.selectList(query) .stream() .sorted(Comparator.comparing(Product::getSales).reversed()) .limit(12) .collect(Collectors.toList()); }3.2 购物车特殊处理针对宠物用品特性购物车需要额外校验宠物食品不能与用品混合结算处方粮需要上传兽医证明大件商品如猫爬架需单独计算运费前端实现示例template div v-ifisMedicalProduct classcertificate-upload el-upload action/api/upload/cert :before-uploadcheckCertFile el-button typeprimary上传兽医证明/el-button /el-upload /div /template script export default { methods: { checkCertFile(file) { const isPDF file.type application/pdf if (!isPDF) { this.$message.error(请上传PDF格式证明) return false } return true } } } /script4. 部署实践指南4.1 生产环境部署推荐使用Docker Compose编排服务version: 3.8 services: mysql: image: mysql:8.0 environment: MYSQL_ROOT_PASSWORD: ${DB_PASSWORD} volumes: - ./mysql-data:/var/lib/mysql redis: image: redis:6.2-alpine ports: - 6379:6379 backend: build: ./backend ports: - 8080:8080 depends_on: - mysql - redis frontend: build: ./frontend ports: - 80:804.2 性能调优要点MySQL配置优化[mysqld] innodb_buffer_pool_size 1G innodb_log_file_size 256M max_connections 200JVM参数建议java -jar -Xms512m -Xmx1024m -XX:UseG1GC \ -XX:MaxGCPauseMillis200 \ -Dspring.profiles.activeprod \ petstore-backend.jar5. 典型问题排查5.1 图片上传失败常见原因及解决方案OSS权限配置错误 → 检查RAM策略的Action包含oss:PutObject前端未设置Content-Type → 显式指定Content-Type: multipart/form-data文件超过大小限制 → Nginx添加配置client_max_body_size 20M5.2 订单状态不同步分布式事务处理方案Transactional public void completeOrder(Long orderId) { // 1. 更新订单状态 orderMapper.updateStatus(orderId, PAID); // 2. 扣减库存 boolean success inventoryService.reduceStock( orderMapper.selectById(orderId).getItems()); if (!success) { throw new RuntimeException(库存不足); } // 3. 发送物流消息 rabbitTemplate.convertAndSend( order.exchange, order.complete, orderId); }6. 扩展开发建议6.1 宠物健康档案可扩展功能模块设计Entity Table(name pet_health_record) public class HealthRecord { Id GeneratedValue(strategy IDENTITY) private Long id; Enumerated(EnumType.ORDINAL) private HealthIndicator indicator; // 体温/体重等 private BigDecimal value; private LocalDate recordDate; ManyToOne JoinColumn(name pet_id) private Pet pet; }6.2 智能喂养提醒基于Quartz的任务调度实现public class FeedingReminderJob implements Job { Override public void execute(JobExecutionContext context) { ListPetSchedule schedules scheduleMapper .selectList(new QueryWrapperPetSchedule() .eq(reminder_enabled, true)); schedules.forEach(schedule - { if (shouldRemindNow(schedule)) { pushService.send(schedule.getUserId(), 该给%s喂食啦.formatted(schedule.getPetName())); } }); } }关键提示开发宠物类系统时务必注意不同宠物品种的特殊需求。例如猫粮需要考虑室内/室外猫的区别犬类商品需要区分大型犬/小型犬规格。这些业务规则应该通过数据字典进行可配置化管理。我在实际部署中发现宠物用品的图片资源往往体积较大建议采用以下优化方案使用WebP格式替代JPEG平均可减少30%体积实现懒加载技术首屏只加载可视区域图片对商品详情页的图片启用CDN加速系统后续可考虑集成宠物医院预约、宠物社区等增值服务模块这些扩展需要特别注意用户隐私数据的保护建议采用字段级加密方案处理敏感信息。
