经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » Node.js » 查看文章
Node.js+Express+Mysql 实现增删改查
来源:jb51  时间:2019/4/3 16:03:23  对本文有异议

这次选用nodejs+express+mysql 使用http作为客户端,express框架搭建服务端,从而实现数据的增删改查。这篇文章可以算作上篇文章的升级篇,加入了和数据库的交互。

安装

node 直接去官网下载选择下载即可https://nodejs.org/en/download/current/

  1. cnpm install express //express框架安装
  1. cnpm install mysql //mysql驱动安装
  1. brew install mysql //数据库的安装,根据命令行提示初始化配置
  2. mysql.server start//启动mysql服务
  3. mysql.server stop//停止mysql服务
  4. 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根目录下。

登陆数据库

  1. mysql -uroot -p

输入root的密码

Enter password: ******

更改加密方式

  1. mysql> ALTER USER 'root'@'localhost' IDENTIFIED BY 'password' PASSWORD EXPIRE NEVER;
  2.  

更改密码:该例子中 123456为新密码

  1. mysql> ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '123456';
  2.  

刷新:

  1. mysql> FLUSH PRIVILEGES;

数据库的连接

  1. var mysql = require('mysql');//引入数据库驱动模块
  2. //console.log(mysql)
  3. // 连接数据库的配置
  4. var connection = mysql.createConnection({
  5. // 主机名称,一般是本机
  6. host: 'localhost',
  7. // 数据库的端口号,如果不设置,默认是3306
  8. port: '3306',
  9. // 创建数据库时设置用户名
  10. user: 'root',
  11. // 创建数据库时设置的密码
  12. password: '*******',
  13. // 创建的数据库
  14. database: 'express'
  15. });
  16. // 与数据库建立连接
  17. connection.connect();
  18. // 查询数据库
  19. connection.query('select * from userinfo', function (error, results, fields) {
  20. if (error) throw error;
  21. console.log(results);
  22. });
  23.  
  24. // 关闭连接
  25. connection.end();

新建一张表格在数据库中为:

express服务端

Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,这里没有搭建express框架的项目,只是简单搭建一个服务端,实现和数据库的增删改查。

  1. var express = require("express");
  2. var app = express();
  3. var query = require('./db')
  4. //var router =require('router')
  5. var mysql = require('mysql');
  6. var querystring = require("querystring");
  7. //console.log(mysql)
  8. // 连接数据库的配置
  9. var connection = mysql.createConnection({
  10. // 主机名称,一般是本机
  11. host: 'localhost',
  12. // 数据库的端口号,如果不设置,默认是3306
  13. port: '3306',
  14. // 创建数据库时设置用户名
  15. user: 'root',
  16. // 创建数据库时设置的密码
  17. password: '1234567',
  18. // 创建的数据库
  19. database: 'express'
  20. });
  21. // 与数据库建立连接
  22. connection.connect();
  23. //根据参数,查询数据
  24. app.get('/index', function (req, res) {
  25. // 处理 get 请求,获取 get 请求参数
  26. //处理 /:xxx 形式的 get 或 post 请求,获取请求参数 这里没有使用到
  27. var params = req.query
  28. //查询语句
  29. var sql = 'select * from userinfo where name= ? and age=?'
  30. var where_value = [params.name, params.age];
  31. // console.log(sql)
  32. connection.query(sql, where_value, function (err, result) {
  33. if (err) {
  34. console.log('[SELECT ERROR]:', err.message);
  35. }
  36. res.send(result) //数据库查询结果返回到result中,把查询数据发送到客户端
  37. });
  38.  
  39. })
  40. //增加数据
  41. app.post('/add', function (req, res) {
  42. //获取及处理增加的数据
  43. var post = '';
  44. req.on('data', function (chunk) {
  45. post += chunk;
  46. console.log(post)
  47. });
  48. req.on('end', function () {
  49. //查询参数解析
  50. post = querystring.parse(post);
  51. var sql = 'insert into userinfo set id=? , name=? , age=?, address=?'
  52. var add_value = [post.id, post.name, post.age, post.address]
  53. connection.query(sql, add_value, function (err, result) {
  54. if (err) {
  55. console.log('新增数据失败');
  56. }
  57. res.send('增加数据成功') // 响应内容 增加数据成功
  58. });
  59. });
  60. })
  61. //修改数据
  62. app.put('/update', function (req, res) {
  63. //处理请求修改的数据和条件
  64. var update = '';
  65. req.on('data', function (chunk) {
  66. update += chunk;
  67. console.log(update)
  68. });
  69. req.on('end', function () {
  70. //查询参数解析
  71. update = querystring.parse(update);
  72. var sql = 'update userinfo set name=? , age=?, address=? where id=?'
  73. var update_value = [update.name, update.age, update.address,update.id]
  74. connection.query(sql, update_value, function (err, result) {
  75. if (err) {
  76. console.log('修改数据失败', err.message);
  77. }
  78. res.send('修改数据成功') // 响应内容 修改数据成功
  79. });
  80. });
  81. })
  82. //删除数据
  83. app.delete('/delete', function (req, res) {
  84. var params = req.query
  85. var sql = 'delete from userinfo where name= ?'
  86. var where_value = [params.name];
  87. // console.log(sql)
  88. connection.query(sql, where_value, function (err, result) {
  89. if (err) {
  90. console.log('删除失败', err.message);
  91. }
  92. res.send('删除成功')
  93. });
  94. })
  95. //关闭连接
  96. //connection.end();
  97. //监听8080端口
  98. var server = app.listen(8080, function () {
  99. console.log('server running at 3000 port')
  100. })

http客户端

这里把node http模块来搭建客户端,发起请求。

get请求

  1. const http = require("http");
  2. // 发送请求的配置
  3. let config = {
  4. host: "localhost",
  5. port: 8080,
  6. //get请求参数
  7. path:'/index?name=bill&age=21',
  8. method: "GET",
  9. headers: {
  10. a: 1
  11. }
  12. };
  13. // 创建客户端
  14. let client = http.request(config, function(res) {
  15. // 接收服务端返回的数据
  16. let repData='';
  17. res.on("data", function(data) {
  18. repData=data.toString()
  19. console.log(repData)
  20. });
  21. res.on("end", function() {
  22. // console.log(Buffer.concat(arr).toString());
  23. });
  24. });
  25. // 发送请求
  26. client.end();

客户端发起参数name=bill&age=21的查询请求,服务端根据条件操作数据库,响应数据为:

post请求

  1. var http = require('http');
  2. var querystring = require("querystring");
  3. //查询参数拼接
  4. //增加的数据
  5. var contents = querystring.stringify({
  6. id:5,
  7. age:'23',
  8. name: "艾利斯提",
  9. address: "dongbei",
  10. });
  11. var options = {
  12. host: "localhost",
  13. port: 8080,
  14. path:"/add",
  15. method: "POST",
  16. headers: {
  17. "Content-Type": "application/x-www-form-urlencoded",
  18. "Content-Length": contents.length
  19. }
  20. };
  21. var req = http.request(options, function (res) {
  22. res.setEncoding("utf8");
  23. res.on("data", function (data) {
  24. console.log(data);
  25. })
  26. })
  27. //发送数据
  28. req.write(contents);
  29. req.end(); //结束请求,否则服务器将不会收到信息

post请求发送增加数据,服务端根据请求,向数据库追加一条数据,响应客户端:增加数据成功。增加后的数据表:

put请求

  1. const http = require("http");
  2. var querystring = require("querystring");
  3. //查询参数拼接
  4. // 发送请求的配置
  5. var contents = querystring.stringify({
  6. id:1,
  7. age:'25',
  8. name: "Sarah",
  9. address: "qingdao",
  10. });
  11. let config = {
  12. host: "localhost",
  13. port: 8080,
  14. path:'/update',
  15. method: "PUT",
  16. headers: {
  17. a: 1
  18. }
  19. };
  20. // 创建客户端
  21. let client = http.request(config, function(res) {
  22. // 接收服务端返回的数据
  23. let repData='';
  24. res.on("data", function(data) {
  25. repData=data.toString()
  26. console.log(repData)
  27. });
  28. });
  29. client.write(contents);
  30. // 发送请求
  31. client.end();

这里请求和post方法类似,服务端根据sql语句('update userinfo set name=? , age=?, address=? where id=?')修改数据库的内容,响应客户端:修改数据成功。修改后的数据表:

delete请求

  1. const http = require("http");
  2. // 发送请求的配置
  3. let config = {
  4. host: "localhost",
  5. port: 8080,
  6. //删除数据的参数
  7. path:'/delete?name=bill',
  8. method: "DELETE",
  9. headers: {
  10. a: 1
  11. }
  12. };
  13. // 创建客户端
  14. let client = http.request(config, function(res) {
  15. // 接收服务端返回的数据
  16. let repData='';
  17. res.on("data", function(data) {
  18. repData=data.toString()
  19. console.log(repData)
  20. });
  21. res.on("end", function() {
  22. // console.log(Buffer.concat(arr).toString());
  23. });
  24. });
  25. // 发送请求
  26. client.end();

客户端发送删除数据的参数,客户端拿到参数,根据条件,操作数据库删除相应数据,响应客户端:删除成功。删除后的数据表:

总结

接触后端的内容后,从后端的角度重新理解了前端数据的传输和操作。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持w3xue。

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号