js操作數(shù)據(jù)庫實現(xiàn)注冊和登陸的簡單實例
自從node-js出現(xiàn)之后,不只是java,php等后端語言可以操作數(shù)據(jù)庫,進行內(nèi)容的增刪改查,javascript簡本語言同樣具備了該項技能,而且在node下,js具備了很強的操作性和代碼的閱讀性,讓晦澀難懂的代碼變得更加的清晰了,下面我簡單介紹javascript如何操作數(shù)據(jù)庫進行登錄注冊功能的實現(xiàn)。
首先,頁面部分就直接省略了,我們默認已經(jīng)安裝數(shù)據(jù)庫了,開始從注登錄說起。
exports.login =function(req,res){ var username=req.body.uname; var pwd=req.body.psd; var sql="select * from student where username=? and password=?"; var con=dbcon.getCon(); con.query(sql,[username,pwd], function (err,result) { if(!err){ if(result.length==0){ res.json(0); }else{ res.json(1) } }else{ console.log(err) } con.destroy() }) };
首先,點擊登錄按鈕,我們跳轉到登錄頁面,通過獲取到用戶輸入的input值,通過下標的方法取得輸入的username和pwd的值,通過連接數(shù)據(jù)庫,判斷回調(diào)函數(shù)返回的狀態(tài)值,如果成功,給予提示用戶注冊成功,緊接著進行頁面的跳轉,如果出現(xiàn)異常,給出提示,并相應的跳轉到錯誤頁面,在此處我們可以使用try{}catch(){}方法進行攔截,打印出具體的錯誤信息。
緊接著,我們再來講一下注冊的操作,顧名思義,注冊就是將原本不存在于數(shù)據(jù)庫的用戶資料通過數(shù)據(jù)庫的insert語句插入數(shù)據(jù)庫中,道理和登錄有些類似,首先,我們需要輸入需要注冊的信息,然后獲取到這些信息,然后再發(fā)送一個異步請求驗證數(shù)據(jù)庫是否有這些資料,如果沒有的話就直接創(chuàng)建這些資料。下面我們使用代碼來說明這些原理。
exports.regists=function(req,res,name,password){ var sql="insert into stuinfo(name,password) values(?,?)" conn.query(sql,[name,password],function(err,result){ if(result.affectedRows==1){ req.session.name=name; res.sendfile('./public/view.html') } }) } exports.login=login;
首先,我們將注冊這個方法進行封裝,然后通過node的exports進行導出,便于被調(diào)用,在這個方法里面,通過占位符的方法插入username和password,然后通過數(shù)據(jù)庫,將獲取的參數(shù)值進行插入,通過回調(diào)函數(shù)狀態(tài)碼的判斷,確認插入成功,并在成功之后將我們注冊成功的session顯示在頁面作為標識。
以上就是js簡單的登錄注冊的代碼,其中涉及到的知識點不只是上述提到的,還包括了數(shù)據(jù)庫的基本知識,了解基本的sql查詢語句,并能通過js成功連接數(shù)據(jù)庫。我們始終相信萬丈高樓平地起,只要去哦們一步一個腳印,總有一天,可以成為自己乃至別人眼中的高手。
以上這篇js操作數(shù)據(jù)庫實現(xiàn)注冊和登陸的簡單實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
Uni-app返回上一頁面并攜帶參數(shù)的實現(xiàn)方法
這篇文章主要介紹了Uni-app返回上一頁面并攜帶參數(shù)的實現(xiàn)方法,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-06-06element-ui 時間選擇器限制范圍的實現(xiàn)(隨動)
這篇文章主要介紹了element-ui 時間選擇器限制范圍(隨動),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-01-01Javascript動手實現(xiàn)call,bind,apply的代碼詳解
這篇文章主要為大家詳細介紹了Javascript動手實現(xiàn)call,bind,apply的代碼,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-02-02