如何规划Web项目

项目规划

规划步骤

1. 用户故事
从用户的角度描述应用程序的功能。所有用户故事放在一起描述了整个应用程序
2. 功能
3. 流程图（我们将去构建什么）
4. 架构（我们如何去构建他）

下一步就是开发步骤（使用代码来实现我们的计划）了

1.用户故事

● 用户情景。从用户的角度描述应用程序的功能；
● 通用格式： 作为[用户类型]，我希望采取[行动]，以便获得[好处]。
接下来我们来举几个例子

1. 作为用户，我想记录我的跑步锻炼，包括地点、距离、时间、速度和每分钟步数，这样我就可以记录我所有的跑步活动了;
2. 作为用户，我想记录我的骑行锻炼，包括地点、距离、时间、速度和海拔升高，这样我就可以记录我所有的骑行活动了;
3. 作为用户，我希望能一目了然地看到我的所有锻炼情况，这样我就能轻松跟踪自己的进步情况;
4. 作为用户，我还想在地图上看到我的锻炼情况，这样我就可以轻松查看我锻炼最多的地方了;
5. 作为用户，我希望在离开应用后再回来时能看到我所有的锻炼，这样我就能长期使用该应用了。

2.功能

根据上面用户提出的需求来列入用户想要的功能

1. 用户故事1
   a. 用户点击添加新锻炼项目的地图（获取位置坐标的最佳方法）；
   b. 地理定位功能可在当前位置显示地图（更方便用户使用）；
   c. 可输入距离、时间、速度、每分钟步数的表格
2. 骑行锻炼同样的再次输入距离、时间、速度和海拔高度的表格；
3. 在列表中显示所有锻炼项目；
4. 在地图上显示所有的锻炼项目；
5. 用户故事5
   a. 使用本地存储 API 在浏览器中存储锻炼数据；
   b. 页面加载时，从本地存储器读取已保存的数据并显示

3.流程图

接下来，我们就要根据功能画出流程图了

在现实世界中，你不必在计划阶段就拿出最终的流程图。在整个实施过程中发生变化是很正常的！

4. 架构

架构方面的话，我们直接在代码中一步一步的去构建吧！