接口:
vue express 连接数据库
const sql = require(’./server.js’);
const DBHelper = require(’./db.js’);
vue express 连接数据库

app.post(’/register’,(req, res) => {
addUser = sql.user.add;
addUser(req,res)
})
前端:
template中写个表这里就不写了
method:
vue express 连接数据库
async subit(){
var back =await this.$axios.post(’/register’,{username:this.form.name,password:this.form.password});
console.log(back)
}
async await是为了直接得到promise数据省得还得一直then。。。。
server.js:
vue express 连接数据库
const DBHelper = require(’./db.js’);
var sqlMap = {
user: {
// 添加用户
add: function (req,res){
let sqlStr = ‘insert into user(name, pwd) values (?, ?)’;
let params = req.body;
let conn = new DBHelper().getConn();
conn.query(sqlStr, [params.username, params.password], (err, result) => {
if (err) {
res.json(err);
} else {
res.json(result);
}
});
conn.end();
},
// 查询用户
addvideo: function (req,res){
let sqlStr = ‘insert into user(name, pwd) values (?, ?)’;
let params = req.body;
let conn = new DBHelper().getConn();
conn.query(sqlStr, [params.username, params.password], (err, result) => {
if (err) {
res.json(err);
} else {
res.json(result);
}
});
conn.end();
}
}
}

module.exports = sqlMap;
db.js:
vue express 连接数据库
const mysql = require(‘mysql’);

class DBHelper{
// 获取数据库连接
getConn(){
let conn = mysql.createConnection({
// 数据库连接配置
host:‘localhost’,
port:’’,
user:’’,
password:’’,
database:‘userlogin’ // 数据库名
});
conn.connect();
return conn;
}
}

module.exports = DBHelper;

这个连接是完全可以用的,但是该导入的包及得导入例如juery等等。(说明这个代码是我别的大佬那里看到连接成功了然后又自己修改的)

相关文章: