js操作數(shù)據(jù)庫實(shí)現(xiàn)注冊和登陸的簡單實(shí)例
自從node-js出現(xiàn)之后,不只是java,php等后端語言可以操作數(shù)據(jù)庫,進(jìn)行內(nèi)容的增刪改查,javascript簡本語言同樣具備了該項(xiàng)技能,而且在node下,js具備了很強(qiáng)的操作性和代碼的閱讀性,讓晦澀難懂的代碼變得更加的清晰了,下面我簡單介紹javascript如何操作數(shù)據(jù)庫進(jìn)行登錄注冊功能的實(shí)現(xiàn)。
首先,頁面部分就直接省略了,我們默認(rè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()
})
};
首先,點(diǎn)擊登錄按鈕,我們跳轉(zhuǎn)到登錄頁面,通過獲取到用戶輸入的input值,通過下標(biāo)的方法取得輸入的username和pwd的值,通過連接數(shù)據(jù)庫,判斷回調(diào)函數(shù)返回的狀態(tài)值,如果成功,給予提示用戶注冊成功,緊接著進(jìn)行頁面的跳轉(zhuǎn),如果出現(xiàn)異常,給出提示,并相應(yīng)的跳轉(zhuǎn)到錯(cuò)誤頁面,在此處我們可以使用try{}catch(){}方法進(jìn)行攔截,打印出具體的錯(cuò)誤信息。
緊接著,我們再來講一下注冊的操作,顧名思義,注冊就是將原本不存在于數(shù)據(jù)庫的用戶資料通過數(shù)據(jù)庫的insert語句插入數(shù)據(jù)庫中,道理和登錄有些類似,首先,我們需要輸入需要注冊的信息,然后獲取到這些信息,然后再發(fā)送一個(gè)異步請求驗(yàn)證數(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;
首先,我們將注冊這個(gè)方法進(jìn)行封裝,然后通過node的exports進(jìn)行導(dǎo)出,便于被調(diào)用,在這個(gè)方法里面,通過占位符的方法插入username和password,然后通過數(shù)據(jù)庫,將獲取的參數(shù)值進(jìn)行插入,通過回調(diào)函數(shù)狀態(tài)碼的判斷,確認(rèn)插入成功,并在成功之后將我們注冊成功的session顯示在頁面作為標(biāo)識(shí)。
以上就是js簡單的登錄注冊的代碼,其中涉及到的知識(shí)點(diǎn)不只是上述提到的,還包括了數(shù)據(jù)庫的基本知識(shí),了解基本的sql查詢語句,并能通過js成功連接數(shù)據(jù)庫。我們始終相信萬丈高樓平地起,只要去哦們一步一個(gè)腳印,總有一天,可以成為自己乃至別人眼中的高手。
以上這篇js操作數(shù)據(jù)庫實(shí)現(xiàn)注冊和登陸的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript雙向鏈表實(shí)現(xiàn)LFU緩存算法
本文主要介紹了JavaScript雙向鏈表實(shí)現(xiàn)LFU緩存算法,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01
JavaScript實(shí)現(xiàn)檢查頁面上的廣告是否被AdBlock屏蔽了的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)檢查頁面上的廣告是否被AdBlock屏蔽了的方法,其實(shí)就是利用JS檢測div的名稱和樣式名稱實(shí)現(xiàn),需要的朋友可以參考下2014-11-11
JavaScript toUpperCase()方法使用詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript toUpperCase()方法的使用技巧,感興趣的小伙伴們可以參考一下2016-08-08
微信小程序購物商城系統(tǒng)開發(fā)系列-目錄結(jié)構(gòu)介紹
這篇文章主要介紹了微信小程序購物商城系統(tǒng)開發(fā)系列-目錄結(jié)構(gòu)介紹,有興趣的可以了解一下。2016-11-11
js時(shí)間比較 js計(jì)算時(shí)間差的簡單實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s時(shí)間比較 js計(jì)算時(shí)間差的簡單實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
JS簡單實(shí)現(xiàn)點(diǎn)擊跳轉(zhuǎn)登陸郵箱功能的方法
這篇文章主要介紹了JS簡單實(shí)現(xiàn)點(diǎn)擊跳轉(zhuǎn)登陸郵箱功能的方法,涉及js針對hash表的遍歷與頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-10-10

