| 作业所属课程 | 软件工程 |
|---|---|
| 作业要求 | 作业要求的链接 |
| 作业的目标 | 根据第一次团队作业中的需求分析和设计，完成原型设计和概要设计 |
| 团队名称 | 世界第一大厨 |
| 团队成员学号-名字 | 102202118-杨美荔；102202152-张静雯；102202140-郭心怡；102202107-王勤琛；102202104-王恒杰；102201129-周鑫；102201511-李海峰；102202102-王子聪；102202119-吴佳辉；022204045黄旭 |
🎉 欢迎来到我们的博客！🎉
🚀团队展示
🎄队名
世界第一大厨
🧸原型设计
🧩工具选择
我们团队使用了墨刀进行原型设计，该工具提供了丰富的交互功能和强大的原型展示能力。
🎊前端原型
前端原型设计链接
🐻❄️交互和规则描述
- ai生成菜谱界面
- 用户进入该页面后，可以看到输入提示，邀请用户输入他们的个性化需求，具体内容为：“请输入口味/食材/烹饪技巧”。
- 下拉菜单，还可以选择食材用量的单位，如克、千克、毫升、升等。
- 可以通过输入自己想好的内容，通过ai生成，制定出专属于自己偏好的食谱。
- 菜谱推荐
- 菜谱推荐区域展示多个菜谱，每个菜谱以卡片形式展示，包含图片、名称和简短描述。
- 用户可以点击任意菜谱卡片，进入该菜谱的详细页面。
- 用户评价
- 用户评价区域展示用户对菜谱的评价和反馈。
- 用户可以点击“用户评价”进入评价页面，查看更多用户反馈。
- 视频教程链接
- 提供了一个视频教程链接，用户可以点击链接直接观看糖醋排骨的制作视频。
- 用户互动区域
- 用户可以在“收藏菜谱”、“美食圈”、“大厨日记”等区域进行互动。
- 用户可以发布自己的菜谱、查看浏览记录、关注其他用户等。
🪄文本描述
-
首页标题：“中华小当家”前端用户系统，提供丰富的菜谱和烹饪教程。
-
菜谱卡片：每个菜谱卡片包含一张吸引人的图片、菜谱名称和简短的描述
-
用户评价：用户可以在这里留下自己的烹饪体验和对菜谱的评价。如：“非常实用的菜谱！我一个新手小白第一次做出来好吃的家常菜！太感动了，必须满分！！！”
-
视频教程链接：“这才是糖醋排骨简单又好吃的做法”，点击即可观看视频教程。
-
用户互动区域：用户可以在这里进行收藏、交流、发布菜谱等操作。
🔑规则描述
- 用户协议：用户在使用前必须阅读并同意《菜谱隐私权政策》《菜谱服务协议》《法律声明》。
- 菜谱浏览：用户可以自由浏览首页推荐的菜谱，点击菜谱卡片进入详细页面。
- 用户评价：用户在尝试过菜谱后，可以在用户评价区域留下自己的反馈。
- 视频教程：用户可以通过点击视频教程链接，观看详细的烹饪视频。
- 用户互动：用户可以在“收藏菜谱”、“ai问答生成菜谱”、“美食圈”、“大厨日记”等区域进行互动，包括收藏菜谱、分享自己的烹饪成果、发布自己的菜谱以及交流评论相关菜谱的味道等。
⚡UI美观性
-
色彩搭配
- 整体色彩搭配温馨而亲切，以暖色调为主，营造出家的氛围，符合烹饪和美食的主题。
- 色彩的使用既能够吸引用户的注意力，又不至于过于刺眼，保持了视觉上的舒适感。
-
布局设计
- 界面布局清晰，功能区域划分明确，用户可以快速找到自己感兴趣的内容。
- 菜谱推荐区域以卡片形式展示，既节省空间，又便于用户浏览和选择。
-
图片使用
- 每个菜谱卡片都配有高质量的食物图片，图片色彩鲜艳，能够激发用户的食欲。
- 图片与文字的结合恰到好处，既美观又不显得杂乱。
-
字体选择
- 字体选择简洁大方，易于阅读，与整体设计风格相协调。
- 标题和正文的字体大小和粗细有所区分，有助于用户快速识别信息层次。
-
交互元素
- 按钮和链接的设计直观易懂，用户可以轻松识别可点击的元素。
- 按钮颜色与整体设计协调，同时具有足够的对比度，确保用户能够注意到。
-
细节处理
- 界面中的细节处理，如图标、边框和阴影，都经过精心设计，增加了界面的精致感。
- 动画和过渡效果平滑自然，提升了用户的交互体验。
-
响应式设计
- 考虑到不同设备的显示效果，界面设计应具备良好的响应性，无论是在手机、平板还是桌面上都能保持良好的用户体验。
-
视觉层次
- 通过不同的颜色、大小和排版，界面中的视觉层次分明，重要信息突出，次要信息则相对低调，有助于引导用户的注意力。
-
一致性
- 整个界面的设计风格保持一致，无论是在颜色、字体还是图标上，都遵循统一的设计语言，这有助于增强品牌识别度。
-
空白艺术
- 界面中合理利用空白区域，避免了过于拥挤的感觉，使得内容更加突出，同时也减轻了用户的视觉负担。
🛠️ 后台管理原型
后端原型设计链接
💻原型交互描述
- 仪表盘
- 仪表盘作为后台管理系统的首页，展示关键数据和快捷操作入口。
-
用户管理中心
- 用户管理中心允许管理员查看和管理用户信息。
- 提供用户列表，支持搜索、筛选和排序功能，以及编辑和删除操作。
-
内容管理
- 内容管理模块用于发布和管理线上内容，包括纯文本、图文和视频。
- 提供内容审核功能，确保内容符合平台规定。
-
内容统计
- 数据统计模块展示内容的日涨量、点击量和排名等关键指标。
- 提供图表和趋势分析，帮助管理员了解内容表现。
-
高级管理
- 高级管理模块提供系统设置和高级功能，如接口文档、接入流程等。
- 管理员可以配置系统参数和查看帮助文档。
📍文本描述
-
仪表盘
- 欢迎来到中华小当家后台管理系统，这里是管理网站内容的中心。
-
用户管理中心
- 在这里，可以管理所有用户信息，包括查看用户详情、编辑用户资料和删除用户账户。
-
内容管理
- 内容管理模块能够让我们轻松管理网站上的菜谱内容，包括添加新菜谱、更新现有菜谱和删除不再需要的菜谱。
-
数据统计
- 通过数据统计模块，可以获得关于用户行为和菜谱表现的深入洞察，让我们做出更明智的决策。
📎规则描述
-
权限管理
- 只有拥有相应权限的管理员才能访问后台管理系统。
- 管理员需要通过身份验证才能登录后台。
-
数据管理
- 管理员可以对用户数据和内容数据进行增删改查操作。
- 任何数据的更改都会在后台数据库中实时更新。
-
内容审核
- 所有用户上传的内容都需要经过管理员审核才能发布。
- 管理员有责任确保所有内容符合网站规定和法律法规。
-
数据安全
- 后台管理系统必须采取适当的安全措施保护用户数据不被泄露。
- 定期备份数据，以防数据丢失或损坏。
☀️概要设计
🌟UML设计
⭐用例图
我们绘制了用例图来展示系统的功能需求，以下是系统用例图的简要描述：
游客：可以浏览菜谱、查看公开评论、查找菜谱。
注册用户：可以进行收藏、点赞、评论、上传菜谱和创建饮食计划等操作。
专业厨师：可以进行高级菜谱发布、回复评论、写大厨日记等功能。
管理员：可以管理用户、审核上传内容、维护系统安全等。
🔥活动图
以下活动图展示了用户在系统中的主要操作流程
❄️类图
类图包含系统中的核心类及其关系，以下是关键类的描述：
1.User：用户类，包含用户的基本信息、权限、收藏的菜谱等。
2.Recipe：菜谱类，包含菜谱的名称、食材、步骤、作者等信息。
3.DietPlan：饮食计划类，包含用户的个性化饮食安排，能够根据用户的需求生成每日推荐。
4.Comment：评论类，包含用户的评论内容、评分、发表时间等。
5.Admin：管理员类，继承自User类，增加了管理用户和内容审核的权限。
-
前端交互系统类图
-
后端交互系统类图
🎄时序图
以下时序图展示了用户与系统之间的交互过程。
🎡协作图
以下协作图展示了系统中各个模块之间的关系和交互
🎨数据库设计
🔮ER图
我们设计了ER图来展示数据库中的实体、属性和关系。以下是ER图：
🔐关系数据模型
我们根据ER图设计了关系数据模型，包括食材表（Ingredients）、烹饪技巧表（CookingTechniques）、菜谱表（Recipes）等。
- 食材表（Ingredients）：食材名称所属分类，如蔬菜、肉类等
- 烹饪技巧表（CookingTechniques）：烹饪技巧唯一标识；技巧名称，如煎、炒等；特殊技巧参数，如腌制时间、炖煮时长等（可为空）
- 菜谱表（Recipes）：烹饪步骤、口味特点，以逗号分隔的口味选项ID 等
🗡️对象关系映射
我们设计了对象关系映射，将实体类与数据库表进行映射。以下是部分映射关系：
- 属性：
菜名（name）
所需食材列表（ingredientList，多对多关系，与食材对象关联）
烹饪步骤（cookingSteps）
口味特点（tasteCharacteristics，多对多关系，与口味选项对象关联）
烹饪技巧列表（cookingTechniqueList，多对多关系，与烹饪技巧对象关联）
用户评价列表（userRatingList，一对多关系，与用户的评价与反馈关联）
使用次数（usageCount） - 关系：
可被多个用户收藏（belongsToMany，与用户对象通过收藏功能关联）
可被多个用户评价（belongsToMany，与用户对象通过评价与反馈功能关联）
📷团队协作记录
📺预期开发计划时间安排
我们制定了详细的开发计划时间安排，包括每周的任务和里程碑。以下是开发计划表格：
| 周数 | 时间范围 | 主要活动 | 负责人 | 产出 |
|---|---|---|---|---|
| 第1周 | 2024/10/14 - 2024/10/16 | 需求分析与项目启动会议 | 王勤琛 & 张静雯 & 黄旭 | 需求问卷 & 前端流程图 & 需求文档 |
| 第1周 | 2024/10/17 - 2024/10/19 | 软工第一次作业ppt内容讨论 | 郭心怡 & 吴佳辉 & 王子聪 & 王恒杰 | 软工第一次作业ppt |
| 第2周 | 2024/10/20 - 2024/10/23 | 软工第一次作业博客内容讨论 | 杨美荔 & 王恒杰 | ppt答辩&软工第一次作业博客 |
| 第2周 | 2024/10/26 - 2024/10/29 | 使用原型设计工具设计项目原型 | 郭心怡 & 王勤琛 & 王子聪 | 项目原型 |
| 第3周 | 2024/10/30 - 2024/11/01 | 概要设计&数据库设计 | 张静雯 & 王恒杰 & 李海锋 & 吴佳辉 & 黄旭 | 系统设计说明书& 数据库设计说明书 |
| 第3周 | 2024/11/01 - 2024/11/02 | 软工第二次作业博客&ppt内容讨论 | 周鑫 & 杨美荔 | 软工第二次作业博客和ppt&答辩&团队协作记录 |
| 第4周 | 2024/11/03 - 2024/11/06 | 前端界面开发 | 前端团队 | 界面原型 & 前端代码 & 用户交互设计文档 |
| 第4周 | 2024/11/07 - 2024/11/10 | 后端服务开发与集成测试 | 后端团队 | 后端API文档 & 服务端代码 & 集成测试报告 |
| 第5周 | 2024/11/11 - 2024/11/14 | 数据库实施与性能优化 | 数据库团队 | 数据库实施报告 & 性能测试报告 |
| 第5周 | 2024/11/15 - 2024/11/17 | 用户测试与反馈收集 | 用户体验团队 | 用户测试报告 & 反馈汇总 |
| 第6周 | 2024/11/18 - 2024/11/20 | 功能迭代与bug修复 | 全团队 | 迭代计划文档 & bug修复报告 |
| 第6周 | 2024/11/21 - 2024/11/24 | 文档编写与内部培训 | 文档团队 | 用户手册 & 操作手册 & 内部培训资料 |
| 第7周 | 2024/121/25 - 2024/11/27 | 安全性测试与代码审计 | 安全团队 | 安全性测试报告 & 代码审计报告 |
| 第7周 | 2024/11/28 - 2024/11/30 | 部署上线准备与最终验收 | 部署团队 | 部署计划 & 最终验收报告 |
🎆预期开发计划分工安排
我们制定了详细的开发计划分工安排，明确了每个人的角色和负责的详细开发部分。以下是分工安排表格：
| 成员姓名 | 角色 | 负责的详细开发部分 |
|---|---|---|
| 杨美荔 | 组长 | 项目整体规划，进度跟踪，风险控制 |
| 王勤琛 | 技术负责人 | 技术方案选择，技术难题解决，API接口设计 |
| 张静雯 | UI设计师 | 用户界面设计，用户体验优化 |
| 郭心怡 | 后端开发者 | 用户管理模块开发，数据库设计 |
| 王恒杰 | 前端开发者 | 用户界面实现，交互效果开发 |
| 李海锋 | 算法工程师 | 菜谱生成算法开发 |
| 周鑫 | 测试工程师 | 测试用例编写，功能及性能测试 |
| 吴佳辉 | 客户经理 | 用户沟通，需求收集与反馈 |
| 王子聪 | 文档专员 | 技术文档编写，用户手册制作 |
| 黄旭 | 运维工程师 | 系统部署，服务器维护 |
🎇团队协作过程记录
我们简要记录了团队的协作过程，以下是部分协作记录：
- 分工讨论及github上传记录：
🎃 其他要求
以下是github团队仓库链接和文档的下载链接或在线预览链接：
- github团队仓库链接：github仓库链接
- 中华小当家_数据库设计说明书.pdf：在线预览链接
- 中华小当家_原型设计+概要设计答辩PPT.pdf：在线预览链接
- 中华小当家_系统设计说明书.pdf：在线预览链接
