react 如何连接MySQL数据库及简单查询功能

一、下载MySQL第三方依赖并且引入

npm install mysql
var mysql = require('mysql')

二、连接数据库

在此,我专门建了一个文件MySQL.js,用于连接数据库

var mysql_user = {
    host:'localhost',//主机地址(默认为:localhost)
    user:'****',//用户名
    password:'***',//密码
    database:'project1'//数据库名
};

var connection = mysql.createConnection(mysql_user,{multipleStatements: true});//创建一个连接
//multipleStatements: true  此功能打开可同时使用多条  查询语句




module.exports = {
    connection //将此模块给暴露出去
};

三、使用node来操作MySQL

这里是一个简单的查询语句

//首先引入
const {connection} = require('./Mysql')

//连接数据库
connection.connect((err) => {
    if(err) {
        console.log("数据库连接失败");
    }
    console.log("数据库连接成功");
})


//一个简单的查询功能

//首先定义查询的SQL语句,这里的 useinfo为数据库表名,where为  where 条件判断语句
// LoginData.username  是前端传来的数据
//一个小注意点              
//'SELECT * FROM useinfo WHERE username = ' + username 写成这种不行   传入中文参数   mysql  中间件识别不了
var find2 = "SELECT * FROM useinfo WHERE username = '"+LoginData.username+"'";
 //执行sql语句
            connection.query(find2, function(err, result) {
                if (err) {   //链接失败 直接return;
                    console.log('[错误]' + err);
                    return;
                };

                if (result.length) {   //如果查到了数据
                	console.log('查到信息!')
                }
                else {
					console.log('未查到信息!');
				}
	        })

  • 6
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
要在React连接MySQL数据库,您需要使用Node.js后端服务器来实现数据库连接。以下是一些基本步骤: 1. 安装MySQL:在您的计算机上安装MySQL数据库并设置用户名和密码。 2. 创建Node.js服务器:使用Express或其他框架创建一个Node.js服务器,以便您可以将数据从MySQL数据库发送到React应用程序。 3. 安装MySQL Node.js模块:使用npm安装mysql模块以便您可以在Node.js中连接和操作MySQL数据库。 4. 在Node.js服务器中创建连接:在Node.js服务器中创建一个连接池并使用mysql模块连接MySQL数据库。 5. 在React应用程序中使用API:使用fetch或axios等库从React应用程序中调用Node.js服务器端点,以便获取和发送数据。 这是一个基本的代码示例: 在Node.js服务器上: ``` const mysql = require('mysql'); const express = require('express'); const app = express(); const pool = mysql.createPool({ connectionLimit: 10, host: 'localhost', user: 'your_mysql_username', password: 'your_mysql_password', database: 'your_mysql_database_name' }); app.get('/data', (req, res) => { pool.query('SELECT * FROM your_mysql_table_name', (err, rows) => { if (err) throw err; res.send(rows); }); }); app.listen(5000, () => console.log('Server started on port 5000')); ``` 在React应用程序中: ``` fetch('http://localhost:5000/data') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error)); ``` 这只是一个基本示例,您可以根据您的需求进行更改和扩展。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值