维度网络网站建设烟台主流网站

项目概述与规划 (I)

JavaScript的学习已经接近尾声了，最后我们将通过一个项目来讲我们在JavaScript中学习到的所有都在这个项目中展现出来，这个项目的DEMO来自于Udemy中的课程，作者是Jonas Schmedtmann；

项目规划

项目步骤

1. 用户故事
2. 功能
3. 流程图
4. 架构
5. 开发步骤

用户故事

• 用户故事：从用户的角度描述应用程序的功能；
• 常见格式：作为【用户类型】，我想要【一个动作】，以便于【获得利益】；

1. 作为一个用户，我想要搜索食谱，这样我就能找到新的饮食点子；
2. 作为一个用户，我希望能够更新份数，这样我就可以为不通数量的人做一顿饭；
3. 作为一个用户，我想把书谱加到书签里，以便以后可以查看；
4. 作为一个用户，我希望能够创建自己的食谱，这样我就可以在同一个应用程序中组织它们；
5. 作为一个用户，我希望在离开应用程序和稍后再回来时能看到我的书签和自己的食谱，这样我可以再做饭后安全地关闭应用程序；

功能

• 我们所有的功能都来自于用户提给我们的需求，所以我们要根据用户的需求来列出我们所要实现的功能；

1. 搜索食谱
   • 搜索功能：输入字段，用搜索的关键字向API发送请求
   • 显示分页结果；
   • 显示包含烹饪事件、分数和成分的食谱；
2. 更新份量
   • 更改配料功能，根据当前配料数量更新所有配料；
3. 书签食谱
   • 书签功能：显示所有已有书签的食谱列表
4. 创建我自己的食谱
   • 用户可以上传自己的食谱；
   • 用户食谱讲自动被收藏；
   • 用户只能看到自己的食谱，不能看到其他用户的食谱；
5. 当我离开应用程序并稍后再来时，请查看我的书签和自己的食谱
   • 使用本地存储讲书签存储在浏览器中；
   • 在页面加载时，从本地存储器读取已保存的书签并显示；

流程图（第一部分）

• 第一部分的流程图我们就先规划我们的搜索功能和带分页的结果，后面的显示配方之类的将在后面规划；