Express 教程:本地图书馆网站

本文概述了 MDN 的 Express 教程,并介绍了我们将要在接下来的几页中使用的“本地图书馆”示例网站。您将了解本教程涵盖的内容、如何开始、如何寻求帮助以及构建和部署第一个服务器端 JavaScript 应用所需的所有其他信息。

预备知识 阅读 Express 入门指南。对于接下来的文章,您还需要 设置 Node 开发环境
目标 介绍本教程中使用的示例应用程序,并让读者了解将要涵盖的主题。

概述

欢迎来到 MDN 的“本地图书馆”Express (Node) 教程,在本教程中,我们将开发一个可用于管理本地图书馆目录的网站。

在本系列教程文章中,您将

  • 使用Express Application Generator 工具创建网站和应用程序的骨架。
  • 启动和停止 Node Web 服务器。
  • 使用数据库存储应用程序数据。
  • 创建用于请求不同信息的路由,以及用于将数据渲染成 HTML 以在浏览器中显示的模板(“视图”)。
  • 使用表单。
  • 将您的应用程序部署到生产环境。

您已经了解了其中一些主题,并且简要接触了其他主题。在本教程系列结束时,您应该能够独立开发简单的 Express 应用程序。

本地图书馆网站

LocalLibrary 是我们将在本系列教程中创建和演进的网站的名称。正如您所料,该网站的目的是为小型本地图书馆提供一个在线目录,用户可以从中浏览可用的书籍并管理他们的账户。

这个例子之所以被精心挑选,是因为它可以根据需要扩展以显示尽可能多的细节,并且可以用来展示几乎任何 Express 功能。更重要的是,它允许我们为任何网站所需的功能提供一条引导式路径。

  • 在前几篇教程文章中,我们将定义一个简单的仅浏览图书馆,图书馆成员可以使用它来查找可用的书籍。这使我们能够探讨几乎所有网站都共有的操作:从数据库读取和显示内容。
  • 随着我们不断深入,图书馆示例自然会扩展到演示更高级的网站功能。例如,我们可以扩展该图书馆以允许创建新书,并以此演示如何使用表单和支持用户身份验证。

尽管这是一个非常可扩展的示例,但它之所以被称为LocalLibrary 是有原因的——我们希望展示最少的信息,以帮助您快速上手 Express。因此,我们将存储有关书籍、书籍副本、作者和其他关键信息的信息。然而,我们不会存储图书馆可能借出的其他物品的信息,也不会提供支持多个图书馆站点或其他“大型图书馆”功能所需的基础设施。

我卡住了,在哪里可以获取源代码?

在您学习本教程的过程中,我们将为您提供相应的代码片段,供您在每个步骤中复制和粘贴,同时也会有一些代码,我们希望您能(在一些指导下)自行扩展。

与其复制粘贴所有代码片段,不如尝试自己输入它们。从长远来看,这将使您受益,因为下次您编写类似内容时,您会更熟悉代码。

如果您遇到困难,您可以在 GitHub 上找到网站的完整开发版本

注意: 本文档测试所用的 node、Express 和其他模块的具体版本列在该项目的 package.json 中。

总结

现在您对LocalLibrary 网站及其将要学习的内容有了更多的了解,是时候开始创建一个 骨架项目来包含我们的示例了。