用node.js和MySQL编写网页中的注册登录

• 后台语句：

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

今天为大家分享了用Node.js和MySQL编写网页中的注册登录页面，不足之处望大家多多指正，谢谢大家，持续更新中......