这是数据库现有数据！
20170308164818.png
下面是html，写的比较简洁
<body>
<input type="button" value="登录" id="login" />
<input type="button" value="注册" id="add" />
<input type="text" id="user" />
<input type="text" id="pass" />
</body>
接下来是script
$(()=>{
$('#add').on('click',()=>{
$.ajax({
url:`/add?username=${$('#user').val()}&password=${$('#pass').val()}`,
success:r=>{
console.log(r)
if(!r.err){
alert('注册成功');
}else{
alert(r.msg)
}
}
})
})
})
const express=require('express');
const static=require('express-static');
const mysql=require('mysql');
let server=express();
server.listen(4000);
let db=mysql.createConnection({
host:'localhost',
password:'',
user:'root',
database:'2017',
});
//注册
server.get('/add',(req,res)=>{
db.query(`select * from users where username='${req.query.username}'`,(err,data)=>{
if(err){
res.send({err:1,msg:'数据库有问题'});
res.end();
}else{
if(data.length>0){
res.send({
err:1,msg:'用户名存在'
})
res.end();
}else{
db.query(`insert into users values (0,'${req.query.username}','${req.query.password}')`,(err,data)=>{
if(err){
res.send({
err:1,msg:'数据库有问题增加不进去'
})
res.end();
}else{
res.send({err:0})
res.end();
}
})
}
}
})
})
server.use(static('www'))
接下来我们看下效果！！
image.png
再次注册
image.png
我们来看下数据库
image.png
已加入
成功（鼓掌！！鼓掌！！）
然后我们来做登录
$('#login').on('click',()=>{
$.ajax({
url:`/login?username=${$('#user').val()}&password=${$('#pass').val()}`,
success:r=>{
console.log(r)
if(!r.err){
alert('登录成功');
}else{
alert(r.msg)
}
}
})
})
//登录
server.get('/login',(req,res)=>{
db.query(`select * from users where username='${req.query.username}'`,(err,data)=>{
if(err){
res.send({err:1,msg:'链接数据库失败'});
res.end();
}else{
if(data.length==0){
res.send({
err:1,msg:'用户名不存在'
})
res.end();
}else{
if(data[0].password==req.query.password){
res.send({err:0});
res.end();
}else{
res.send({err:1,msg:'用户名或者密码不正确'});
res.end();
}
}
}
})
})
我们来看下效果！！
image.png
香草妹妹登录成功！！
