温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

vue登录注册sql语句如何写

发布时间:2023-05-09 10:23:39 来源:亿速云 阅读:87 作者:iii 栏目:web开发

这篇“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')

以上就是关于“vue登录注册sql语句如何写”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI