DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js操作數據庫實現注冊和登陸的簡單實例
js操作數據庫實現注冊和登陸的簡單實例
編輯:關於JavaScript     

自從node-js出現之後,不只是java,php等後端語言可以操作數據庫,進行內容的增刪改查,javascript簡本語言同樣具備了該項技能,而且在node下,js具備了很強的操作性和代碼的閱讀性,讓晦澀難懂的代碼變得更加的清晰了,下面我簡單介紹javascript如何操作數據庫進行登錄注冊功能的實現。

首先,頁面部分就直接省略了,我們默認已經安裝數據庫了,開始從注登錄說起。

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的值,通過連接數據庫,判斷回調函數返回的狀態值,如果成功,給予提示用戶注冊成功,緊接著進行頁面的跳轉,如果出現異常,給出提示,並相應的跳轉到錯誤頁面,在此處我們可以使用try{}catch(){}方法進行攔截,打印出具體的錯誤信息。

緊接著,我們再來講一下注冊的操作,顧名思義,注冊就是將原本不存在於數據庫的用戶資料通過數據庫的insert語句插入數據庫中,道理和登錄有些類似,首先,我們需要輸入需要注冊的信息,然後獲取到這些信息,然後再發送一個異步請求驗證數據庫是否有這些資料,如果沒有的話就直接創建這些資料。下面我們使用代碼來說明這些原理。

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進行導出,便於被調用,在這個方法裡面,通過占位符的方法插入username和password,然後通過數據庫,將獲取的參數值進行插入,通過回調函數狀態碼的判斷,確認插入成功,並在成功之後將我們注冊成功的session顯示在頁面作為標識。

  以上就是js簡單的登錄注冊的代碼,其中涉及到的知識點不只是上述提到的,還包括了數據庫的基本知識,了解基本的sql查詢語句,並能通過js成功連接數據庫。我們始終相信萬丈高樓平地起,只要去哦們一步一個腳印,總有一天,可以成為自己乃至別人眼中的高手。

以上這篇js操作數據庫實現注冊和登陸的簡單實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved