vue登錄注冊sql語句如何寫

這篇“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語句如何寫”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。