前言
這次選用nodejs+express+mysql 使用http作為客戶端，express框架搭建服務端，從而實現資料的增刪改查。這篇文章可以算作上篇文章的升級篇，加入了和資料庫的互動。
安裝
node 直接去官網下載選擇下載即可 nodejs.org/en/download…
cnpm install express //express框架安裝
複製程式碼cnpm install mysql //mysql驅動安裝
複製程式碼 brew install mysql //資料庫的安裝，根據命令列提示初始化配置
mysql.server start//啟動mysql服務
mysql.server stop//停止mysql服務
mysql -u使用者名稱 -p使用者密碼//登入mysql
複製程式碼nodejs連線資料庫時報錯
Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support
authentication protocol requested by server; consider upgrading MySQL client
複製程式碼查到的結論是： MySQL8.0版本的加密方式和MySQL5.0的不一樣，連線會報錯。
解決方法如下：
通過命令列進入解壓的mysql根目錄下。
登陸資料庫
mysql -uroot -p
輸入root的密碼
Enter password: ******
更改加密方式
mysql> ALTER USER 'root'@'localhost' IDENTIFIED BY 'password' PASSWORD EXPIRE NEVER;
更改密碼：該例子中 123456為新密碼
mysql> ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '123456';
重新整理：
mysql> FLUSH PRIVILEGES;
資料庫的連線
var mysql = require('mysql');//引入資料庫驅動模組
//console.log(mysql)
// 連線資料庫的配置
var connection = mysql.createConnection({
// 主機名稱，一般是本機
host: 'localhost',
// 資料庫的埠號，如果不設定，預設是3306
port: '3306',
// 建立資料庫時設定使用者名稱
user: 'root',
// 建立資料庫時設定的密碼
password: '*******',
// 建立的資料庫
database: 'express'
});
// 與資料庫建立連線
connection.connect();
// 查詢資料庫
connection.query('select * from userinfo', function (error, results, fields) {
if (error) throw error;
console.log(results);
});
// 關閉連線
connection.end();
複製程式碼新建一張表格在資料庫中為：
express服務端
Express 是一個基於 Node.js 平臺的極簡、靈活的 web 應用開發框架，這裡沒有搭建express框架的專案，只是簡單搭建一個服務端，實現和資料庫的增刪改查。
var express = require("express");
var app = express();
var query = require('./db')
//var router =require('router')
var mysql = require('mysql');
var querystring = require("querystring");
//console.log(mysql)
// 連線資料庫的配置
var connection = mysql.createConnection({
// 主機名稱，一般是本機
host: 'localhost',
// 資料庫的埠號，如果不設定，預設是3306
port: '3306',
// 建立資料庫時設定使用者名稱
user: 'root',
// 建立資料庫時設定的密碼
password: '1234567',
// 建立的資料庫
database: 'express'
});
// 與資料庫建立連線
connection.connect();
//根據引數，查詢資料
app.get('/index', function (req, res) {
// 處理 get 請求，獲取 get 請求引數
//處理 /:xxx 形式的 get 或 post 請求，獲取請求引數 這裡沒有使用到
var params = req.query
//查詢語句
var sql = 'select * from userinfo where name= ? and age=?'
var where_value = [params.name, params.age];
// console.log(sql)
connection.query(sql, where_value, function (err, result) {
if (err) {
console.log('[SELECT ERROR]:', err.message);
}
res.send(result) //資料庫查詢結果返回到result中,把查詢資料傳送到客戶端
});
})
//增加資料
app.post('/add', function (req, res) {
//獲取及處理增加的資料
var post = '';
req.on('data', function (chunk) {
post += chunk;
console.log(post)
});
req.on('end', function () {
//查詢引數解析
post = querystring.parse(post);
var sql = 'insert into userinfo set id=? , name=? , age=?, address=?'
var add_value = [post.id, post.name, post.age, post.address]
connection.query(sql, add_value, function (err, result) {
if (err) {
console.log('新增資料失敗');
}
res.send('增加資料成功') // 響應內容 增加資料成功
});
});
})
//修改資料
app.put('/update', function (req, res) {
//處理請求修改的資料和條件
var update = '';
req.on('data', function (chunk) {
update += chunk;
console.log(update)
});
req.on('end', function () {
//查詢引數解析
update = querystring.parse(update);
var sql = 'update userinfo set name=? , age=?, address=? where id=?'
var update_value = [update.name, update.age, update.address,update.id]
connection.query(sql, update_value, function (err, result) {
if (err) {
console.log('修改資料失敗', err.message);
}
res.send('修改資料成功') // 響應內容 修改資料成功
});
});
})
//刪除資料
app.delete('/delete', function (req, res) {
var params = req.query
var sql = 'delete from userinfo where name= ?'
var where_value = [params.name];
// console.log(sql)
connection.query(sql, where_value, function (err, result) {
if (err) {
console.log('刪除失敗', err.message);
}
res.send('刪除成功')
});
})
//關閉連線
//connection.end();
//監聽8080埠
var server = app.listen(8080, function () {
console.log('server running at 3000 port')
})
複製程式碼http客戶端
這裡把node http模組來搭建客戶端，發起請求。
get請求
const http = require("http");
// 傳送請求的配置
let config = {
host: "localhost",
port: 8080,
//get請求引數
path:'/index?name=bill&age=21',
method: "GET",
headers: {
a: 1
}
};
// 建立客戶端
let client = http.request(config, function(res) {
// 接收服務端返回的資料
let repData='';
res.on("data", function(data) {
repData=data.toString()
console.log(repData)
});
res.on("end", function() {
// console.log(Buffer.concat(arr).toString());
});
});
// 傳送請求
client.end();
複製程式碼客戶端發起引數name=bill&age=21的查詢請求，服務端根據條件運算元據庫，響應資料為：
post請求
var http = require('http');
var querystring = require("querystring");
//查詢引數拼接
//增加的資料
var contents = querystring.stringify({
id:5,
age:'23',
name: "艾利斯提",
address: "dongbei",
});
var options = {
host: "localhost",
port: 8080,
path:"/add",
method: "POST",
headers: {
"Content-Type": "application/x-www-form-urlencoded",
"Content-Length": contents.length
}
};
var req = http.request(options, function (res) {
res.setEncoding("utf8");
res.on("data", function (data) {
console.log(data);
})
})
//傳送資料
req.write(contents);
req.end(); //結束請求，否則伺服器將不會收到資訊
複製程式碼post請求傳送增加資料，服務端根據請求，向資料庫追加一條資料，響應客戶端：增加資料成功。增加後的資料表：
put請求
const http = require("http");
var querystring = require("querystring");
//查詢引數拼接
// 傳送請求的配置
var contents = querystring.stringify({
id:1,
age:'25',
name: "Sarah",
address: "qingdao",
});
let config = {
host: "localhost",
port: 8080,
path:'/update',
method: "PUT",
headers: {
a: 1
}
};
// 建立客戶端
let client = http.request(config, function(res) {
// 接收服務端返回的資料
let repData='';
res.on("data", function(data) {
repData=data.toString()
console.log(repData)
});
});
client.write(contents);
// 傳送請求
client.end();
複製程式碼這裡請求和post方法類似，服務端根據sql語句('update userinfo set name=? , age=?, address=? where id=?')修改資料庫的內容，響應客戶端：修改資料成功。修改後的資料表：
delete請求
const http = require("http");
// 傳送請求的配置
let config = {
host: "localhost",
port: 8080,
//刪除資料的引數
path:'/delete?name=bill',
method: "DELETE",
headers: {
a: 1
}
};
// 建立客戶端
let client = http.request(config, function(res) {
// 接收服務端返回的資料
let repData='';
res.on("data", function(data) {
repData=data.toString()
console.log(repData)
});
res.on("end", function() {
// console.log(Buffer.concat(arr).toString());
});
});
// 傳送請求
client.end();
複製程式碼客戶端傳送刪除資料的引數，客戶端拿到引數，根據條件，運算元據庫刪除相應資料，響應客戶端：刪除成功。刪除後的資料表：
總結
接觸後端的內容後，從後端的角度重新理解了前端資料的傳輸和操作。