4.9　留言板項目開發

本節將和大家一起使用所學的知識開發一個Web留言板。

項目的功能如下：

·　首頁展示留言列表和發布按鈕。

·　發布頁面展示留言表單，單擊發布后保存留言。

本節的留言數據存儲在內存中，進程結束留言板數據會丟失。數據庫相關的知識在后面的章節中介紹。

4.9.1　開始編碼

初始化項目并安裝相關依賴：

下面列出本項目的完整代碼。

index.js

在index.js的同級新建templates/index.ejs來存放首頁模板。

templates/index.ejs

該模板文件對留言內容進行了判空處理，沒有留言內容就顯示“當前沒有留言。”，有留言內容就顯示留言列表。

在index.js的同級新建templates/publish.ejs來存放發布頁模板。

4.9.2　運行項目

node inde.js

瀏覽器訪問http://localhost:8080，首頁效果如圖4-1所示。

單擊【發表留言】，發布頁效果如圖4-2所示。

輸入姓名和內容后，單擊【發表】自動重定向到首頁，首頁效果如圖4-3所示。

恭喜！你的第一個Express應用已經運行成功了！如果遇到問題可以咨詢作者的公眾號。

回顧一下一個Express應用的開發流程：

（1）初始化項目。

（2）安裝依賴。

（3）編寫路由文件，并導入中間件。

（4）編寫模板文件。

（5）運行項目并測試。