js操作數(shù)據(jù)庫實(shí)現(xiàn)注冊(cè)和登陸的簡單實(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)行登錄注冊(cè)功能的實(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)值,如果成功,給予提示用戶注冊(cè)成功,緊接著進(jìn)行頁面的跳轉(zhuǎn),如果出現(xiàn)異常,給出提示,并相應(yīng)的跳轉(zhuǎn)到錯(cuò)誤頁面,在此處我們可以使用try{}catch(){}方法進(jìn)行攔截,打印出具體的錯(cuò)誤信息。
緊接著,我們?cè)賮碇v一下注冊(cè)的操作,顧名思義,注冊(cè)就是將原本不存在于數(shù)據(jù)庫的用戶資料通過數(shù)據(jù)庫的insert語句插入數(shù)據(jù)庫中,道理和登錄有些類似,首先,我們需要輸入需要注冊(cè)的信息,然后獲取到這些信息,然后再發(fā)送一個(gè)異步請(qǐng)求驗(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;
首先,我們將注冊(cè)這個(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)插入成功,并在成功之后將我們注冊(cè)成功的session顯示在頁面作為標(biāo)識(shí)。
以上就是js簡單的登錄注冊(cè)的代碼,其中涉及到的知識(shí)點(diǎn)不只是上述提到的,還包括了數(shù)據(jù)庫的基本知識(shí),了解基本的sql查詢語句,并能通過js成功連接數(shù)據(jù)庫。我們始終相信萬丈高樓平地起,只要去哦們一步一個(gè)腳印,總有一天,可以成為自己乃至別人眼中的高手。
以上這篇js操作數(shù)據(jù)庫實(shí)現(xiàn)注冊(cè)和登陸的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JS實(shí)現(xiàn)的表格行上下移動(dòng)操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)的表格行上下移動(dòng)操作,涉及javascript針對(duì)頁面元素節(jié)點(diǎn)與屬性的相關(guān)操作技巧,需要的朋友可以參考下2016-08-08Uni-app返回上一頁面并攜帶參數(shù)的實(shí)現(xiàn)方法
這篇文章主要介紹了Uni-app返回上一頁面并攜帶參數(shù)的實(shí)現(xiàn)方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-06-06element-ui 時(shí)間選擇器限制范圍的實(shí)現(xiàn)(隨動(dòng))
這篇文章主要介紹了element-ui 時(shí)間選擇器限制范圍(隨動(dòng)),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01Javascript動(dòng)手實(shí)現(xiàn)call,bind,apply的代碼詳解
這篇文章主要為大家詳細(xì)介紹了Javascript動(dòng)手實(shí)現(xiàn)call,bind,apply的代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-02-02實(shí)例說明為什么不要行內(nèi)使用javascript
不要行內(nèi)寫js是因?yàn)檫@樣很不安全,因?yàn)橛没鸷膄irebug可以輕松讓代碼失效,下面告訴大家為什么2014-04-04詳談JS中實(shí)現(xiàn)種子隨機(jī)數(shù)及作用
這篇文章詳細(xì)介紹了種子隨機(jī)數(shù)在JS中如何實(shí)現(xiàn)以及有什么作用,希望能幫助有需要的人。下面一起來看看。2016-07-07小程序安全指南之如何禁止外部直接跳轉(zhuǎn)到小程序某頁面
由于小程序跳轉(zhuǎn)的對(duì)象比較多,各自的規(guī)則又不一樣,因此小程序跳轉(zhuǎn)外部鏈接是用戶咨詢較多的問題之一,下面這篇文章主要給大家介紹了關(guān)于小程序安全指南之如何禁止外部直接跳轉(zhuǎn)到小程序某頁面的相關(guān)資料,需要的朋友可以參考下2022-09-09