【宠物健康档案与猫狗日常用药提醒App】基于 Vue3 + Spring Boot + 智能养宠算法的设计与实现（含PRD/三端高保真源码/大屏）

📌 项目摘要：随着数以千万计家庭将伴侣动物视为重要家人，宠物科学医疗与预防健康管理成为大众刚需。针对“疫苗驱虫周期混乱断档、给药剂量缺乏换算易中毒、化验病历零散丢失”等核心痛点，本项目研发了一套基于 Vue 3.4 + Pinia + Tailwind CSS + ECharts 5 + Spring Boot 3.2 的一体化【宠物健康档案与猫狗日常用药提醒系统】。涵盖基于体重的兽药临床安全剂量动态演算沙盘、高危毒性防呆阻断模型、终身全景电子病历时间轴与五维健康雷达，实现“家庭大屏 + 医院总控 + 随身小程序”三端高保真全闭环！

一、系统业务架构与多端协同设计

本系统严格遵从现代企业级规范，构建了**“移动端随身打卡 + PC端家庭健康大屏 + Admin端医疗管理总控”**三端协同体系：

+-----------------------------------------------------------------------------------+
|               PetHealth Hub 宠物全生命周期健康档案与用药防呆系统                 |
+-----------------------------------------------------------------------------------+
|                                                                                   |
|  [ 📱 微信小程序/随身端 ]        [ 🖥️ PC家庭养宠大屏 ]        [ 🛡️ 医疗管理总控台 ]  |
|  - 爱宠今日状态快速看板        - 全景健康作战大屏           - 全网犬猫健康大数据监控 |
|  - 喂药闹钟与一键打卡          - 兽药剂量临床换算沙盘       - 1500+兽药与物种禁忌库  |
|  - 疫苗驱虫倒计时日历          - 终身电子病历交互时间轴     - 疫苗批号冷链溯源防伪   |
|  - 检验单与化验报告夹          - ECharts 体重/饮水趋势雷达   - 执业兽医处方合规审计   |
|                                                                                   |
+-----------------------------------------------------------------------------------+
                                         │
                                         ▼ (RESTful API / JWT / WebSocket)
+-----------------------------------------------------------------------------------+
|                     Spring Boot 3.2 兽医临床规则与剂量演算引擎                     |
|  - 体重动态给药区间测算 (Dosage Sandbox)      - 致命毒性防呆阻断 (如猫咪禁用泰诺)   |
|  - 疫苗驱虫临期智能调度器 (Scheduler)         - 电子病历 OCR 异常指标智能结构化     |
+-----------------------------------------------------------------------------------+

二、现代高端前端 UI/UX 美学设计

系统彻底告别了冰冷单调的深黑 AI Slop 风格，精选**“暖萌马卡龙粉黄 + 治愈天蓝 + 柔和奶白”**（#fbbf24, #38bdf8, #fffbeb）作为主视觉基调。

注入呼吸感健康评分仪表与生动的多宠切换动效；
采用磨砂毛玻璃轻质感（Glassmorphism）与圆润亲和卡片排版；
结合专业医疗级别的红黄绿安全色标，兼具温馨感与严谨度。

三、三端高保真全套系统界面逐图解析

1. PC 端家庭爱宠健康作战室与全域看板 (PC Terminal)

(1) 家庭爱宠全景健康作战大屏

整合爱宠芯片身份、健康综合评分、今日待办喂药流与近期过敏警示。 !家庭爱宠全景健康作战大屏

(2) 今日定时给药与健康打卡清单

清晰标注意图用量、适口性喂药指南，轻点一键记录喂服时间与食后状态反馈。 !今日定时给药与健康打卡清单

(3) 近半年体重体况波动走势看板

基于体况评分 (BCS) 科学监测犬猫体重区间，严防肥胖诱发关节与内分泌疾病。 !近半年体重体况波动走势看板

(4) 全生命周期电子病历交互时间轴

从幼宠免疫、绝育手术到历次化验病历结构化归档，一键导出完整 PDF 就诊摘要。 !全生命周期电子病历交互时间轴

(5) 兽医级药品剂量与安全换算沙盘

严格按 kg 体重折算精准药量，内置小动物临床药典校验，排查犬猫致命禁忌。 !兽医级药品剂量与安全换算沙盘

(6) 爱宠体征指标趋势与生化雷达

ECharts 5 渲染每日饮水量走势柱状图与五维体况雷达模型（泌尿/肠胃/口腔/关节）。 !爱宠体征指标趋势与生化雷达

(7) 多宠无忧终身健康 VIP 特权

尊享三甲动物医院执业兽医 7x24h 绿通问诊、化验单 OCR 解读与宠物医疗险理赔直连。 !多宠无忧终身健康VIP特权

2. 运营与医疗管理总控台 (Admin Console)

(1) 全网养宠健康大数据监控大屏

实时监控全国犬猫建档量、准时喂药率、疫苗接种率与季节高发疾病预警分布。 !全网养宠健康大数据监控大屏

(2) 犬猫专科药品与禁忌防呆库

收录常用抗生素、止痛驱虫处方药剂量换算标准与致命毒性禁忌清单。 !犬猫专科药品与禁忌防呆库

(3) 疫苗规格与批次防伪冷链追溯

管理妙三多、硕腾等疫苗批号效期，实时监控冷链温控合规记录。 !疫苗规格与批次防伪冷链追溯

(4) 执业兽医师资质与电子处方合规审计

严格审核全国执业兽医师资质真伪，抽检远程电子处方合规性与用药安全。 !执业兽医师资质与电子处方合规审计

(5) 系统设置与提醒调度规则

配置微信服务号模板通知、推送频次上限与家庭成员协同防漏喂规则。 !系统设置与提醒调度规则

3. 手机移动端与微信小程序随身端 (Mobile App)

(1) 爱宠健康今日主屏

实时展示当前爱宠体况与今日待办给药卡片，一键打卡完成。 !爱宠健康今日主屏

(2) 精准用药方案中枢

支持多药联用时序提醒与适口性喂药小妙招指引。 !精准用药方案中枢

(3) 疫苗与驱虫全景日历

核心疫苗/体内外驱虫智能倒计时，到期自动弹窗提醒。 !疫苗与驱虫全景日历

四、核心业务时序流与技术实现

sequenceDiagram
    autonumber
    actor Owner as 宠物主人 (移动端/PC)
    participant Core as 宠物健康核心引擎
    participant Med as 用药提醒与剂量换算模块
    participant Rule as 兽药禁忌与防呆校验引擎
    participant DB as 数据库持久层

    Owner->>Core: 新增爱宠用药方案 (药品: 莫昔克丁, 频率: 每天2次)
    Core->>Med: 调取爱宠最新实测体重 (如 4.25kg)
    Med->>Rule: 校验药品适用物种 (猫/犬) 及体重安全阈值
    Rule-->>Med: 校验合规，输出计算剂量 (每次 0.5ml) 与禁忌提示
    Med->>DB: 生成计划提醒队列 (08:00, 20:00) 及打卡卡片
    DB-->>Core: 计划持久化成功
    Core-->>Owner: 提醒计划生效，展示智能喂药向导
    Note over Owner,Core: 到了 08:00 喂药时间
    Core->>Owner: 触发高优先级强提醒 (声音/震动/卡片红点)
    Owner->>Core: 点击“已喂药”打卡，上传喂药后状态 (良好/流涎/抗拒)
    Core->>DB: 更新服药依从性，计入终身健康档案时间轴

核心 Spring Boot 兽药剂量临床换算与禁忌防呆代码

// Spring Boot 3.2 兽药剂量临床换算与高危禁忌防呆校验核心服务
@Service
@Transactional
public class PetMedicationServiceImpl implements PetMedicationService {

    @Autowired
    private PetProfileRepository petRepo;
    @Autowired
    private DrugKnowledgeRepository drugRepo;
    @Autowired
    private MedicationScheduleRepository scheduleRepo;

    @Override
    public DosageCalcVO calculateSafeDosage(Long petId, Long drugId, String frequency) {
        PetProfile pet = petRepo.findById(petId)
                .orElseThrow(() -> new BusinessException("目标爱宠健康档案不存在"));
        DrugKnowledge drug = drugRepo.findById(drugId)
                .orElseThrow(() -> new BusinessException("目标药品未在临床数据库中收录"));

        // 1. 致命物种禁忌严格阻断拦截 (如对乙酰氨基酚禁用于猫咪)
        if ("cat".equalsIgnoreCase(pet.getSpecies()) && drug.getContraindicationSpecies().contains("cat")) {
            throw new DangerousMedicationException("【严重禁忌警告】该药物属于猫咪剧毒禁用药，绝对禁止服用！");
        }

        // 2. 基于精准实测体重 (kg) 动态测算推荐单次有效剂量
        BigDecimal currentWeight = pet.getCurrentWeightKg();
        BigDecimal minDose = currentWeight.multiply(drug.getMinDosagePerKg()).setScale(2, RoundingMode.HALF_UP);
        BigDecimal maxDose = currentWeight.multiply(drug.getMaxDosagePerKg()).setScale(2, RoundingMode.HALF_UP);

        // 3. 计算规格剂型换算 (如折算为片剂或混悬液体积 ml)
        BigDecimal unitPerDose = minDose.divide(drug.getStrengthPerUnit(), 2, RoundingMode.HALF_UP);

        return DosageCalcVO.builder()
                .petName(pet.getName())
                .weightKg(currentWeight)
                .drugName(drug.getGenericName())
                .standardDoseRange(minDose + "mg ~ " + maxDose + "mg")
                .recommendedUnit(unitPerDose + " " + drug.getFormUnit())
                .administrationRoute(drug.getRoute())
                .foodInteractionTips(drug.getFoodTips())
                .frequency(frequency)
                .build();
    }
}

五、项目资源与源码获取

完整系统包含：

三端高保真可运行完整工程源码（PC 家庭大屏 + Admin 医疗总控 + Mobile 随身小程序）；
满分规范 PRD 需求规格说明书 (PRD.md)；
全套 15 张 4K 原生高清设计切图 与生产部署指导手册。

💡 项目完整源码与文档下载直达：点此前往杂乱资源网专栏获取完整项目

【宠物健康档案与猫狗日常用药提醒App】基于 Vue3 + Spring Boot + 智能养宠算法 的设计与实现（含PRD/三端高保真源码/大屏）