个人主页地址: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端口