js操作數(shù)據(jù)庫(kù)實(shí)現(xiàn)注冊(cè)和登陸的簡(jiǎn)單實(shí)例
自從node-js出現(xiàn)之后,不只是java,php等后端語(yǔ)言可以操作數(shù)據(jù)庫(kù),進(jìn)行內(nèi)容的增刪改查,javascript簡(jiǎn)本語(yǔ)言同樣具備了該項(xiàng)技能,而且在node下,js具備了很強(qiáng)的操作性和代碼的閱讀性,讓晦澀難懂的代碼變得更加的清晰了,下面我簡(jiǎn)單介紹javascript如何操作數(shù)據(jù)庫(kù)進(jìn)行登錄注冊(cè)功能的實(shí)現(xiàn)。
首先,頁(yè)面部分就直接省略了,我們默認(rèn)已經(jīng)安裝數(shù)據(jù)庫(kù)了,開(kāi)始從注登錄說(shuō)起。
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)到登錄頁(yè)面,通過(guò)獲取到用戶(hù)輸入的input值,通過(guò)下標(biāo)的方法取得輸入的username和pwd的值,通過(guò)連接數(shù)據(jù)庫(kù),判斷回調(diào)函數(shù)返回的狀態(tài)值,如果成功,給予提示用戶(hù)注冊(cè)成功,緊接著進(jìn)行頁(yè)面的跳轉(zhuǎn),如果出現(xiàn)異常,給出提示,并相應(yīng)的跳轉(zhuǎn)到錯(cuò)誤頁(yè)面,在此處我們可以使用try{}catch(){}方法進(jìn)行攔截,打印出具體的錯(cuò)誤信息。
緊接著,我們?cè)賮?lái)講一下注冊(cè)的操作,顧名思義,注冊(cè)就是將原本不存在于數(shù)據(jù)庫(kù)的用戶(hù)資料通過(guò)數(shù)據(jù)庫(kù)的insert語(yǔ)句插入數(shù)據(jù)庫(kù)中,道理和登錄有些類(lèi)似,首先,我們需要輸入需要注冊(cè)的信息,然后獲取到這些信息,然后再發(fā)送一個(gè)異步請(qǐng)求驗(yàn)證數(shù)據(jù)庫(kù)是否有這些資料,如果沒(méi)有的話(huà)就直接創(chuàng)建這些資料。下面我們使用代碼來(lái)說(shuō)明這些原理。
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;
首先,我們將注冊(cè)這個(gè)方法進(jìn)行封裝,然后通過(guò)node的exports進(jìn)行導(dǎo)出,便于被調(diào)用,在這個(gè)方法里面,通過(guò)占位符的方法插入username和password,然后通過(guò)數(shù)據(jù)庫(kù),將獲取的參數(shù)值進(jìn)行插入,通過(guò)回調(diào)函數(shù)狀態(tài)碼的判斷,確認(rèn)插入成功,并在成功之后將我們注冊(cè)成功的session顯示在頁(yè)面作為標(biāo)識(shí)。
以上就是js簡(jiǎn)單的登錄注冊(cè)的代碼,其中涉及到的知識(shí)點(diǎn)不只是上述提到的,還包括了數(shù)據(jù)庫(kù)的基本知識(shí),了解基本的sql查詢(xún)語(yǔ)句,并能通過(guò)js成功連接數(shù)據(jù)庫(kù)。我們始終相信萬(wàn)丈高樓平地起,只要去哦們一步一個(gè)腳印,總有一天,可以成為自己乃至別人眼中的高手。
以上這篇js操作數(shù)據(jù)庫(kù)實(shí)現(xiàn)注冊(cè)和登陸的簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
在微信小程序中獲取用戶(hù)位置的詳細(xì)過(guò)程
小程序需要用戶(hù)授權(quán)獲取用戶(hù)位置,獲取到經(jīng)緯度請(qǐng)求數(shù)據(jù)列表并解析為城市地址,用戶(hù)選擇城市時(shí)把城市解析為經(jīng)緯度,下面這篇文章主要給大家介紹了關(guān)于如何在微信小程序中獲取用戶(hù)位置的相關(guān)資料,需要的朋友可以參考下2022-08-08
JS實(shí)現(xiàn)的表格行上下移動(dòng)操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)的表格行上下移動(dòng)操作,涉及javascript針對(duì)頁(yè)面元素節(jié)點(diǎn)與屬性的相關(guān)操作技巧,需要的朋友可以參考下2016-08-08
Uni-app返回上一頁(yè)面并攜帶參數(shù)的實(shí)現(xiàn)方法
這篇文章主要介紹了Uni-app返回上一頁(yè)面并攜帶參數(shù)的實(shí)現(xiàn)方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-06-06
element-ui 時(shí)間選擇器限制范圍的實(shí)現(xiàn)(隨動(dòng))
這篇文章主要介紹了element-ui 時(shí)間選擇器限制范圍(隨動(dòng)),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01
Javascript動(dòng)手實(shí)現(xiàn)call,bind,apply的代碼詳解
這篇文章主要為大家詳細(xì)介紹了Javascript動(dòng)手實(shí)現(xiàn)call,bind,apply的代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助2022-02-02
JS嵌套函數(shù)調(diào)用上下文的問(wèn)題解決
這篇文章主要探討了JS嵌套函數(shù)調(diào)用上下文的問(wèn)題,需要的朋友可以參考下2014-03-03
實(shí)例說(shuō)明為什么不要行內(nèi)使用javascript
不要行內(nèi)寫(xiě)js是因?yàn)檫@樣很不安全,因?yàn)橛没鸷膄irebug可以輕松讓代碼失效,下面告訴大家為什么2014-04-04
詳談JS中實(shí)現(xiàn)種子隨機(jī)數(shù)及作用
這篇文章詳細(xì)介紹了種子隨機(jī)數(shù)在JS中如何實(shí)現(xiàn)以及有什么作用,希望能幫助有需要的人。下面一起來(lái)看看。2016-07-07
小程序安全指南之如何禁止外部直接跳轉(zhuǎn)到小程序某頁(yè)面
由于小程序跳轉(zhuǎn)的對(duì)象比較多,各自的規(guī)則又不一樣,因此小程序跳轉(zhuǎn)外部鏈接是用戶(hù)咨詢(xún)較多的問(wèn)題之一,下面這篇文章主要給大家介紹了關(guān)于小程序安全指南之如何禁止外部直接跳轉(zhuǎn)到小程序某頁(yè)面的相關(guān)資料,需要的朋友可以參考下2022-09-09

