初识NodeJS-使用express+mysql实现个人主页的数据交互

最新推荐文章于 2022-06-07 10:14:28 发布

醉月听风

最新推荐文章于 2022-06-07 10:14:28 发布

阅读量459

点赞数

分类专栏： NodeJS 文章标签： node.js 前端 javascript

本文链接：https://blog.csdn.net/qq_39595839/article/details/111086747

版权

NodeJS 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

个人主页地址

前端:

创建一个表单发送post请求：

				<!-- 请求方式post  提交地址：/Message -->
				<form method="post" action="/Message">
					<div class="row">

						<div class="col-6 col-12-mobile">
							<input type="text" name="name" placeholder="Name" />
						</div>
						
						<div class="col-6 col-12-mobile">
							<input type="text" name="email" placeholder="Email" />
						</div>
						
						<div class="col-12">
							<textarea name="message" placeholder="Message"></textarea>
						</div>
						
						<div class="col-12">
							<input type="submit" value="Send Message" />
						</div>

					</div>
				</form>

在这里插入图片描述

后端

1.安装express npm install express --save
2.安装mysql npm install mysql --save



//调用express模块
const express = require('express');
const mysql = require('mysql');
const app = express();
//express-parser body模块
//用于接收post数据
var bodyParser = require("body-parser");
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(express.urlencoded());
//创建连接池
var consql = mysql.createConnection({
    host: '服务器ip 或者 本机地址',
    user: '数据库用户名',
    password: '数据库密码',
    port: 3306,//访问数据库端口 mysql默认3306
    database: '数据库名'
});


//联系我
app.post('/Message', (req, res) => {
	//使用req.body接收post参数
    console.log(req.body.name);

    let Messageobj = {
        name: req.body.name || '没有',
        message: req.body.message || '没有',
        Email: req.body.email || '没有'
    }

    //连接数据库
    consql.connect(function (err) {
        if (err) {
            console.log(err);
        }
        console.log('数据连接成功');
    })

    //SQL语句
    const Addsql = 'insert into tellMe(name,emall,msg) values(?,?,?)'
    const AddsqlParams = [Messageobj.name, Messageobj.Email, Messageobj.message]; // 动态参数
    //增加数据
    consql.query(Addsql, AddsqlParams, (err, result) => {
        //增加错误
        if (err) {
            console.log('增加数据错误', err);
            //关闭
            consql.end((err) => {
                if (err) {
                    console.log('关闭错误', err)
                }
            })
            res.send('发送失败');
            return;
        }
        console.log('添加成功');
        //关闭数据库
        consql.end((err) => {
            if (err) {
                console.log('关闭错误', err)
            }
        })
        res.send('发送成功');
    })

})

app.listen(8081);//监听8081端口