建立nodejs專案並接入mysql,完成使用者相關的增刪改查的詳細操作

2023-05-28 06:00:11

本文為博主原創,轉載請註明出處:

1.使用npm進行初始化

  在本地建立專案的資料夾名稱,如 node_test,並在該資料夾下進行黑視窗執行初始化命令

 2. 安裝 expres包和myslq依賴包

npm i express@4.17.1 mysql2@2.2.5

            

  Express是一個流行的Web應用程式框架,可以幫助我們快速構建Web應用程式和API。Express提供了許多有用的功能,包括路由、中介軟體、請求響應、錯誤處理等,使得開發Web應用程式變得簡單而快速。 具體來說,Express的依賴實現了以下功能:

  • 路由:Express可以通過路由來定義URL和HTTP方法之間的對映關係,使得我們可以根據不同的URL和HTTP方法提供不同的響應。
  • 中介軟體:中介軟體是在請求和響應之間執行的函數,可以對請求進行處理、修改響應或者終止請求-響應迴圈。Express的中介軟體機制非常靈活,可以通過多箇中介軟體來完成複雜的業務邏輯。
  • 請求響應:Express提供了方便的API來處理請求和響應,包括讀取請求體、設定響應頭、傳送響應體等。
  • 錯誤處理:在開發Web應用程式時,難免會遇到一些錯誤,例如找不到資源、引數錯誤等等。Express提供了方便的API來處理這些錯誤,使得我們可以輕鬆地返回正確的HTTP響應。

3.專案架構

  專案的整體結構如下:

                                    

 3.1 在專案的根目錄下建立app.js

const express = require('express')
const router = require('./routes/router')
const app = express()
app.use(express.json())
app.use('/users', router)
app.listen(3000, () => {
  console.log('Server started on port 3000')
})

3.2 建立models資料夾,包含所有資料庫層面的方法

3.2.1 建立db.js,設定資料庫

const mysql = require('mysql2')
const pool = mysql.createPool({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'test_db',
  waitForConnections: true,
  connectionLimit: 10,
  queueLimit: 0
})
module.exports = pool

3.2.2建立 models/userModel.js ,編寫使用者的新增、修改、刪除、查詢相關的mysql實現

const pool = require('./db')
function getAllUsers() {
  return new Promise((resolve, reject) => {
    pool.query('SELECT * FROM users', (err, rows) => {
      if (err) {
        reject(err)
      } else {
        resolve(rows)
      }
    })
  })
}
function getUserById(id) {
  return new Promise((resolve, reject) => {
    pool.query('SELECT * FROM users WHERE id = ?', [id], (err, rows) => {
      if (err) {
        reject(err)
      } else {
        resolve(rows[0])
      }
    })
  })
}
function createUser(user) {
  return new Promise((resolve, reject) => {
    pool.query('INSERT INTO users SET ?', user, (err, result) => {
      if (err) {
        reject(err)
      } else {
        resolve(result.insertId)
      }
    })
  })
}
function updateUser(id, user) {
  return new Promise((resolve, reject) => {
    pool.query('UPDATE users SET ? WHERE id = ?', [user, id], (err, result) => {
      if (err) {
        reject(err)
      } else {
        resolve(result.affectedRows)
      }
    })
  })
}
function deleteUser(id) {
  return new Promise((resolve, reject) => {
    pool.query('DELETE FROM users WHERE id = ?', [id], (err, result) => {
      if (err) {
        reject(err)
      } else {
        resolve(result.affectedRows)
      }
    })
  })
}
module.exports = {
  getAllUsers,
  getUserById,
  createUser,
  updateUser,
  deleteUser
}

3.3 建立請求處理的controller

  在根目錄下建立controllers資料夾,並在該目錄下建立 userController.js

const userModel = require('../models/userModel')
async function getAllUsers(req, res) {
  try {
    const users = await userModel.getAllUsers()
    res.json(users)
  } catch (err) {
    console.error(err)
    res.sendStatus(500)
  }
}
async function getUserById(req, res) {
  try {
    const user = await userModel.getUserById(req.params.id)
    if (user) {
      res.json(user)
    } else {
      res.sendStatus(404)
    }
  } catch (err) {
    console.error(err)
    res.sendStatus(500)
  }
}
async function createUser(req, res) {
  try {
    const id = await userModel.createUser(req.body)
    res.json({ id })
  } catch (err) {
    console.error(err)
    res.sendStatus(500)
  }
}
async function updateUser(req, res) {
  try {
    const rowsAffected = await userModel.updateUser(req.params.id, req.body)
    if (rowsAffected) {
      res.sendStatus(204)
    } else {
      res.sendStatus(404)
    }
  } catch (err) {
    console.error(err)
    res.sendStatus(500)
  }
}
async function deleteUser(req, res) {
  try {
    const rowsAffected = await userModel.deleteUser(req.params.id)
    if (rowsAffected) {
      res.sendStatus(204)
    } else {
      res.sendStatus(404)
    }
  } catch (err) {
    console.error(err)
    res.sendStatus(500)
  }
}
module.exports = {
  getAllUsers,
  getUserById,
  createUser,
  updateUser,
  deleteUser
}

3.4編寫路由檔案

  專案根目錄下建立routers資料夾,並建立路由檔案 router.js

const express = require('express')
const router = express.Router()
const userController = require('../controllers/userController')
router.get('/getAllUsers', userController.getAllUsers)
router.get('/getUserById/:id', userController.getUserById)
router.post('/createUser', userController.createUser)
router.put('/updateUser/:id', userController.updateUser)
router.delete('/deleteUser/:id', userController.deleteUser)
module.exports = router

 通過以上程式碼,我們可以實現對使用者表的增刪改查操作,使用Node.js和MySQL構建一個簡單的使用者管理系統。 

4.啟動專案

  進入到專案的根目錄下,執行以下命令:

node app.js

  如果一切正常,控制檯會輸出「Server started on port 3000」,表示專案已經成功啟動。   

           

5.偵錯專案

  可以使用Node.js自帶的偵錯程式——node inspect指令。在專案的根目錄下執行以下命令:

node inspect app.js

  然後可以開啟Chrome瀏覽器,在位址列輸入chrome://inspect,點選「Open dedicated DevTools for Node」即可開始偵錯。 在偵錯過程中,可以在程式碼中設定斷點,檢視變數的值,單步執行等等操作,幫助找出程式碼中的問題。