首頁 > web前端 > js教程 > 使用 Express.js 和 MongoDB 進行 CRUD 操作

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

DDD
發布: 2024-12-20 14:34:14
原創
310 人瀏覽過

CRUD Operations with Express.js and MongoDB

本指南介紹如何使用 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中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板