Node.js如何从前端接收参数,然后保存到数据库

  • 我们数据是从前端传到服务器,服务器传到数据库。再从数据库传到服务器,服务器再传到前端。

Node.js:

  1. 引进express框架
  2. 设置跨域访问请求
  3. 写端口号和监听端口
  4. 连接数据库
  5. 建立连接数据库
  6. 写数据库命令(增删改查)

前端:

添加数据返回到数据库:

查找数据库数据 :

 

 完整代码:

//1.固定的,引进express框架
const express = require('express')
const app = express()


//2.设置跨域访问
app.all('*', function (req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
    res.header("X-Powered-By", ' 3.2.1')
    res.header("Content-Type", "application/json;charset=utf-8");
    next();
});

//3.端口号
const port = 3000
//3.1 监听端口
app.listen(port, () => {
    console.log(`Example app listening at http://localhost:${port}`)
})


//4.连接数据库
var mysql = require('mysql');
var connection = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: '',
    database: 'chat'
});

//5.建立连接数据库
connection.connect();

//6.根据id查询数据库里面的数据
app.get("/list/:id",(req,res)=>{
    
        let searchSql = 'SELECT * from `chat` WHERE `id` = ? '
        let searchParams = [req.params.id]
        connection.query(searchSql,searchParams,(err,result) =>{
            res.send(result)
            // connection.release()
        
    });
});

//6.1根据参数添加数据到数据库
app.get('/insert/:id/:userid/:content/:sayTime',(req,res)=>{
    
        var addSql = 'INSERT INTO `chat`(`id`,`userid`,`content`,`sayTime`) VALUES(?,?,?,?)';
        var addSqlParams = [req.params.id,req.params.userid,req.params.content,req.params.sayTime];
        //增
        connection.query(addSql, addSqlParams, function (err, result) {
            if (err) {
                console.log('[INSERT ERROR] - ', err.message);
                return;
            }
            console.log(result)
            res.send("添加数据成功!!");//添加成功后,输出这条数据在页面!
            //释放连接
            // connection.release();
        
    });
});


 

 

 

 

 

  • 6
    点赞
  • 38
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值