随着信息技术的快速发展，婴幼儿健康管理正逐步从传统的线下模式向智能化、数字化的线上平台转型。本毕业设计旨在设计并实现一个基于Flask后端框架与Vue.js前端框架的婴幼儿健康关爱网站，为家长提供全面、便捷的婴幼儿健康数据记录、成长追踪、知识科普与社区交流服务。
一、 系统设计
1. 架构设计
系统采用前后端分离的B/S架构。后端使用Python的轻量级Web框架Flask构建RESTful API，负责业务逻辑处理、数据存储与用户认证。前端采用现代化的渐进式JavaScript框架Vue.js，结合Vue Router、Vuex及Element Plus UI组件库，构建交互丰富、响应迅速的用户界面。数据库选用关系型数据库MySQL，用于存储用户信息、婴幼儿档案、健康数据、科普文章等结构化数据。
2. 功能模块设计
系统主要分为四大核心模块：
- 用户中心模块：实现用户注册、登录、个人信息管理及绑定婴幼儿档案功能。
- 健康数据管理模块：核心功能模块。允许家长记录并可视化展示婴幼儿的每日喂养（奶量、辅食）、睡眠、排便、体温、身高体重等关键健康指标。系统提供图表化趋势分析，并可设置正常值范围提醒。
- 成长知识库模块：整合科学的婴幼儿护理、营养、早教及疾病预防知识，以文章、视频等形式呈现，支持分类检索与收藏。
- 互动社区模块：为家长提供交流平台，可发布育儿心得、提问求助，形成互助支持的网络社区。
3. 数据库设计
核心数据表包括：用户表(users)、婴幼儿档案表(babies)、健康记录表（如feeding<em>records, growth</em>records）、知识文章表(articles)、社区帖子表(posts)及评论表(comments)。通过外键关联确保数据的一致性与完整性。
二、 系统实现
1. 后端实现(Flask)
使用Flask-SQLAlchemy进行ORM数据库操作，Flask-JWT-Extended处理用户认证与授权（采用Token机制），Flask-CORS处理跨域请求。为每个前端功能需求设计对应的API端点，例如/api/record/feeding（POST记录喂养）、/api/growth/chart（GET获取成长曲线）等。确保API接口的安全性与数据验证。
2. 前端实现(Vue.js)
使用Vue CLI搭建项目结构。通过Axios库与后端API进行异步通信。利用Vue Router实现页面路由跳转，如首页、数据记录页、知识库页、个人中心页等。使用Vuex集中管理应用状态，如用户登录状态、当前查看的婴幼儿信息。关键页面如健康数据录入页，采用表单验证与即时反馈；数据展示页，使用ECharts等库绘制直观的折线图、柱状图。整体UI设计力求简洁、温馨，符合亲子主题。
- 关键技术与难点
- 前后端数据交互：定义清晰的数据接口协议，确保JSON格式数据的高效、准确传输。
- 数据可视化：基于时间序列的健康数据动态图表生成，需前端图表库与后端数据聚合的良好配合。
- 用户隐私与数据安全：对婴幼儿健康数据等敏感信息进行加密存储，API接口实施严格的权限校验。
三、 与展望
本项目成功构建了一个功能相对完整的婴幼儿健康关爱Web平台。通过Flask与Vue.js的结合，实现了高内聚、低耦合的系统架构，具有良好的可维护性与扩展性。系统不仅帮助家长系统化地管理婴幼儿健康信息，还通过知识科普与社区互动提供了情感与经验支持。未来可考虑融入人工智能技术，如基于历史数据的健康趋势预测、智能喂养建议，并开发配套的移动端应用（如使用Uni-app），以提供更随时随地、无缝衔接的服务体验，更好地呵护婴幼儿健康成长。
