使用 Express.js 和 MongoDB 進行 CRUD 操作

本指南介紹如何使用 Express.js 和 MongoDB 實作 CRUD（建立、讀取、更新、刪除）操作。 CRUD 是與資料庫互動的基本概念，對於大多數 Web 應用程式來說至關重要。

先決條件

• JavaScript、Node.js 和 Express.js 的基礎知識。
• 本地安裝 MongoDB 或存取 MongoDB 雲端服務（例如 MongoDB Atlas）。
• npm 已安裝。

項目設定

1. 初始化一個 Node.js 專案：

   mkdir crud-express-mongodb
   cd crud-express-mongodb
   npm init -y

1. 安裝依賴項：

   npm install express mongoose body-parser cors dotenv

1. 建立以下資料夾結構：

   crud-express-mongodb/
   |-- models/
   |-- routes/
   |-- .env
   |-- server.js

第 1 步：設定 MongoDB 連接

文件：.env

MONGO_URI=mongodb://localhost:27017/crudDB
PORT=5000

檔案：server.js

const express = require("express");
const mongoose = require("mongoose");
const bodyParser = require("body-parser");
const cors = require("cors");
require("dotenv").config();

const app = express();

// Middleware
app.use(bodyParser.json());
app.use(cors());

// MongoDB Connection
mongoose
  .connect(process.env.MONGO_URI, { useNewUrlParser: true, useUnifiedTopology: true })
  .then(() => console.log("MongoDB Connected"))
  .catch((err) => console.error("MongoDB connection error:", err));

// Routes
const itemRoutes = require("./routes/itemRoutes");
app.use("/api/items", itemRoutes);

// Start Server
const PORT = process.env.PORT || 5000;
app.listen(PORT, () => console.log(`Server running on port ${PORT}`));

第 2 步：建立 MongoDB 架構

文件：models/Item.js

const mongoose = require("mongoose");

const itemSchema = new mongoose.Schema({
  name: {
    type: String,
    required: true,
  },
  description: {
    type: String,
    required: true,
  },
  price: {
    type: Number,
    required: true,
  },
}, { timestamps: true });

module.exports = mongoose.model("Item", itemSchema);

第 3 步：實施 CRUD 路由

檔案：routes/itemRoutes.js

const express = require("express");
const router = express.Router();
const Item = require("../models/Item");

// Create an item
router.post("/", async (req, res) => {
  try {
    const newItem = new Item(req.body);
    const savedItem = await newItem.save();
    res.status(201).json(savedItem);
  } catch (err) {
    res.status(500).json({ error: err.message });
  }
});

// Get all items
router.get("/", async (req, res) => {
  try {
    const items = await Item.find();
    res.status(200).json(items);
  } catch (err) {
    res.status(500).json({ error: err.message });
  }
});

// Get an item by ID
router.get("/:id", async (req, res) => {
  try {
    const item = await Item.findById(req.params.id);
    if (!item) return res.status(404).json({ error: "Item not found" });
    res.status(200).json(item);
  } catch (err) {
    res.status(500).json({ error: err.message });
  }
});

// Update an item by ID
router.put("/:id", async (req, res) => {
  try {
    const updatedItem = await Item.findByIdAndUpdate(req.params.id, req.body, { new: true });
    if (!updatedItem) return res.status(404).json({ error: "Item not found" });
    res.status(200).json(updatedItem);
  } catch (err) {
    res.status(500).json({ error: err.message });
  }
});

// Delete an item by ID
router.delete("/:id", async (req, res) => {
  try {
    const deletedItem = await Item.findByIdAndDelete(req.params.id);
    if (!deletedItem) return res.status(404).json({ error: "Item not found" });
    res.status(200).json({ message: "Item deleted" });
  } catch (err) {
    res.status(500).json({ error: err.message });
  }
});

module.exports = router;

第 4 步：測試 API

使用 Postman 或 cURL 等工具來測試以下端點：

1. 建立一個項目：

   POST /api/items
   Content-Type: application/json
   {
     "name": "Laptop",
     "description": "A powerful laptop",
     "price": 1200
   }

1. 取得所有物品：

   GET /api/items

1. 透過 ID 取得物品：

   GET /api/items/:id

1. 更新項目：

   PUT /api/items/:id
   Content-Type: application/json
   {
     "name": "Gaming Laptop",
     "description": "A high-end gaming laptop",
     "price": 1500
   }

1. 刪除項目：

   DELETE /api/items/:id

以上是使用 Express.js 和 MongoDB 進行 CRUD 操作的詳細內容。更多資訊請關注PHP中文網其他相關文章！