纯前端实现的本地化签到工具,无需服务器支持,用户可每日签到并设置紧急联系人。连续3天未签到自动触发预警,通过模拟短信通知联系人关注安全。数据本地存储,适配手机端,适合独居者或小团队健康状态跟踪。
活着么签到系统”的本地化单页应用(纯前端 HTML 实现)
活着么签到系统
功能概述
纯前端实现的本地化签到与安全提醒工具,无需后端支持,数据通过 localStorage 持久化存储,适合个人或小范围使用。
核心功能
- 用户注册与信息管理
- 输入手机号完成注册。
- 设置紧急联系人(姓名、手机号、关系),且不能与用户本人相同。
- 每日签到
- 主界面一键签到,记录签到时间。
- 实时更新签到状态(“已签到”/“未签到”),禁止重复签到。
- 签到历史记录
- 自动保存签到记录,按日期降序排列。
- 显示签到日期及具体时间。
- 连续未签到预警
- 连续3天未签到时,触发模拟短信通知。
- 通知发送至预设紧急联系人,提示关注用户安全。
- 数据本地存储
- 所有数据(手机号、紧急联系人、签到记录)存储在浏览器
localStorage中。
- 所有数据(手机号、紧急联系人、签到记录)存储在浏览器
- 视图切换与状态反馈
- 根据注册状态自动切换视图:
- 未注册 → 注册界面
- 已注册但未设置紧急联系人 → 联系人设置界面
- 已完成设置 → 主界面
- 提供操作引导(如警告框、成功提示)。
- 根据注册状态自动切换视图:
- 响应式设计
- 适配手机、平板等小屏设备,确保正常显示与操作。
- 模拟短信服务
- 预留阿里云短信服务配置区域(方便后续扩展)。
- 当前版本通过
console.log和弹窗模拟短信发送过程。
技术特点
- 纯前端实现:无需服务器,直接保存为
.html文件即可使用。 - 本地持久化:依赖
localStorage存储数据,关闭浏览器后仍保留。 - 安全提醒机制:通过连续未签到检测增强用户与紧急联系人的联动。
适用场景
- 个人每日状态确认(如独居者安全提醒)。
- 小范围团队或家庭成员间的健康/安全跟踪。
通过以上功能,该系统可帮助用户快速搭建一个轻量级、易用的本地签到与安全提醒工具。



