背景
随着大模型技术的飞速发展，模型即服务（MaaS）已成为 AI 应用落地的重要模式。开发者不再需要自行训练和部署底层模型，而是通过 API 调用云端提供的模型服务，从而大幅降低了 AI 应用的开发门槛。然而，面对日益丰富的模型选择和供应商，如何高效地评测、选择和调用模型服务成为新的挑战。
核心功能设计目标
本项目旨在设计一个完整可运行的低卡营养减肥菜谱网页展示页面，并集成 AI 大模型 API 功能。
视觉设计
- 风格：清新简约，主色调为低饱和绿色/蓝色系浅色背景，严格限制配色不超过 3 种。
- 结构：固定导航栏（含周一到周日快速跳转），7 个日期区块主体内容，底部功能区（打印/保存图片按钮）。
- 卡片内容：每日期含早/午/晚/加餐 4 张卡片，包含醒目餐点名称、带分类图标的主要食材清单、分步骤烹饪说明、卡路里数值及可视化进度条。
- 交互效果：默认轻微阴影，悬停放大 + 颜色提亮。
技术实现
- 布局：现代 CSS 布局（Flexbox/Grid）。
- 响应式：完全响应式设计（媒体查询适配）。
- 动画：平滑过渡动画。
- 代码规范：功能按钮正常工作，注释整洁。
AI 集成
- 调用主流 API 服务商接口实现 AI 智能完善菜谱功能。
- 添加美食搭配建议模块。
使用指南
配置 AI 服务
- 打开 AI 配置面板，选择 API 提供商并输入密钥。
- 在配置面板中输入您的 API 密钥，密钥将安全存储在本地浏览器中。
- 点击'测试连接'按钮验证配置是否正确，成功后即可开始使用 AI 功能。
- 根据需要调整温度参数、最大令牌数等高级设置。
浏览与操作
- 查看一周的健康菜谱，包含详细的营养信息和制作步骤。
- 向 AI 营养师提问，获取个性化的饮食建议。
- 使用快速操作面板生成菜谱、导出数据等。
功能介绍
系统支持 AI 重新生成菜单功能，调用 AI 模型将周一到周日的营养餐重新进行搭配生成。界面展示了周一到周日的营养餐搭配，并在末尾提供 AI 重新生成的入口。
总结
该系统成功将前沿的模型即服务（MaaS）能力应用于健康饮食领域，通过集成高性能的大语言模型，为用户提供了智能菜谱生成、营养分析与个性化建议等核心功能。在实现上，系统构建了一个清新简约的 Web 应用界面，以周为维度展示详细的低卡餐谱，并具备完整的交互与导出功能。该项目体现了大模型技术从通用能力向专业场景的高效转化，为降低 AI 应用开发门槛、构建垂直领域智能服务提供了一个具体实践范例。