nodejs+mysql+vue实现注册登录功能
1、使用express新建一个项目,此处不再赘述2、nodejs连接数据库// 数据库连接const mysql = require('mysql');class DBHelper{// 获取数据库连接getConn(){let conn = mysql.createConnection({// 数据库连接配置...
·
1、使用express新建一个项目,此处不再赘述
2、nodejs连接数据库
// 数据库连接
const mysql = require('mysql');
class DBHelper{ // 获取数据库连接
getConn(){
let conn = mysql.createConnection
({ // 数据库连接配置
host:'127.0.0.1',
port:'3306',
user:XXX, //输入你的用户名
password:XXX, //输入你的密码
database:XXX// 数据库名
});
conn.connect();
return conn;
}}
module.exports = DBHelper;
3、入口文件
首先app.js,入口文件,需要启动服务器的时候启动的js文件,启动命令:node app.js
4、路由
5、登录功能的实现
login(req, res, next){
//连接数据库
let params = req.body;
sqlStr = sql.admin.select_admin;
let conn = new DBHelper().getConn();
conn.query(sqlStr, [params.name], (err, result) => {
if (err) {
res.json(err)}
else {
//判断用户是否注册
if(result.length == 0){
return res.json({status: 1, msg: '该用户尚未注册'}); } else{
let response = result[0]
if (response.name == params.name && response.password == params.password){
req.session.name = params.name;//存入session
return res.json({status: 2, msg: '恭喜,登录成功'});
}else{
return res.json({status: 3, msg: '账号或者密码有误'});
}
}
}
});
conn.end();
}
6、注册功能的实现
//注册
register(req, res, next){
let params = req.body;
//用户名密码不能为空
if (params.name == '' || params.password =='' || params.repassword ==''){
return res.json({status: 1, msg: '用户名或者密码不能为空,请输入用户名或密码'}); }
//输入密码一致
else if(params.password !== params.repassword ){
return res.json({status: 1, msg: '两次密码输入不一致,请重新输入密码'}); }
else{
let params = req.body;
let sqlStr = sql.admin.select_admin;
let params = req.body;
let conn = new DBHelper().getConn();
conn.query(sqlStr, [params.name], (err, result) => {
if (err) {
res.json(err);
return;
} else {
//该用户名已存在,请重新输入
if(result.length>0){
return res.json({status: 1, msg: '用户名存在,请重新输入'}); }
else{console.log(params.type);
let sqlStr = sql.admin.add_admin;
let conn = new DBHelper().getConn();
conn.query(sqlStr, [params.name, params.password], (err, result) => {
if (err) {
return res.json(err);
} else {
return res.json({status: 1, msg: '注册成功'}); }
});
conn.end();
}
}
});
}}
7、vue前端页面
更多推荐
已为社区贡献1条内容
所有评论(0)