點擊右上方紅色按鈕關(guān)注“web秀”，讓你真正秀起來

前言

萬丈高樓平地起，我們的Todo List項目也是越來越結(jié)實了。Todo List的前面4章內(nèi)容都是在為Client端開發(fā)，現(xiàn)在架構(gòu)基本ok，接下來我們搭建Server端，毗鄰數(shù)據(jù)庫，Client端能與數(shù)據(jù)庫交互。

Todo List:Node+Express 搭建服務(wù)端毗鄰Mysql – 第五章(第1節(jié))

以下知識和前端知識無關(guān)哦，雖然也是JS代碼，有興趣的可以繼續(xù)領(lǐng)會一波。固然，現(xiàn)在開發(fā)同硯多多少少照樣要會一點點全棧類的知識，這也是一種趨勢。

代碼請戳：github搜索 /javanf/todo-list

Todo List:Node+Express 搭建服務(wù)端毗鄰Mysql – 第五章(第1節(jié))

本次《todo list: Vue待辦事項義務(wù)治理》，分為一下章節(jié)，有興趣的同硯可以連續(xù)關(guān)注。

第一章: 初識(項目搭建、基本功能組件實現(xiàn))

第二章: 數(shù)據(jù)動態(tài)化處置(localStorage + Vuex)，可新增，可編輯

第三章：待辦事項自界說分組

第四章：待辦事項添加形貌圖片等信息

第五章：Node + Express 搭建服務(wù)端毗鄰Mysql

第六章：Client端與Server端交互，待辦義務(wù)入庫等

第七章：多人協(xié)同處置待辦事項，權(quán)限治理

第八章：完結(jié)：線上公布

開端界說7個章節(jié)，現(xiàn)實開發(fā)中有可能有所增減。

安裝模塊

如題目所見，我們是Node + Express 搭建服務(wù)端毗鄰Mysql，以是需要安裝2個模塊, express和mysql。

npm i express mysql -S

Todo List:Node+Express 搭建服務(wù)端毗鄰Mysql – 第五章(第1節(jié))

目錄結(jié)構(gòu)

Todo List:Node+Express 搭建服務(wù)端毗鄰Mysql – 第五章(第1節(jié))

根目錄新建server文件夾，并在下面建3個文件，app.js(入口文件)，pool.js(mysql數(shù)據(jù)庫毗鄰池)， sql.js(sql語句)。

pool.js

/*** @module mysql數(shù)據(jù)庫毗鄰池* @author: Javanx * @date: 2019-06-05 14:17:51*/var mysql = require('mysql')var pool = mysql.createPool({ host: '127.0.0.1', // 數(shù)據(jù)庫地址 port: '3306', // 端口 user: 'root', // 用戶名稱 password: 'root', // 用戶密碼 database: 'todo-list' // 要鏈接的數(shù)據(jù)庫名稱});// 查詢相關(guān)let query = (sql, callback) => { pool.getConnection((err,conn) => { if(err){ callback(err,null,null); }else{ conn.query(sql, (qerr,vals,fields) => { //釋放毗鄰 conn.release(); //事宜驅(qū)動回調(diào) callback(qerr, vals, fields); }); } }) }module.exports = query // 露出出這個接口

Todo List:Node+Express 搭建服務(wù)端毗鄰Mysql – 第五章(第1節(jié))

用數(shù)據(jù)庫毗鄰池的利益是：

1、資源重用(制止頻仍的建立、釋放毗鄰引起的大量性能開銷)

2、更快的響應(yīng)速度(行使現(xiàn)有可用毗鄰，制止了數(shù)據(jù)庫毗鄰初始化和釋放歷程的時間開銷，從而縮減了系統(tǒng)整體響應(yīng)時間)

app.js

var express = require('express') // 引入express模塊var query = require('./pool') // 引入數(shù)據(jù)庫毗鄰池文件var sql = require('./sql') // sql語句文件var app = express() // 建立express的實例// get請求app.get('/get-task-list', (req, res) => { query(sql.SELECT_TODOLIST_TABLE, (err, result, fields) => { if (err) { console.log('[SELECT ERROR]:', err.message) } res.send(result) // 服務(wù)器響應(yīng)請求 })})// post請求app.post('/update-task-list', (req, res) => { query(sql.UPDATE_TODOLIST_TABLE, (err, result, fields) => { if (err) { console.log('[SELECT ERROR]:', err.message) } res.send(result) })})// 監(jiān)聽端口app.listen(3000, () => { console.log('Server running at 3000 port')})

Todo List:Node+Express 搭建服務(wù)端毗鄰Mysql – 第五章(第1節(jié))

啟動服務(wù)，而且露出2個接口，獲取和修改task_list表的數(shù)據(jù)。

sql.js

module.exports = { SELECT_TODOLIST_TABLE: 'SELECT * FROM TASK_LIST', UPDATE_TODOLIST_TABLE: 'UPDATE TASK_LIST SET TITLE = "義務(wù)1" WHERE ID = 1',}

這里2個sql語句，一個是查詢task_list表，一個是修改task_list表id為1的title值，與上面的接口對應(yīng)。

這里用postMan工具模擬一下請求，請看下列數(shù)據(jù)：

Todo List:Node+Express 搭建服務(wù)端毗鄰Mysql – 第五章(第1節(jié))

Todo List:Node+Express 搭建服務(wù)端毗鄰Mysql – 第五章(第1節(jié))

挪用update接口后的數(shù)據(jù)庫數(shù)據(jù)：

Todo List:Node+Express 搭建服務(wù)端毗鄰Mysql – 第五章(第1節(jié))

總結(jié)

本章節(jié)之前公布了一節(jié)視頻，文章公布與視頻之后，以是做出了許多優(yōu)化的地方。對文字不是很傷風(fēng)的，可以去看看視頻。同時與之(《todo list: Vue待辦事項義務(wù)治理》)相關(guān)的視頻專輯也已經(jīng)發(fā)出。

代碼請戳：github搜索 /javanf/todo-list

喜歡小編或者以為小編文章對你有輔助的，可以點擊一波關(guān)注哦！

總結(jié)

以上是生活随笔為你收集整理的mysql第五章项目二_Todo List:Node+Express 搭建服务端毗邻Mysql – 第五章(第1节)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。