共患病健康风险评估助手

项目介绍

这是一个基于 React 和人工智能的健康风险评估系统，能够帮助用户评估健康风险、提供健康管理建议以及疾病预防指导。系统通过可视化展示疾病共病性网络，帮助用户更好地理解健康状况。

主要功能

• 🤖 AI 智能问答：提供健康咨询和建议
• 📊 疾病网络可视化：展示疾病之间的关联性
• 👤 个人信息管理：记录和管理用户健康信息
• 📝 健康风险评估：生成个性化的健康风险报告
• 💬 实时对话：流畅的用户交互体验

技术栈

• React 18
• React Router v6
• Ant Design
• Tailwind CSS
• Axios
• ECharts
• Styled Components

开始使用

环境要求

• Node.js >= 14.0.0
• npm >= 6.14.0

安装步骤

1. 克隆项目

git clone [项目地址]

2. 安装依赖

cd [项目目录]
npm install

3. 启动开发服务器

npm start

4. 构建生产版本

npm run build

项目结构

src/
├── assets/         # 静态资源文件
├── components/     # 组件文件
│   ├── ChatBox.js  # 聊天界面组件
│   ├── InfoForm.js # 信息表单组件
│   └── ...
├── context/       # Context 相关文件
├── pages/         # 页面文件
│   ├── ChatPage.js     # 聊天主页
│   ├── NetworkPage.js  # 网络图页面
│   └── PersonInfoPage.js # 个人信息页面
├── utils/         # 工具函数
└── App.js         # 应用入口文件

功能特点

智能对话系统

• 基于大规模语言模型的智能问答
• 支持健康咨询和建议
• 实时流式响应
• 预设问题快速提问

个人信息管理

• 完整的个人信息收集
• 自动计算 BMI 和腰臀比
• 支持多选疾病史记录
• 数据本地持久化存储

疾病网络可视化

• 交互式网络图展示
• 疾病关联度分析
• 支持缩放和拖拽
• 自适应布局算法

健康风险评估

• 个性化风险分析报告
• 实时生成评估结果
• 进度反馈
• 可视化展示风险因素

API 配置

项目默认连接到本地开发服务器：

baseURL: 'http://127.0.0.1:8000/api'

如需修改 API 地址，请在 src/utils/request.js 中更新配置。

开发指南

添加新功能

1. 在 components 或 pages 目录下创建新组件
2. 在 App.js 中添加路由配置
3. 更新相关的 Context 或工具函数

代码规范

• 使用 ESLint 进行代码检查
• 遵循 React Hooks 的使用规范
• 保持组件的单一职责
• 注重代码复用和模块化

部署说明

开发环境

npm start

访问 http://localhost:3000

生产环境

npm run build
serve -s build

注意事项

• 首次使用需要完善个人信息才能获得更准确的健康评估
• 确保后端服务已正确启动并配置
• 建议使用现代浏览器访问以获得最佳体验
• 移动端支持响应式布局