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 網站及其將要學習的內容有了更多的瞭解,是時候開始建立一個 骨架專案來包含我們的示例了。