Post by account_disabled on Jan 28, 2024 18:43:59 GMT 8
规划 MEAN Stack 应用程序的实用指南摘自 Manning 的Getting MEAN with Mongo, Express, Angular, and Node, Second Edition。Getting MEAN，第二版经过全面修订和更新，涵盖了 Angular 2、Node 6 和 JavaScript ES2015 (ES6) 的最新主流版本。第二版将引导您了解如何使用此更新的 MEAN 堆栈开发 Web 应用程序。 Pause Next Unmute Current Time Duration 2:00 Fullscreen 规划实际应用 出于本文的目的，我们假设我们正在 MEAN 堆栈上构建一个名为 Loc8r 的工作应用程序。Loc8r 将列出附近有 WiFi 的地方，人们可以去那里完成一些工作。它还将显示每个地点的设施、开放时间、评级和位置地图。 高层规划 MEAN Stack 应用程序 第一步是考虑我们的应用程序需要什么屏幕。我们将重点关注单独的页面视图和用户旅程。我们可以在较高的层次上做到这一点，而不必关心每个页面上的内容的细节。
在一张纸或白板上画出这个阶段的草图是个好主意，因为它有助于将应用程序整体可视化。它还有助于将屏幕组织成集合和流，在我们构建它时作为一个很好的参考点。由于页面或背后的应用程序逻辑没有附加任何数据，因此可以轻松添加和删除部分、更改显示内容和位置，甚至更改我们想要的页面数量。很可能我们第一次就不会做对；关键是开始让我们考虑一下 Loc8r。如前所述，我们的目标如下： Loc8r 将列出附近有 WiFi 的地方，人们可以去 WhatsApp 号码数据 那里完成一些工作。它显示每个地点的设施、开放时间、评级和位置地图。访客可以提交评级和评论。 由此我们可以了解我们需要的一些屏幕： 列出附近地点的屏幕 显示有关单个地点的详细信息的屏幕 用于添加有关地点的评论的屏幕 我们可能还想告诉访问者 Loc8r 的用途以及它存在的原因，并且我们应该在列表中添加另一个屏幕： “关于我们”信息的屏幕 将屏幕划分为集合 接下来，我们想要获取屏幕列表并将它们整理到逻辑上属于一起的位置。
例如，列表中的前三个都与位置有关。“关于”页面不属于任何地方，它可以放在其他其他集合中。绘制出如图 1 所示的草图。 规划 MEAN 堆栈应用程序：集合 图 1：将应用程序的各个屏幕整理成逻辑集合。 Learn to Code with JavaScript 像这样快速绘制草图是规划的第一阶段，我们需要经历这个阶段才能开始思考架构。这个阶段让我们有机会查看基本页面，并思考流程。例如，图 1 显示了Locations集合中的基本用户旅程，从“列表”页面到“详细信息”页面，然后到表单上添加评论。 构建应用程序 从表面上看，Loc8r 是一个简单的应用程序，只有几个屏幕。但我们仍然需要考虑如何构建它，因为我们要将数据从数据库传输到浏览器，让用户与数据交互并允许数据发送回数据2 显示了起点，即使用 Express 和 Node.js 构建的 REST API，以实现与 MongoDB 数据库的交互。 规划 MEAN 堆栈应用程序API 图 2 从使用 MongoDB、Express 和 Node.js 的标准 MEAN REST API 开始。
在一张纸或白板上画出这个阶段的草图是个好主意，因为它有助于将应用程序整体可视化。它还有助于将屏幕组织成集合和流，在我们构建它时作为一个很好的参考点。由于页面或背后的应用程序逻辑没有附加任何数据，因此可以轻松添加和删除部分、更改显示内容和位置，甚至更改我们想要的页面数量。很可能我们第一次就不会做对；关键是开始让我们考虑一下 Loc8r。如前所述，我们的目标如下： Loc8r 将列出附近有 WiFi 的地方，人们可以去 WhatsApp 号码数据 那里完成一些工作。它显示每个地点的设施、开放时间、评级和位置地图。访客可以提交评级和评论。 由此我们可以了解我们需要的一些屏幕： 列出附近地点的屏幕 显示有关单个地点的详细信息的屏幕 用于添加有关地点的评论的屏幕 我们可能还想告诉访问者 Loc8r 的用途以及它存在的原因，并且我们应该在列表中添加另一个屏幕： “关于我们”信息的屏幕 将屏幕划分为集合 接下来，我们想要获取屏幕列表并将它们整理到逻辑上属于一起的位置。
例如，列表中的前三个都与位置有关。“关于”页面不属于任何地方，它可以放在其他其他集合中。绘制出如图 1 所示的草图。 规划 MEAN 堆栈应用程序：集合 图 1：将应用程序的各个屏幕整理成逻辑集合。 Learn to Code with JavaScript 像这样快速绘制草图是规划的第一阶段，我们需要经历这个阶段才能开始思考架构。这个阶段让我们有机会查看基本页面，并思考流程。例如，图 1 显示了Locations集合中的基本用户旅程，从“列表”页面到“详细信息”页面，然后到表单上添加评论。 构建应用程序 从表面上看，Loc8r 是一个简单的应用程序，只有几个屏幕。但我们仍然需要考虑如何构建它，因为我们要将数据从数据库传输到浏览器，让用户与数据交互并允许数据发送回数据2 显示了起点，即使用 Express 和 Node.js 构建的 REST API，以实现与 MongoDB 数据库的交互。 规划 MEAN 堆栈应用程序API 图 2 从使用 MongoDB、Express 和 Node.js 的标准 MEAN REST API 开始。