- 后臺語句：
const express=require('express');
const static=require('express-static');
const mysql=require('mysql');
let server=express()
server.listen(2000);
let db=mysql.createConnection({
host:'localhost',//服務器名字
user:'root',//賬戶名
password:'',//密碼
database:'2017',//鏈接數據庫（2017：數據庫名字）
});
server.get('/getUser',(req,res)=>{
//console.log(req.query);在命令框中彈出信息
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,data});
res.end();
}
})
}
};
});
});//get請求 以上為注冊代碼
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();
}
}
}
})
})//以上為登錄代碼
server.use(static('www'));//此處用到中間件
- 前端語句：
<script>
$(()=>{
$('#add').on('click',()=>{
$.ajax({
url:`/getUser?username=${$('#username').val()}&password=${$('#password').val()}`,
dataType:'json',
cache:false,
success:r=>{
if(!r.err){
alert('注冊成功');
}else{
alert('注冊失敗'+r.msg);
}
}
})
});//注冊
$('#login').on('click',()=>{
$.ajax({
url:`/login?username=${$('#username').val()}&password=${$('#password').val()}`,
dataType:'json',
cache:false,
success:r=>{
if(!r.err){
alert('登錄成功');
}else{
alert('登錄失敗'+r.msg);
}
}
})
})
})
</script>
- MySQL數據：
Paste_Image.png
- 注冊成功截圖：
Paste_Image.png
- 登錄成功截圖：
Paste_Image.png
