阅读 260

Todo List: Node + Express 搭建服务端连接Mysql

前言

万丈高楼平地起,我们的Todo List项目也是越来越健壮了。Todo List的前面4章内容都是在为Client端开发,现在架构基本ok,接下来我们搭建Server端,连接数据库,Client端能与数据库交互。

以下知识和前端知识无关哦,虽然也是JS代码,有兴趣的可以继续了解一波。当然,现在开发同学多多少少还是要会一点点全栈类的知识,这也是一种趋势。

代码请戳:Todo List GitHub代码库

20190529151656.jpg

本次《todo list: Vue待办事项任务管理》,分为一下章节,有兴趣的同学可以持续关注。

第一章: 初识(项目搭建、基本功能组件实现)

第二章: 数据动态化处理(localStorage + Vuex),可新增,可编辑

第三章:待办事项自定义分组

第四章:待办事项添加描述图片等信息

第五章:Node + Express 搭建服务端连接Mysql

第六章:Client端与Server端交互,待办任务入库等

第七章:多人协同处理待办事项,权限管理

第八章:完结:线上发布

初步定义7个章节,实际开发中有可能有所增减。

安装模块

如标题所见,我们是Node + Express 搭建服务端连接Mysql,所以需要安装2个模块, expressmysql

npm i express mysql -S 复制代码

2019060507010373.png

Server端

20190605145419.jpg

根目录新建server文件夹,并在下面建3个文件,app.js(入口文件),pool.js(mysql数据库连接池), sql.js(sql语句)。

pool.js

/** * @module mysql数据库连接池 * @author: Javanx <www.javanx.cn> * @date: 2019-06-05 14:17:51 */ var mysql = require('mysql') var pool = mysql.createPool({     host: '127.0.0.1', // 数据库地址     port: '3306', // 端口     user: 'root', // 用户名称     password: 'root', // 用户密码     database: 'todo-list' // 要链接的数据库名称 }); // 查询相关 let query = (sql, callback) => {       pool.getConnection((err,conn) => {           if(err){           callback(err,null,null);           }else{               conn.query(sql, (qerr,vals,fields) => {                   //释放连接                   conn.release();                   //事件驱动回调                   callback(qerr, vals, fields);               });           }       })   } module.exports = query // 暴露出这个接口 复制代码

用数据库连接池的好处是: 1、资源重用(避免频繁的创建、释放连接引起的大量性能开销) 2、更快的响应速度(利用现有可用连接,避免了数据库连接初始化和释放过程的时间开销,从而缩减了系统整体响应时间)

app.js

var express = require('express') // 引入express模块 var query = require('./pool') // 引入数据库连接池文件 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) // 服务器响应请求   }) }) // 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)   }) }) // 监听端口 app.listen(3000, () => {   console.log('Server running at 3000 port') }) 复制代码

启动服务,并且暴露2个接口,获取和修改task_list表的数据。

sql.js

module.exports = {   SELECT_TODOLIST_TABLE: 'SELECT * FROM TASK_LIST',   UPDATE_TODOLIST_TABLE: 'UPDATE TASK_LIST SET TITLE = "任务1" WHERE ID = 1', } 复制代码

这里2个sql语句,一个是查询task_list表,一个是修改task_list表id为1的title值,与上面的接口对应。

这里用postMan工具模拟一下请求,请看下列数据:

20190605143824.jpg

20190605143844.jpg

调用update接口后的数据库数据:

20190605144809.jpg

总结

本章节之前发布了一节视频,《Node+Express搭建服务器连接MySql》,文章发布与视频之后,所以做出了很多优化的地方。对文字不是很感冒的,可以去看看视频。

同时与之(《todo list: Vue待办事项任务管理》)相关的视频专辑也已经发出,《todo list: Vue待办事项任务管理》视频合辑。


作者:web秀
链接:https://juejin.cn/post/7031074277730287646


文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐