初识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数据库

在这里插入图片描述

相关文章

根据官网 入门 express
java叫接口control什么的app.get.post等等都是请求方式我们可...
为了前端丢进去的时候可以直接判断中间件就是经过了这个就会...
Express 文件的上传和下载
运行命令下载app.js 增加中间件。
基本模板来的 后面用后就有什么加什么都行。