房屋租赁网站的设计与实现（一）

用户的注册和登录

前言

本文主要展示结合mysql数据库，axios.js,vue.js后在部署的服务器端，实现用户的注册和登录功能

---

一、准备工作

1.数据库建表

2.导入相应的模块和文件

npm install express@4 mysql body-parser cors

---

二、实验结果

三、实验代码（部分）

//校检用户是否存在
app.post("/homepage",function(req,res){
    console.log(req.body)
    client.query("select * from user where username=? and password=?",[req.body.username,req.body.password],
    function(err,results){
        var message=""
        if(results.length==0){
            message="登录失败"
        }
        else
        message="登录成功"
        res.json({msg:message})
    })
})
//触发函数(可做参考，读者在此进行相应代码修整，进行登录成功后的页面跳转)
 new Vue({
      el:"#app",
      data:{
           uname:"",
           pwd:""
        },
     methods:{
           login(){
             axios.post("http://127.0.0.1:1000/homepage",{username:this.uname,password:this.pwd}).then(function(res){
                console.log(res)
                   alert(res.data.msg)
                  })
             }
        }
})

总结

Tips:弹出“登录成功”提示框后，读者可以添加相应代码完善login函数（使用window.location.href=""方法可以实现登录成功后,页面的自行跳转）；代码并没有完全给出，不过给出的主要代码应该足以读者使用。