个人生活仪表盘

工具办公软件案例ID：249009

☀

2 年经验· 掌门教育

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

项目简介
这是一个个人生活仪表盘系统，主要包含待办事项管理、日历管理、快捷入口管理、体重趋势分析、Excel 批量导入体重、图片上传、实时天气与空气质量展示等功能。前端使用 React + Vite 实现数据展示和交互页面，后端使用 Spring Boot + MyBatis + MySQL 提供接口服务。

我负责的角色
我主要负责后端架构设计和核心功能开发，同时参与部分前端页面联调和交互优化。后端方面包括用户认证、权限校验、业务接口、数据持久化、文件上传、第三方接口接入、Excel 异步导入和统一异常处理等。

后端核心功能
后端提供了用户登录注册、待办事项、快捷入口、体重记录、体重档案、日历聚合、天气查询等 REST API。体重模块支持单条新增、修改、删除，也支持 Excel 批量异步导入，并提供导入进度查询。天气模块接入 Open-Meteo 获取实时天气和空气质量，同时结合高德逆地理编码展示当前位置区域。

安全性设计
安全性是后端重点考虑的部分。用户密码使用 BCrypt 加密存储，不保存明文密码；登录成功后生成随机 Token，数据库中只保存 Token 哈希值，降低泄露风险。接口通过 Bearer Token 识别用户，并在业务层按用户 ID 隔离数据，避免越权访问。

登录接口增加了失败次数限制，连续失败过多会短时间锁定，防止暴力破解。CORS 做了白名单和本地开发通配配置，避免非授权来源访问接口。所有请求参数使用 Bean Validation 校验，例如手机号、URL、数值范围、日期格式等，防止脏数据进入系统。文件上传限制类型、大小和分类，避免任意文件写入风险。第三方 API key 放在后端配置中，不暴露给前端。

前端部分
前端主要负责仪表盘展示和管理页面交互，包括待办表格、快捷入口管理、体重折线图、天气卡片、弹窗表单和上传进度展示。整体风格偏科技感，页面操作以管理后台式布局为主。