«

vue登录注册sql语句如何写

时间:2024-4-27 09:41     作者:韩俊     分类: Javascript


这篇“vue登录注册sql语句如何写”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue登录注册sql语句如何写”文章吧。

注册

app.post('/register',function(req,res){

const {username, password} = req.body
const sql = 'insert into users (username,password) values (?,?)'
connection.query(sql,[username,password],(err,result)=>{
    if(err){
        console.log(err)
        res.send({
            code:1,
            msg:'用户名已存在!'
        })
    }else{
        res.send({
            code:0,
            msg:'注册成功!'
        })
    }
})

})

登录

app.post('/login',function(req,res){

const {username, password} = req.body
const sql = 'select * from users where username=? and password=?'
connection.query(sql,[username,password],(err,result)=>{
    if(err){
        console.log(err)
    }
    if(result.length===0){
        res.send({
            code:1,
            msg:'用户名或密码错误!'
        })
    }else{
        const userInfo = JSON.stringify({
            id:result[0].id,
            username:result[0].username
        })
        res.send({
            code:0,
            msg:'登录成功',
            userInfo
        })
    }
})

})

在上面的代码中,我们通过使用express框架定义两个路由:一个用于注册,另一个用于登录。在post请求中,我们从req.body中获取用户名和密码,并将它们发送到数据库中进行验证。如果验证成功,我们将用户信息存储在userInfo对象中,并将其发送回前端。

需要注意的是,在使用Vue.js时,我们通常会将用户信息存储在浏览器的本地存储中,并在以后的会话中使用。下面是一个简单的示例,演示如何将用户信息存储在localStorage中:

存储用户信息

localStorage.setItem('userInfo', JSON.stringify(userInfo))

获取用户信息

localStorage.getItem('userInfo')

标签: javascript vue

热门推荐