为老年人设计的健康打卡小程序《老人打卡助手》

这是我用Trae CN SOLO模式开发的微信小程序,主要功能如下:

老人打卡助手 - 功能总结

:mobile_phone: 核心功能模块

:one: 首页 (Home)

  • 用户信息展示 :显示头像、昵称、问候语(根据时间自动切换)
  • 时间日期 :实时显示当前日期、星期、时间
  • 健康小贴士 :每日养生建议
  • 一键求助 :
    • 调用腾讯地图SDK获取精准位置
    • 生成紧急求助分享卡片(含用户信息、时间、位置)
    • 支持分享给好友和朋友圈
  • 快捷入口 :健康打卡、我的圈子、健康记录、益智小游戏
  • 添加桌面引导 :提示用户添加到桌面快捷方式

:two: 健康打卡 (Health Check-in)

三大健康打卡场景:

  • :droplet: 喝水打卡 :记录每日喝水杯数,目标8杯

  • :pill: 服药打卡 :记录每日服药情况

  • :person_walking: 散步打卡 :对接微信运动,目标2000步
    特色功能:

  • 打卡进度实时显示(进度条、完成状态)

  • 本地缓存 + 云端同步

  • 打卡成功自动分享到圈子

  • 智能提醒 :支持订阅明天的打卡提醒(喝水9:00、服药12:00、散步18:00)

:three: 我的圈子 (Circle)

  • 动态流 :展示好友的打卡动态(喝水、服药、散步)
  • 点赞互动 :支持为动态点赞/取消点赞
  • 邀请好友 :分享小程序链接邀请好友加入圈子
  • 自动添加好友 :通过分享链接进入的用户自动建立好友关系
  • 加载动画 :请求云函数时显示加载状态
  • 缓存策略 :优先显示缓存数据,异步更新最新内容
  • 空状态处理 :无数据时友好提示

:four: 个人中心 (Profile)

  • 微信登录 :安全快捷的微信授权登录
  • 个人资料管理 :
    • 头像选择与上传(云存储)
    • 昵称编辑(支持微信昵称选择器)
  • 登录状态管理 :支持退出登录
  • 隐私设置 :关于页面

:five: 健康数据 (Health Data)

  • 日历视图展示历史打卡记录
  • 加载动画 + 缓存策略优化
  • 支持查看每日打卡详情

:six: 益智小游戏 (Games)

  • 提供简单的益智小游戏(娱乐功能)

:cloud: 技术架构

云函数列表

  1. getUserInfo - 获取用户信息/OpenID
  2. getUserProfile - 获取用户详细资料
  3. saveUserProfile - 保存用户资料
  4. saveCheckInData - 保存打卡数据
  5. getRecentCheckInData - 获取最近打卡记录
  6. saveCircleMoment - 保存圈子动态
  7. getCircleMoments - 获取圈子动态列表
  8. toggleMomentLike - 点赞/取消点赞
  9. addFriend - 添加好友关系
  10. decryptWeRunData - 解密微信运动数据
  11. scheduleCheckInReminder - 订阅打卡提醒
  12. sendCheckInReminder - 发送打卡提醒

第三方服务

  • 腾讯地图SDK :逆地理编码(经纬度 → 地址)
  • 微信开放能力 :微信运动、订阅消息、分享功能

:artist_palette: 设计特色

用户体验优化

  • :white_check_mark: 加载动画统一设计
  • :white_check_mark: 三级缓存策略(内存 → 本地存储 → 云端)
  • :white_check_mark: 友好的错误提示
  • :white_check_mark: 登录状态实时同步
  • :white_check_mark: 自定义TabBar导航
  • :white_check_mark: 适配各种屏幕尺寸

性能优化

  • :white_check_mark: 分包加载(lazyCodeLoading)
  • :white_check_mark: 排除不必要文件(node_modules、素材等)控制代码包体积
  • :white_check_mark: 图片云存储优化

:locked: 安全权限

  • 位置权限:用于紧急求助获取位置
  • 微信运动权限:用于散步打卡获取步数
  • 订阅消息权限:用于推送打卡提醒

小程序截图:

感兴趣的朋友可以微信扫码体验: