隨著信息技術的快速發展，嬰幼兒健康管理正逐步從傳統的線下模式向智能化、數字化的線上平臺轉型。本畢業設計旨在設計并實現一個基于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），以提供更隨時隨地、無縫銜接的服務體驗，更好地呵護嬰幼兒健康成長。
