如何使用 Node.js 连接 mysql 数据库( 超详细!!!)

数据库部分

打开 navicat(其他数据库软件也可以)

点击连接 - 选择 MySql

在新建连接中输入连接名 以及密码,默认其他输入框是有值的。

连接建好后有几个数据库是自带的,还有的是我之前建的,这些不用管,现在我们需要创建自己的数据库。

右键新建数据库 -- 输入数据库名称 test

右键数据库名称 -- 新建表

在页面中随便写两个字段,类型会自动填充,然后保存为你想存的数据库表名,这里保存为 test。

数据库表建好了,随便填充一下数据

右键 - 点击打开表

输入张三,18 然后记得保存

node 部分

新建 dbconfig.js 用于配置数据库信息(以下代码在dbconfig.js中)

创建 MySQL 连接池,封装 sql 执行语句,最后把连接池以及封装好的函数导出。

JS 复制代码
const mysql = require('mysql')
//创建连接池
const pool = mysql.createPool({
  host: '127.0.0.1', //服务器地址
  user: 'root', //账号
  password: '123456', //密码
  database: 'test', //数据库名称
})

//封装sql执行函数
const executeQuery = (sql, values) => {
  return new Promise((resolve, reject) => {
    pool.getConnection((err, connection) => {
      if (err) {
        reject(err)
        return
      }

      connection.query(sql, values, (queryErr, results) => {
        connection.release()

        if (queryErr) {
          reject(queryErr)
        } else {
          resolve(results)
        }
      })
    })
  })
}

module.exports = {
  pool,
  executeQuery,
}

在 index.js 中引入数据库配置 (以下代码在index.js中)

写一个 get 接口测试数据库是否成功,再写一个 sql 语句搜索 test 表中所有数据,并执行 sql 语句,最后将得到的数据 send 出去。

JS 复制代码
const { pool, executeQuery } = require('./dbconfig')
const express = require('express')
const app = express()

app.get('/get', async (req, res) => {
  try {
    const sql = `SELECT * FROM test;`//sql语句 搜索test表所有数据
    const result = await executeQuery(sql)//执行sql语句

    res.send({
      result,
      code: 200,
    })
  } catch (error) {
    console.error('Error executing query:', error)
    res.status(500).send('Internal Server Error')
  }
})

app.listen('3000', () => {
  console.log(`node服务已启动 端口号是:3000`)
})

一定要初始化项目以及安装依赖!!!(按顺序执行)

JS 复制代码
npm init 

npm i express

npm i mysql

ctrl+j 打开终端,输入 node index 启动项目,如果你也得到下面这句话,说明你启动成功了。

测试

postman

打开 postman 进行本地测试,新建连接并输入链接,可以看到得到数据了。

网页测试

也可以正确拿到数据,那么到这里我们就大功告成了!

源码

GitHub链接: chenyajun-create/node-mysql (github.com)

所有源码已经同步提交GitHub,觉得对你有帮助的话,记得帮作者点下star⭐~非常感谢呢

相关推荐
Wiktok几秒前
Pyside6加载本地html文件并实现与Javascript进行通信
前端·javascript·html·pyside6
一只小风华~5 分钟前
Vue:条件渲染 (Conditional Rendering)
前端·javascript·vue.js·typescript·前端框架
柯南二号7 分钟前
【大前端】前端生成二维码
前端·二维码
程序员码歌36 分钟前
明年35岁了,如何破局?说说心里话
android·前端·后端
博客zhu虎康1 小时前
React Hooks 报错?一招解决useState问题
前端·javascript·react.js
灰海2 小时前
vue中通过heatmap.js实现热力图(多个热力点)热区展示(带鼠标移入弹窗)
前端·javascript·vue.js·heatmap·heatmapjs
王源骏2 小时前
LayaAir鼠标(手指)控制相机旋转,限制角度
前端
大虾写代码2 小时前
vue3+TS项目配置Eslint+prettier+husky语法校验
前端·vue·eslint
wordbaby3 小时前
用 useEffectEvent 做精准埋点:React analytics pageview 场景的最佳实践与原理剖析
前端·react.js