怎樣在前端項目中使用MySQL模塊操作數據庫?
要想在項目中操作數據庫, 首先要安裝操作 MySQL 數據庫的第三方模塊(mysql), 借助mysql 模塊連接到 MySQL 數據庫, 執行 SQL 語句,具體的流程如下圖所示。
安裝與配置 mysql 模塊
1. 安裝 mysql 模塊
mysql 模塊是托管于 npm 上的第三方模塊。它提供了在 Node.js 項目中連接和操作 MySQL 數據庫的能力。 想要在項目中使用它,需要先運行如下命令,將 mysql 安裝為項目的依賴包:
npm install mysql
2. 配置 mysql 模塊
在使用 mysql 模塊操作 MySQL 數據庫之前,必須先對 mysql 模塊進行必要的配置,主要的配置步驟如下:
// 1.導入mysq1模塊
const mysql = require('mysql')
// 2.建立與 MySQL數據庫的連接
const db = mysql.createPool({
host: '127.0.0.1', //數據庫的IP地址
user: 'root', //登錄數據庫的賬號
password:‘admin123', //登錄數據庫的密碼
database:‘my_db_01' //指定要操作哪個數據庫
})
3. 測試 mysql 模塊能否正常工作
調用 db.query() 函數,指定要執行的 SQL 語句,通過回調函數拿到執行的結果:
//檢測mysq1模塊能否正常工作
db.query('SELECT 1', (err, results) => {
if (err) return console.log(err.message)
//只要能打印出[RowDataPacket{'1':1}]的結果,就證明數據庫連接正常
console.log(results)
})
使用 mysql 模塊操作 MySQL 數據庫
1. 查詢數據
查詢 users 表中所有的數據
//查詢users表中所有的用戶數據
db.query('SELECT * FROM users', (err, results) => {
//查詢失敗
if (err) return console.log(err.message)
//查詢成功
console.log(results)
})
2. 插入數據
向 users 表中新增數據, 其中 username 為 Spider-Man,password 為 pcc321。示例代碼如下:
// 1. 要插入到users表中的數據對象
const user = { username: 'Spider-Man', password: 'pcc321' }
// 2. 待執行的 SQL 語句,其中英文的? 表示占位符
const sqlStr = 'INSERT INTO users (username, password) VALUES (?, ?)'
// 3. 使用數組的形式,依次為?占位符指定具體的值
db.query(sqlStr, [user.username, user.password], (err, results) =? {
if(err)return console.log(err.message)//失敗
if(results.affectedRows=== 1) { console.log('插入數據成功') } // 成功
})
3. 插入數據的便捷方式
向表中新增數據時,如果數據對象的每個屬性和數據表的字段一一對應,則可以通過如下方式快速插入數據:
// 1. 要插入到users表中的數據對象
const (vser = { username: 'Spider-Man2', password: 'pcc4321'}
// 2. 待執行的SQL語句,其中英文的?表示占位符
const sqlStr = 'INSERT INTO users SET ?'
// 3. 直接將數據對象當作占位符的值
db.query(sqlStr, user, (err, results) => {
if(err)return console.log(err.message)//失敗
if(results.affectedRows===1){console.log('插入數據成功')}//成功
})
4. 更新數據
可以通過如下方式,更新表中的數據:
// 1.要更新的數據對象
const user = { id: 7, username: 'aaa', password: '000' }
// 2.要執行的SQL 語句
const sqlStr = 'UPDATE users SET username=?, password=? WHERE id=?'
// 3.調用db.query()執行 SQL 語句的同時,使用數組依次為占位符指定具體的值
db.query(sqlStr, [user.username, user.password, user.id], (err, results) => {
if(err)return console.log(err.message) // 失敗
if(results.affectedRows===1){console.log('更新數據成功!')}//成功
})
5. 更新數據的便捷方式
更新表數據時,如果數據對象的每個屬性和數據表的字段一一對應,則可以通過如下方式快速更新表數據:
// 1. 要更新的數據對象
const user = { id: 7, username: 'aaaa', password: '0000' }
// 2. 要執行的 SQL 語句
const sqlStr = 'UPDATE users SET ? WHERE id=?'
// 3. 調用db.query()執行 SQL 語句的同時,使用數組依次為占位符指定具體的值
db.query(sqlStr,[user,user.id],(err,results) =>{
if(err)return console.log(err.message)//失敗
if(results.affectedRows === 1) {console.log('更新數據成功!') } //成功
})
6. 刪除數據
在刪除數據時,推薦根據 id 這樣的唯一標識,來刪除對應的數據。示例如下:
// 1.要執行的 SQL 語句
const sqlStr = 'DELETE FROM users WHERE id=?'
// 2.調用 db.query()執行 SQL語句的同時,為占位符指定具體的值
// 注意:如果SQL語句中有多個占位符,則必須使用數組為每個占位符指定具體的值
// 如果SQL語句中只有一個占位符,則可以省略數組
db.query(sqlStr, 7, (err, results) => {
if(err)return console.log(err.message)//失敗
if(results.affectedRows ===1){console.log('刪除數據成功!‘)}//成功
})
7. 標記刪除
使用 DELETE 語句,會把真正的把數據從表中刪除掉。為了保險起見,推薦使用標記刪除的形式,來模擬刪除的動作。
所謂的標記刪除,就是在表中設置類似于 status 這樣的狀態字段,來標記當前這條數據是否被刪除。
當用戶執行了刪除的動作時,我們并沒有執行 DELETE 語句把數據刪除掉,而是執行了 UPDATE 語句,將這條數據對應的 status 字段標記為刪除即可。
//標記刪除:使用 UPDATE 語句替代 DELETE語句;只更新數據的狀態,并沒有真正刪除
db.query('UPDATE USERS SET status=1 WHERE id=?', 6, (err, results) =>(
if(err)return console.log(err.message)//失敗
if(results.affectedRows === 1){console.log('刪除數據成功!')}//成功
})