NodeJs实战-待办列表(5)-使用MySQL存储待办事项

已于 2022-11-20 17:49:29 修改
阅读量516 收藏 2
点赞数
分类专栏： # NodeJS 文章标签： mysql javascript NodeJS
于 2022-11-19 22:11:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/modelmd/article/details/127941396
版权

NodeJs实战-待办列表5-使用MySQL存储待办事项

之前的章节是基于内存存储待办事项的，那么会产生一个问题，服务重启之后，待办事项数据会丢失，本节将数据存储到数据库中。

项目结构

在这里插入图片描述

需要了解的基础知识

  1. MySQL 数据库，SQL 语句
  2. NodeJS web 服务

创建数据库，数据表

  1. 创建数据库
create database test charset=utf8mb4;
  1. 创建数据表
CREATE TABLE `t_todo_list` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `item_name` varchar(50) DEFAULT NULL,
  `create_time` datetime DEFAULT NULL,
  `complete_time` datetime DEFAULT NULL,
  `todo_status` int(11) DEFAULT NULL COMMENT '0-初始状态 1-已完成',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

NodeJS 如何连接 MySQL，执行SQL

  1. 安装 mysql 模块 npm install mysql
F:\Github\Nodejs\todolist>npm install mysql
  1. 编写 demo 程序连接

创建数据库连接池 db

F:\Github\Nodejs\todolist>node
Welcome to Node.js v18.12.1.
Type ".help" for more information.
> const mysql = require('mysql')
undefined
> const db = mysql.createPool({
...     host: "127.0.0.1",
...     port: 3306,
...     user: 'root',
...     password: 'shootercheng',
...     database: "test"
... })
undefined
> db.query('select 1', (err, result) => {console.log(result)});
<ref *1> Query {
  _events: [Object: null prototype] {},
  _eventsCount: 0,
  _maxListeners: undefined,
  _callback: [Function: runBound],
  _callSite: Error
      at Pool.query (F:\Github\Nodejs\todolist\node_modules\mysql\lib\Pool.js:199:23)
      at REPL15:1:4
      at Script.runInThisContext (node:vm:129:12)
      at REPLServer.defaultEval (node:repl:572:29)
      at bound (node:domain:433:15)
      at REPLServer.runBound [as eval] (node:domain:444:12)
      at REPLServer.onLine (node:repl:902:10)
      at REPLServer.emit (node:events:525:35)
      at REPLServer.emit (node:domain:489:12)
      at [_onLine] [as _onLine] (node:internal/readline/interface:425:12),
  _ended: false,
  _timeout: undefined,
  _timer: Timer { _object: [Circular *1], _timeout: null },
  sql: 'select 1',
  values: undefined,
  typeCast: true,
  nestTables: false,
  _resultSet: null,
  _results: [],
  _fields: [],
  _index: 0,
  _loadError: null,
  [Symbol(kCapture)]: false
}
> [ RowDataPacket { '1': 1 } ]

获取当前时间

> const silly = require('silly-datetime')
undefined
> silly.format(new Date(), 'YYYY-MM-DD HH:mm:ss')
'2022-11-19 20:32:38'

完整的 test.js 代码如下

const mysql = require('mysql');
const db = mysql.createPool({
    host: "127.0.0.1",
    port: 3306,
    user: 'root',
    password: 'shootercheng',
    database: "test"
});

const silly = require('silly-datetime');

function currentTime() {
    return silly.format(new Date(), 'YYYY-MM-DD HH:mm:ss');
}

function insertTest() {
    db.query('insert into t_todo_list(item_name, create_time) values(?, ?)', ['中文', currentTime()], (err, result) => {
        console.log(result);
    });
}

function selectTest() {
    db.query('select * from t_todo_list where id = ?', ['2'],(err, result) => {
        if (err) {
            console.log(err);
            return;
        }
        for (var index in result) {
            console.log(result[index]);
        }
    });
}

function updateTest() {
    db.query('update t_todo_list set complete_time = ? where id = ?', [currentTime(), 2],
    (err, result) => {
        console.log(result);
    })
}

insertTest();
selectTest();
updateTest();
  1. 运行 node test.js 可以看到如下信息
F:\Github\Nodejs\todolist>node test.js
RowDataPacket {
  id: 2,
  item_name: '中文',
  create_time: 2022-11-19T09:20:13.000Z,
  complete_time: 2022-11-19T12:35:12.000Z
}
OkPacket {
  fieldCount: 0,
  affectedRows: 1,
  insertId: 4,
  serverStatus: 2,
  warningCount: 0,
  message: '',
  protocol41: true,
  changedRows: 0
}
OkPacket {
  fieldCount: 0,
  affectedRows: 1,
  insertId: 0,
  serverStatus: 2,
  warningCount: 0,
  message: '(Rows matched: 1  Changed: 1  Warnings: 0',
  protocol41: true,
  changedRows: 1
}
  1. 编写 demo 程序中遇到的问题
    刚开始使用 nodejs 的 mysql 模块，不知道 query 方法是异步执行的，写了如下方法
const mysql = require('mysql');
const db = mysql.createPool({
    host: "127.0.0.1",
    port: 3306,
    user: 'root',
    password: 'shootercheng',
    database: "test"
});

function selectTest() {
    var dataList = [];
    db.query('select * from t_todo_list where id = ?', ['2'],(err, result) => {
        if (err) {
            console.log(err);
            return;
        }
        for (var index in result) {
            dataList.push(result[index]);
        }
    });
    console.log(dataList);
    return dataList;
}

selectTest();

调用这个方法会输出啥？将此方法保存到 js 文件 test_async.js
在这里插入图片描述
发现数据没有存入到 list 中，说明是异步执行了。如果在输出的地方加个延时，等查询执行完毕。

 // 输出延时3秒钟，等异步查询数据完毕
 setTimeout(() => {console.log(dataList)}, 3000);

在这里插入图片描述

修改服务端代码 server.js

经过前面的demo 程序，学会了如何使用 nodejs mysql 模块实现增删改查。需要把原来对内存的增删改查修改成对数据库的增删改查就可以了

  1. 增加查询方法
function doQuery(response) {
	db.query('select item_name from t_todo_list where todo_status = ?', ['0'], (err, result) => {
		if (err) {
			console.log(err);
			var data = buildData(CODE_ERROR, [], '查询数据库失败');
			sendMsg(response, JSON.stringify(data));
			return;
		}
		var itemList = [];
		for (var i in result) {
			itemList.push(result[i].item_name);
		}
		var data = buildData(CODE_SUCCESS, itemList, '查询成功');
		sendMsg(response, JSON.stringify(data));
	});
}
  1. 增加添加待办事项方法
function doAdd(response, itemData) {
	db.query('select count(*) as num from t_todo_list where item_name = ? and todo_status = ?', [itemData,'0'], (err, result) => {
        if (err) {
            console.log(err);
			var data = buildData(CODE_ERROR, [], '查询数据库失败');
			sendMsg(response, JSON.stringify(data));
			return;
        }
        if (result[0].num > 0) {
			var data = buildData(CODE_ERROR, [], itemData + '-待办事项已存在');
			sendMsg(response, JSON.stringify(data));
			return;
		}
		db.query('insert into t_todo_list(item_name, create_time, todo_status) values(?, ?, ?)', [itemData, currentTime(), '0'], (err, result) => {
			if (err) {
				console.log(err);
				var data = buildData(CODE_ERROR, [], itemData + '-待办事项添加到数据库失败');
				sendMsg(response, JSON.stringify(data));
				return;
			}
			doQuery(response);
		});
	});
}
  1. 增加完成待办事项方法
function doCompelete(response, itemData) {
	db.query('select count(*) as num from t_todo_list where item_name = ? and todo_status = ?', [itemData, '0'], (err, result) => {
        if (err) {
            console.log(err);
			var data = buildData(CODE_ERROR, [], '查询数据库失败');
			sendMsg(response, JSON.stringify(data));
			return;
        }
        if (result[0].num == 0) {
			var data = buildData(CODE_ERROR, [], itemData + '-待办事项不存在');
			sendMsg(response, JSON.stringify(data));
			return;
		}
		db.query('update t_todo_list set complete_time = ?, todo_status = ? where item_name = ?', [currentTime(), '1', itemData], (err, result) => {
			if (err) {
				console.log(err);
				var data = buildData(CODE_ERROR, [], itemData + '-更新待办事项失败');
				sendMsg(response, JSON.stringify(data));
				return;
			}
			doQuery(response);
		});
	});
}
  1. 修改主方法
const server = http.createServer((request, response) => {
	var urlParse = parse(request.url);
	var urlPath = urlParse.pathname;
	var itemData;
	if (urlPath == '/add' || urlPath == '/complete') {
		itemData = findItemData(urlParse);
		if (itemData.length == 0) {
			var data = buildData(CODE_ERROR, [], '输入数据有误');
			return sendMsg(response, JSON.stringify(data));
		}
	}
	switch (urlPath) {
		case '/':
			var filePath = 'public/index.html';
    		var absPath = './' + filePath;
			readFile(response, absPath);
			break;
		case '/query':
			doQuery(response);
			break;
		case '/add':
			doAdd(response, itemData);
			break;
		case '/complete':
			doCompelete(response, itemData);
			break;
	}
});
  1. 完整的 server.js
const http = require('http');
const fs = require('fs');
const parse = require('url').parse;
const mysql = require('mysql');
const silly = require('silly-datetime');
const db = mysql.createPool({
    host: "127.0.0.1",
    port: 3306,
    user: 'root',
    password: 'shootercheng',
    database: "test"
});

const hostname = '127.0.0.1';
const port = 3000;

const CODE_ERROR = 0;
const CODE_SUCCESS = 1;

function send404(response) {
    response.writeHead(404, {'Content-Type': 'text/plain'});
    response.write('Error 404: resource not found.');
    response.end();
}

function sendMsg(response, msg) {
	response.writeHead(200, {'Content-Type': 'application/json;charset=UTF-8'});
    response.write(msg);
    response.end();
}

function readFile(response, filePath) {
	fs.readFile(filePath, (err, data) => {
		if (err) {
			return send404(response);
		}
		var html = data.toString();
		// html = html.replace('%', Array.from(todoSet).join('</li><li>'));
		response.writeHead(200, {'Content-Type': 'text/html'});
		response.end(html);
	});
}

function findItemData(urlParse) {
	if (urlParse.query.length > 0) {
		var queryArray = urlParse.query.split('=');
		if (queryArray.length >= 2) {
			return decodeURI(queryArray[1]);
		}
	}
	return '';
}

function buildData(code, data, msg) {
	// 返回数据
	let retData = {
		'code':'',
		'data': [],
		'msg':''
	}
	retData.code = code;
	retData.data = data;
	retData.msg = msg;
	return retData;
}

/**
 * 获取当前时间
 * @returns
 */
function currentTime() {
    return silly.format(new Date(), 'YYYY-MM-DD HH:mm:ss');
}

/**
 * 查询待办数据，并且输出到浏览器
 * @param {*} response 
 */
function doQuery(response) {
	db.query('select item_name from t_todo_list where todo_status = ?', ['0'], (err, result) => {
		if (err) {
			console.log(err);
			var data = buildData(CODE_ERROR, [], '查询数据库失败');
			sendMsg(response, JSON.stringify(data));
			return;
		}
		var itemList = [];
		for (var i in result) {
			itemList.push(result[i].item_name);
		}
		var data = buildData(CODE_SUCCESS, itemList, '查询成功');
		sendMsg(response, JSON.stringify(data));
	});
}

/**
 * 添加待办事项
 * @param {*} response 
 * @param {*} itemData 
 */
function doAdd(response, itemData) {
	db.query('select count(*) as num from t_todo_list where item_name = ? and todo_status = ?', [itemData,'0'], (err, result) => {
        if (err) {
            console.log(err);
			var data = buildData(CODE_ERROR, [], '查询数据库失败');
			sendMsg(response, JSON.stringify(data));
			return;
        }
        if (result[0].num > 0) {
			var data = buildData(CODE_ERROR, [], itemData + '-待办事项已存在');
			sendMsg(response, JSON.stringify(data));
			return;
		}
		db.query('insert into t_todo_list(item_name, create_time, todo_status) values(?, ?, ?)', [itemData, currentTime(), '0'], (err, result) => {
			if (err) {
				console.log(err);
				var data = buildData(CODE_ERROR, [], itemData + '-待办事项添加到数据库失败');
				sendMsg(response, JSON.stringify(data));
				return;
			}
			doQuery(response);
		});
	});
}

/**
 * 完成待办事项
 * @param {*} response 
 * @param {*} itemData 
 */
function doCompelete(response, itemData) {
	db.query('select count(*) as num from t_todo_list where item_name = ? and todo_status = ?', [itemData, '0'], (err, result) => {
        if (err) {
            console.log(err);
			var data = buildData(CODE_ERROR, [], '查询数据库失败');
			sendMsg(response, JSON.stringify(data));
			return;
        }
        if (result[0].num == 0) {
			var data = buildData(CODE_ERROR, [], itemData + '-待办事项不存在');
			sendMsg(response, JSON.stringify(data));
			return;
		}
		db.query('update t_todo_list set complete_time = ?, todo_status = ? where item_name = ?', [currentTime(), '1', itemData], (err, result) => {
			if (err) {
				console.log(err);
				var data = buildData(CODE_ERROR, [], itemData + '-更新待办事项失败');
				sendMsg(response, JSON.stringify(data));
				return;
			}
			doQuery(response);
		});
	});
}

const server = http.createServer((request, response) => {
	var urlParse = parse(request.url);
	var urlPath = urlParse.pathname;
	var itemData;
	if (urlPath == '/add' || urlPath == '/complete') {
		itemData = findItemData(urlParse);
		if (itemData.length == 0) {
			var data = buildData(CODE_ERROR, [], '输入数据有误');
			return sendMsg(response, JSON.stringify(data));
		}
	}
	switch (urlPath) {
		case '/':
			var filePath = 'public/index.html';
    		var absPath = './' + filePath;
			readFile(response, absPath);
			break;
		case '/query':
			doQuery(response);
			break;
		case '/add':
			doAdd(response, itemData);
			break;
		case '/complete':
			doCompelete(response, itemData);
			break;
	}
});

server.listen(port, hostname, () => {
	console.log(`Server running at http://${hostname}:${port}/`)
})

验证

执行命令 node server.js，启动项目

添加待办

  1. 1111
  2. en1111
  3. 中文1111
    在这里插入图片描述

完成待办

  1. 1111
  2. en1111
  3. 中文1111
    在这里插入图片描述

查看数据库的数据是否符合预期

在这里插入图片描述

项目代码地址

Gitee代码仓库: https://gitee.com/3281328128/todo_list/tree/mysql/

Chengdu.S
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
待办事项数据库
02-12
专业发展的烧瓶样板 特征 大量的文档。 与Pipenv集成以进行软件包管理。 通过$ pipenv run deploy快速部署到heroku。 使用.env文件。 用于数据库抽象SQLAlchemy集成。 安装（如果您使用gitpod，则自动安装） 重要提示：boiplerplate是针对python 3.7制作的，但您可以轻松更改python_version上的python_version。 以下步骤将与gitpod一起自动运行，如果您要进行本地安装，则必须手动进行操作： pipenv install ; mysql -u root -e " CREATE DATABASE example " ; pipenv run init ; pipenv run migrate ; pipenv run upgrade ; 如何开始编码？ 有一个使用示例数据库的示例API。 您
mysql待办事项表名_SSD8-Ex4待办事项列表答案参考
weixin_34138192的博客
02-02 143
【实例简介】SSD8-Ex4待办事项列表答案参考：http://wangbaiyuan.cn/mysql-database-data-released-in-java-web-service-and-operations.html……用户注册新用户可以注册。新用户必须提供用户名和密码。如果提供的用户名称已经存在，打印一个错误信息。注册成功后，打印一条消息说明注册成功。在新用户注册时，需要为这个新用...
待办事项一览
weixin_30399155的博客
10-26 390
OpenGL 线代 高数 空间几何 建站 考证（…） 这学期绩点要有3.7 六级 500+ 雅思 6.5 转载于:https://www.cnblogs.com/chunibyo/p/9854346.html
mysql待办事项表名_Activiti中彻底解决待办事项列表查询复杂、API不友好的设计方案...
weixin_39861920的博客
02-01 89
标签：我们使用工作流引擎，一个非常重要的功能就是获取待办事项列表，在Activiti中，我们可以通过TaskService的相关API进行查询，这些API设计优雅，但是实际使用中往往不够方便，也缺乏灵活性，达不到技术解决方案的要求，主要有如下几个问题：1.多数情况无法通过调用一个API满足需求，这时一个现实问题就是需要对结果集进行合并然后排序，这样就显得比较麻烦；2.和项目业务表关联困难；3.Ac...
C#webform+redis数据库登录-待办事项
08-21
在webform中创建登录-待办事项两个页面，加入redis数据库操作
NodeJs-Todo-List：使用NodeJs后端和VueJs前端构建待办事项列表
02-04
项目设置 此应用程序在单个存储库中同时包含后端和前端。 ├── Readme.md ├── backend ...使用docker-compose启动frontend ， backend和db容器 $ docker-compose up -d 通过浏览器访问应用程序，为
grapqhl-nodejs-mysql:暴露使用 MySQL 数据库的 GraphQL
05-29
嗨，这是一个如何使用nodejs + MySQL提供GraphqL端点的示例。 来自官网： API 的查询语言 GraphQL 是 API 的查询语言 以及使用现有数据完成这些查询的运行时。 GraphQL 为您的 API 中的数据提供了完整且易于理解的...
list-modules:NodeJS上的待办事项清单应用程序
03-28
这是我的第一个编码项目，待办事项列表的第二遍。 一个简单的终端项目，此待办事项列表应用程序的更新版本尝试对原始代码进行某种程度的组织，并利用CommonJS的module.exports并要求功能。 我已将代码分为三个不同的...
todo-app:待办事项列表管理应用程序
04-28
待办事项列表管理器一个Web应用程序，您可以在其中创建和管理待办事项列表。 它还具有与朋友协作公共任务列表的功能。 检查应用程序。截屏建于Angular 5和Bootstrap 4-前端Node.js和Express.js-后端MongoDB-数据库套...
crud-nodejs-mysql:Crud-NodeJS-MySQL
05-24
Crud-NodeJS-MySQL 用NodeJS和MySQL在信纸上制成的Crud，其中用户可以执行所有CRUD功能，并且数据显示在一个表中，还有另一个表显示哪个是最后插入的记录。
一个待办事项列表界面（可添加删除）
12-18
一个待办事项列表界面（可添加删除）
待办事项 数据库表设计
dacong的专栏
08-13 1616
待办事项 数据库表设计
消息服务器待办事项数据库,实时Web应用程序的体系结构
weixin_33068783的博客
08-06 248
“实时”操作或应用程序或系统具有及时性和可预测性约束。原则上，这与系统架构无关 - 实际上，架构必须适合您所需的实时属性。发布/订阅机制具有基于从可发布事件发生时到所有操作订户的事件清楚为止的延迟的实时指标 - 简化的，实时的=真实的快速(认为自动化金融交易) 。但实时性与时效性的可预测性相当。在P/S情况下，感兴趣的可预测性是等待时间 - 无论是数量级还是变化性(“抖动”是一种特殊情况)。在研究...
消息服务器待办事项数据库,关联联系信息的工作管理系统及其方法
weixin_29988907的博客
08-06 299
1. 一种关联联系信息的工作管理方法，包括： 储存一待办项目；建立一协同合作项目，具有一待办项目识别码关联至该待办项目，以及一协同项目识别码关联至一联系信息；根据该联系信息来呼叫该通讯模块； 该通讯模块显示该待办项目。2.根据权利要求1所述的方法，其中储存该待办项目的步骤包括：该通讯模块建立该待办项目，具有以下至少其中之一：一工作摘要、一工作说明及一工作期限；以及将该待办项目储存于一协同合作数据库...
【数据库】小胖工具箱针对待办事项存储的用户表和待办表
fairycode的博客
11-11 426
在待办事项这个工具内涉及到存储内容 所以复习了sql语句 本着虽然能忘的都忘干净了 但是学总能想起来一些的原则 开始建库建表ଘ(੭ˊᵕˋ)੭ CREATE DATABSE IF NOT EXISTS tinyfatty();COMMENT '库名tinyfatty' USE tinyfatty;COMMENT'打开tinyfatty' CREATE TABLE `user` ( `user_no` int(6) UNSIGNED ZEROFILL NOT NULL AUTO_INCREMENT COM
nodejs mysql储存过程_跟我一起学NodeJS之数据存储
weixin_42620913的博客
02-08 677
u=1056781235,1342376453&fm=26&gp=0.jpg今天讲NodeJS的数据存储，让我们告别假数据，开始吧！mysql的安装和链接这里提供两个链接，同学们自己去按照教程安装和链接数据库。建库、建表、表操作(sql语句)建库，就是建一个项目的数据库，我们使用Navicat客户端新建数据库即可，也可自行百度，这不是我们重点要讲的内容建表，我们根据项目要求在我们新...
数据库 Mysql 和 mongoDB
Clytza的博客
03-26 1683
关系型数据库遵从 sql1999 协议，内部采用 sql 语句来进行相关操作非关系型数据库采用指令化操作。
mysql未提交的数据存储在哪_数据库 事务在提交之前数据是存在哪里的？
weixin_36230541的博客
01-19 2382
数据库的物理存储会分成许多个页(Page)，记录都存储在页中，数据每一次IO，操作的最小单位是一个页。数据库运行时，会在内存中维护一个缓冲区(Buffer Pool)。缓冲区缓存部分的页(因为内存有限，所有不能把所有数据都缓存进来)。每次对数据的操作，都需要把磁盘中的页读入缓冲区，然后再进行操作；如果缓冲区中有对应的页，就不需要读磁盘。如果数据库要读入一个页，而此时需要缓冲区已经被用完了，这个时候...
基于javam和vue的酒店管理系统2021计算机毕业设计源码+系统+lw文档+mysql数据库+调试部署
bishe821的博客
09-10 574
基于javam和vue的酒店管理系统2021计算机毕业设计源码+系统+lw文档+mysql数据库+调试部署。springcloud基于微服务的家居体验平台的设计与实现。springboot基于web的数码产品应用平台设计与实现。JSP网上商城与拍卖系统的设计与实现sqlserver。ssm基于VUE.js的保护环境的App的开发与实现。JSp校园生活信息网的设计与实现sqlserver。JSP三亚旅游网的设计与开发sqlserver。jsp基于任务进度监督的软件项目实训管理系统。
nodejs 待办事项
最新发布
10-09
nodejs 待办事项是一个使用Express框架和Mongoose库构建的应用程序。它包含了一个路由文件和一个模型文件。在路由文件中，使用了express.Router()方法创建了一个路由实例，然后定义了一个GET请求的路由处理程序，通过调用Todo.find()方法从数据库中获取所有的待办事项，并将它们以JSON格式返回给客户端。接着，使用module.exports将路由实例暴露出去。在主文件中，通过app.use()方法将该路由挂载到了'/todos'路径下。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Chengdu.S

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值