SpringBoot+Vue全栈系统在宠物店管理中的应用-代码聚汇网

SpringBoot+Vue全栈系统在宠物店管理中的应用

怪兽娃

1. 项目概述：当撸猫店遇上全栈技术

去年帮朋友改造他那家濒临倒闭的撸猫馆时，我深刻体会到传统纸质登记和Excel管理的痛点：预约信息错乱、会员消费记录丢失、库存盘点永远对不上账。这套基于SpringBoot+Vue的全栈管理系统，正是用技术手段解决实体宠物经济痛点的典型范例。

系统采用前后端分离架构，后端基于SpringBoot 2.7提供RESTful API，前端使用Vue 3组合式API开发管理界面，数据库选用MySQL 8.0兼顾事务处理与JSON扩展能力。特别设计了猫咪档案管理模块，包含体重追踪、疫苗接种日历等垂直场景功能，这是普通进销存系统不具备的专业需求。

2. 技术架构深度解析

2.1 后端技术栈选型

选择SpringBoot而非普通Spring MVC主要基于三点考量：

内置Tomcat简化部署，撸猫店通常没有专业运维
Starter依赖自动配置（特别是Spring Data JPA + MyBatis组合方案）
Actuator端点对营业数据监控的支持

数据库设计采用三范式与反范式混合模式。例如会员表包含JSON类型的宠物偏好字段：

sql复制CREATE TABLE member (
    id BIGINT PRIMARY KEY,
    profile JSON COMMENT '猫咪过敏史等扩展信息',
    ...
);

2.2 前端工程化实践

Vue 3项目通过vite构建，相比Webpack启动速度快60%以上。值得分享的配置技巧：

javascript复制// vite.config.js 优化项
server: {
  proxy: {
    '/api': {
      target: 'http://localhost:8080',
      changeOrigin: true,
      rewrite: (path) => path.replace(/^\/api/, '')
    }
  }
}

采用Pinia替代Vuex进行状态管理，特别适合频繁变动的预约状态更新。组件库选择Element Plus的同时，自定义了猫咪健康状态指示器等业务组件。

3. 核心业务模块实现

3.1 预约分流算法

解决"热门猫咪被过度预约"问题的核心算法：

java复制public Boolean checkCatAvailable(Long catId, LocalDateTime time) {
    // 每只猫每天最多接待5组客人
    int maxAppointments = 5;
    long existingCount = appointmentRepo.countByCatIdAndTimeBetween(
        catId, 
        time.withHour(0).withMinute(0),
        time.withHour(23).withMinute(59)
    );
    return existingCount < maxAppointments;
}

3.2 动态价格策略实现

周末/节假日自动溢价20%的业务逻辑：

java复制@Transactional
public BigDecimal calculatePrice(Long packageId, LocalDate date) {
    BasePackage pkg = packageRepo.findById(packageId).orElseThrow();
    BigDecimal basePrice = pkg.getPrice();
    
    // 获取节假日配置（缓存优化）
    HolidaySettings settings = holidayCache.get(date.getMonthValue());
    
    return settings.isPeakDay(date) ? 
           basePrice.multiply(new BigDecimal("1.2")) : 
           basePrice;
}

4. 典型问题排查实录

4.1 并发预约冲突

使用@Version乐观锁解决超卖问题：

java复制@Entity
public class Appointment {
    @Version
    private Integer version;
    //...
}

测试时发现需要配合重试机制：

java复制@Retryable(maxAttempts = 3, backoff = @Backoff(delay = 100))
public Appointment createAppointment(AppointmentDTO dto) {
    // 业务逻辑
}

4.2 猫咪照片上传优化

针对猫咪档案图片处理的特殊处理：

使用Thumbnailator生成200x200缩略图
EXIF信息自动旋转校正
存储路径按猫ID哈希分片

5. 部署与运维要点

5.1 低成本部署方案

推荐使用宝塔面板+JDK17组合：

bash复制# 内存优化启动参数
java -Xms128m -Xmx256m -jar cat-shop.jar

5.2 数据备份策略

编写自动化脚本实现每日凌晨3点备份：

bash复制mysqldump -u$DB_USER -p$DB_PASS $DB_NAME | gzip > /backups/cat_shop_$(date +%F).sql.gz
find /backups -mtime +7 -delete

这套系统上线后，朋友店铺的客户投诉率下降70%，员工效率提升3倍。特别提醒：开发时要预留足够的扩展字段，比如我们后来增加的猫咪性格标签功能，就是通过预留的JSON字段实现的平滑升级。