微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

个人主页地址:http://121.4.41.4/

前端:

创建一个表单发送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端口

当我们在form表单发送数据时,就可传送到MysqL数据库

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐