Petpaw宠物日常记录产品系统

我要开发同款
minapp11405613992026年05月05日
6阅读

技术信息

语言技术
Taro
系统类型
小程序轻应用
行业分类
人工智能项目任务

作品详情

行业场景

轻量级宠物日常记录小程序,ui革新,点击式记录。
本地记录,微信原生技术栈。
宠物领域家用。
适合多宠家庭。

功能介绍

PetPaw 的功能模块包括:启动与底部导航、宠物档案管理、日常照护打卡、日历与历史记录、库存余量管理、库存自动扣减、医疗记录、月度照护海报、设置与多语言。

宠物档案管理支持添加、编辑、删除和选择宠物,可记录头像、昵称、宠物种类、品种、生日和体重。

日常照护打卡支持疫苗、驱虫、刷牙、记录体重、遛狗、铲屎等操作,并会根据猫、狗或其他宠物类型展示不同的快捷事项。

日历与历史记录用于查看每天的照护记录、体重记录和医疗记录,支持按月份浏览、选择具体日期、删除历史记录。

库存余量管理用于记录主粮、猫砂和自定义物资的当前余量、单位、消耗频率和消耗数量,并计算预计可用天数。

库存自动扣减会根据时间流逝和设置的消耗规则,自动减少物资余量,帮助判断是否需要补货。

医疗记录支持记录症状标签和照片,例如发热、呕吐、没精神、没胃口、腹泻、咳嗽、打喷嚏等。

月度照护海报会汇总当月陪伴天数、记录数量、打卡天数、照护变化、体重趋势、打卡分布和月度奖章,并生成可保存的图片。

设置模块支持语言切换、帮助与客服、关于信息和清除本地数据。

项目实现

我负责完整的项目设计与开发,项目不是单纯的记录工具,而是围绕“养宠日常”做了完整闭环:先建立宠物档案,再记录每天的照护行为和健康情况,同时跟踪主粮、猫砂等物资消耗,最后生成月度照护海报,帮助用户回顾一段时间内的陪伴和护理情况。

项目使用的技术栈主要是微信小程序原生技术,包括 JavaScript、WXML、WXSS、JSON 配置、微信小程序 API、本地 Storage、Canvas 2D、OffscreenCanvas、自定义 TabBar、拍照/相册能力、图片预览与保存相册能力。项目还使用了模块化工具函数来处理日期、数据存储、国际化、图标映射和库存计算,并通过 Node 测试脚本对部分关键交互和页面行为做了回归验证。

架构上,项目采用小程序原生页面架构,按业务域拆分为宠物档案、日常 Dashboard、库存、医疗、设置等页面。全局状态由 App 层统一持有,业务数据通过 storage 模块读写和持久化,页面通过 getState / setState 获取和更新数据,再通过 refreshData 同步界面。核心数据模型包括 pets、activePetId、inventoryItems、logs、reminders、weightHistory、medicalRecords 和 customActions。整体是一个轻量的本地状态管理架构,不依赖后端,数据保存在用户本机。

项目亮点在于功能闭环比较完整:支持多宠物管理,猫狗会有不同默认照护项和库存项;库存会根据消耗规则自动扣减并计算剩余天数;日常打卡支持内置项目和自定义项目,还能排序、隐藏和删除历史;日历能把日常、体重、医疗记录聚合到同一个时间视图;医疗记录支持症状标签和图片;月度海报用 Canvas 动态生成,包含记录数、活跃天数、照护变化、体重趋势、打卡分布和奖章体系;同时还做了中英文国际化和自定义底部导航。

难点主要集中在几个地方:第一是本地数据模型复杂,宠物、日志、体重、医疗、库存、自定义动作之间要按 petId 隔离,删除或隐藏时还要处理历史记录。第二是库存计算涉及单位换算、时间周期换算和跨天自动扣减,需要避免重复扣减或旧数据异常。第三是 Dashboard 聚合度高,需要同时处理快捷打卡、日历、历史列表、库存快照和海报生成,性能上要避免首屏被重计算拖慢。第四是 Canvas 海报导出在小程序环境里限制较多,需要兼容 OffscreenCanvas、普通 canvas、图片加载、临时文件生成、相册权限和保存流程。第五是国际化不仅是页面文字,还包括 TabBar、日期、品种展示、统计文案等细节,需要避免切换语言时出现闪烁或不一致。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论