项目实训(十五) —— 结束总结

经过一个月的工作，所负责的项目模块功能已经全部完成了。此篇作为项目实训最后的博客。

在连数据库、后端传入前端、for循环遍历展示、分页、弹窗、上传、接识别、排版等大的功能模块实现后，又依据测试组反馈进行了调整。最后的这周，除了文档类的工作之外，也仅剩下了回应项目消息、辅助整理一点代码的事情了。

值此，将所做的结果加以整理记录：

1. 模块主页

根据登录用户的ID，在数据库内查找食谱信息，将结果展示在主页面。后端引入SQLAlchemy来映射数据库内的表，利用paginate方法实现分页，前端CSS多次排版。

展示信息主要包括：食谱名称、食谱原料、食谱图片、记录时间等。前两者最多仅展示一行，使得排版整齐，详情可在详情页查看。

页面设置有菜谱窗详情按钮、左上角返回按钮、右上角上传按钮、下方翻页按钮等供用户进行交互。

2. 详情弹窗

点击每份菜谱左下的“详”字按钮即可唤出对应的详情弹窗，里面显示完整的食谱名称、食材。弹窗下方的返回按钮可返回展示主页。

3. 饮食上传

点击展示主页的饮食上传按钮，可唤出上传页面的弹窗。上传弹窗内，可以选择本地图片并显示预览图、输入食谱名称、原料，这些信息输入后点击左下方上传按键即可完成上传。此外，弹窗右上角按钮可以关闭弹窗取消上传。

上传后自动跳到结果弹窗，有“上传识别”、“继续上传”、“返回食谱”等三个选项供用户自由选择。

此外，任意返回食谱的按钮都附带刷新功能，确保记录内含有展示有上传的最新内容。

4. 上传识别

此功能属于与“饮食识别”模块的对接。

上传菜谱后的结果弹窗，点击“上传识别”按钮，可以跳转到识别界面，界面显示刚上传的食谱图片，再次点击“确认识别”的按钮即可调用函数对该食谱图片进行识别，并显示结果。后再次点击“是”、“否”选项可以回到饮食记录主页面。

自从项目实训开展以来，一切前后端知识从零学起，一个个难点的发现，又一个个地去解决。虽有过强大bug带来的苦恼，但更多的是解决难点和分享方法的喜悦。