如何实现登录功能

js部分

// 导入express模块
var express = require('express');
// 导入路由模块
var router = express.Router();
// 导入url模块
var url = require('url');
// 导入mysql模块 
var mysql = require('mysql');
// 导入数据库配置信息
var dbconfig = require('../DB/model.js');
// 导入SQL查询语句
//var user = require('../sql/Usersql');
// 导入自定义公共类
//var util = require('../utils/util');
// 使用DBConfig.js的配置信息创建一个MySQL连接池,提升性能
var pool = mysql.createPool(dbconfig.mysql);

/* POST users listing. */
/* 登录接口 */
router.post('/login', function(req, res, next) {
    // 获取请求字段
    console.log('post')//post-body;get-qurey
    var username = req.body.name;//用这两句话获取前端提交来的数据
    var password = req.body.pass;//正因为前端把用户名和密码命名为name & pass 所以这里引用需要用这俩名
    //console.log(password)
 
    // 启用连接池查询
    pool.getConnection(function (err, connection) {
        //先判断该账号是否存在
        
        var $sql = "select * from user where USERNAME=?";
        connection.query($sql, [username], function (err, result) {
          var resultJson = result;
          console.log(resultJson.length);
          if (resultJson.length === 0) {
            result = {
              code: 300,
              msg: '该账号不存在'
            };
            res.json(result);
            connection.release();
          } else {  //账号存在,可以登录,进行密码判断
           
            var $sql1 = "select PASSWORD from user where USERNAME=?";
            connection.query($sql1, [username], function (err, result) {
                
               
              var temp = result[0].PASSWORD;  //取得数据库查询字段值
              console.log(temp);
              if (temp == password) {
                result = {
                  code: 200,
                  msg: '密码正确'
                };
              } else {
                result = {
                  code: 404,
                  msg: '密码错误'
                };
              }
              res.json(result); // 以json形式,把操作结果返回给前台页面
              connection.release();// 释放连接
              console.log('找到了')
            });
          }
        });
      });
});

html部分

alert("haha")
          // 阻止表单的默认行为
         // e.preventDefault()
                 //使用jq获取表单数据
                 const formData = $("#register-form").serialize()//用ajax
         
                 console.log(formData)//name=12&pass=12
                 $.ajax({
                     url: '/user/login',
                     method:'post',       
                     data:formData,       
                     dataType:"json",
                     success:function(json){
                         if(json.code===200){
                             alert("登录成功!");
                             window.location.href='/user/main';  
                         }else if(json.code===400){
                             alert("登录失败!"+json.msg);
                         }
                     }
                     
                 })
         })
</script>
</html>

运行界面

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值