如何使用 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⭐~非常感谢呢

相关推荐
停止重构2 分钟前
【方案】前端UI布局的绝技,响应式布局,多端适配
前端·网页布局·响应式布局·grid布局·网页适配多端
極光未晚2 分钟前
TypeScript在前端项目中的那些事儿:不止于类型的守护者
前端·javascript·typescript
ze_juejin3 分钟前
Vue3 + Vite + Ant Design Vue + Axios + Pinia 脚手架搭建
前端·vue.js
lichenyang4535 分钟前
React项目(移动app)
前端
用户61848240219516 分钟前
Vue-library-start,一个基于Vite的vue组件库开发模板
前端
美团技术团队18 分钟前
报名 | 美团技术沙龙第86期:多业务场景下,美团如何做性能优化
前端
Rrvive1 小时前
localhost 和 127.0.0.1 的核心区别
前端
蓝倾1 小时前
如何使用Python通过API接口批量抓取小红书笔记评论?
前端·后端·api
極光未晚1 小时前
JavaScript BOM 对象:浏览器的隐形控制塔
前端·javascript·源码
天涯学馆1 小时前
网站秒变 App!手把手教你搞定 PWA
前端·javascript·面试