vue登录注册sql语句怎么写

王林

发布： 2023-05-08 10:19:37

原创

576人浏览过

vue.js是一种流行的javascript框架，它提供了许多构建用户界面和单页应用程序的功能。vue.js还为javascript开发人员提供了许多选项，使其更容易与后端服务器进行通信。在这篇文章中，我们将了解如何使用vue.js，结合sql数据库，实现登录和注册功能，并提供相应的sql语句。

在Vue.js中实现登录功能需要注意以下几个方面：

从前端获取用户输入的登录信息（如用户名和密码）。
将获取到的信息与数据库中的记录进行匹配，以验证用户的身份。
如果身份验证成功，将用户信息存储到浏览器的本地存储中，以便在以后的会话中使用。

下面是实现Vue.js登录功能的代码示例，其中使用了MySQL数据库。

注册

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:'注册成功！'
        })
    }
})

登录后复制

})

醒文

文字排版美化生图工具

131

查看详情

立即学习“前端免费学习笔记（深入）”；

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中：