利用Node.js實現在線訂餐功能的Web項目
隨著互聯網的普及和移動設備的發展，很多人開始喜歡通過網絡訂餐，而不是去實體店面點餐。為了滿足用戶的需求，很多餐廳也開始推出在線訂餐平臺。
本文將介紹如何使用Node.js搭建一個簡單的在線訂餐功能的Web項目，并提供具體的代碼示例。
開發環境準備
首先，確保你已經安裝了最新版本的Node.js。可以通過在終端或命令行窗口中執行以下命令來檢查是否安裝成功：
node -v
登錄后復制
這將顯示你當前安裝的Node.js的版本號。如果沒有安裝，可以去Node.js官方網站下載并安裝。
其次，確保你已經安裝了適當的代碼編輯器，例如Visual Studio Code或Atom。
創建項目文件夾
在你的計算機上選擇一個合適的位置，創建一個專門用于存放項目代碼的文件夾。在命令行或終端中，進入該文件夾，并執行以下命令來初始化項目：
npm init -y
登錄后復制
這將創建一個名為package.json的文件，其中包含了項目的基本信息和依賴項。
安裝必要的依賴項
在項目文件夾中，執行以下命令來安裝所需的依賴項：
npm install express body-parser ejs --save
登錄后復制
這將安裝Express、body-parser和ejs模塊，并將其添加到package.json文件中的dependencies中。
創建項目文件結構
在項目文件夾中，創建以下目錄和文件結構：
- public
- css
- main.css
- views
- index.ejs
- server.js
登錄后復制
在server.js中，添加以下代碼：
const express = require('express');
const bodyParser = require('body-parser');
const ejs = require('ejs');
const app = express();
app.use(express.static('public'));
app.use(bodyParser.urlencoded({ extended: true }));
app.set('view engine', 'ejs');
app.get('/', (req, res) => {
res.render('index');
});
app.post('/order', (req, res) => {
const { name, items } = req.body;
// 處理訂單邏輯
res.send('訂單提交成功！');
});
app.listen(3000, () => {
console.log('服務器已啟動，監聽端口3000');
});
登錄后復制
完成上述操作后，你的項目文件結構應該如下所示：
- public
- css
- main.css
- views
- index.ejs
- server.js
- package.json
登錄后復制
編寫前端頁面
打開index.ejs文件，在其中編寫HTML和CSS代碼，創建一個簡單的訂單頁面。示例代碼如下：
<!DOCTYPE html>
<html>
<head>
<title>在線訂餐</title>
<link rel="stylesheet" type="text/css" href="/css/main.css">
</head>
<body>
<h1>在線訂餐</h1>
<form action="/order" method="post">
<input type="text" name="name" placeholder="姓名">
<input type="checkbox" name="items" value="item1"> 餐點1
<input type="checkbox" name="items" value="item2"> 餐點2
<input type="checkbox" name="items" value="item3"> 餐點3
<button type="submit">提交訂單</button>
</form>
</body>
</html>
登錄后復制
運行項目
在終端或命令行中，進入項目文件夾，并執行以下命令來啟動服務器：
node server.js
登錄后復制
如果一切正常，你應該在終端中看到服務器已啟動的提示信息。
然后，打開瀏覽器，在地址欄中輸入http://localhost:3000，即可訪問訂單頁面。
填寫姓名和選擇需要的餐點，點擊提交訂單按鈕后，頁面將顯示訂單提交成功的消息。
至此，你已經成功使用Node.js搭建了一個簡單的在線訂餐功能的Web項目。
總結
本文詳細介紹了如何使用Node.js搭建一個簡單的在線訂餐功能的Web項目。通過創建項目文件結構、安裝依賴項、編寫基本的路由和前端頁面，可以實現一個簡單的在線訂餐功能。當然，這只是一個入門級別的示例，你可以在此基礎上進一步擴展和優化。
希望本文能對你理解Node.js的Web開發和實現在線訂餐功能有一定的幫助。祝你在使用Node.js開發Web項目的過程中取得成功！
