溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

怎么利用node.js+mongodb搭建一個簡單登錄注冊的案例

發布時間:2021-02-22 10:41:47 來源:億速云 閱讀:274 作者:小新 欄目:web開發

這篇文章主要介紹怎么利用node.js+mongodb搭建一個簡單登錄注冊的案例,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

前言

最近突然對數據庫和后臺感興趣了,就開始了漫長的學習之路,想想自己只是一個前端,只會java斯科瑞普,所以就開始看nodejs,看著看著突然發現mongodb和nodejs更配哦!,遂就開了我的mongodb之路。下面話不多說了,來一起看看詳細的介紹吧。

mongodb簡介

就超簡潔的說一下,mongo就是一個nosql的數據庫,不使用sql的語法,當然其實也是大同小異的,增刪改查還是差不多的,但是在概念上mongo還是跟mysql有相當大的區別的;比如在mongo中沒有表的概念,而是一個集合;由于這些概念性的東西有很多,我在這里給各位附上鏈接,你們自己看一下biu!我是鏈接!;

說說我的小demo使用到的一些東西

直接懟package的依賴圖片吧

怎么利用node.js+mongodb搭建一個簡單登錄注冊的案例

說下各個部分的作用:

  • express:這就是nodejs的一個web應用的開發框架;

  • body_parser:這個寫nodejs的應該都知道,用于解析客戶端請求的body中的內容的一個中間件,因為要用到表單提交,所以需要解析獲得的數據;

  • mongoose:從這個名字就可以知道這個是和mongodb有關系的依賴;這個依賴是nodejs封裝用來連接和操作mongodb數據庫的;
     其余幾個我相信各位應該都知道,其實這個我相信我不介紹各位應該也都知道的,原諒我的話癆!!!

列表結構列表

還是直接懟圖片吧!實在是不想生成tree了!

怎么利用node.js+mongodb搭建一個簡單登錄注冊的案例

其實這是一個很簡單的demo!主要還是體驗出nodejs對前端靜態資源的渲染,以及nodejs的路由,還有其對mongodb的支持!
user.js里面確定了mongoose的一個Schema,也就是寫入數據庫的格式

var UserSchema = new Schema({
 username : String,
 userpsw : String,
 logindate : Date
})

這樣就構建了一個數據模型;

從項目目錄上可以看出,我只是寫了簡單三個頁面,其實最最最主要的只是一個文件,app.js;

app.js內容

在這個里面我主要寫了關于接受前臺傳入的數據是怎么存入mongodb的,還有是怎么判斷是否已經注冊;是否輸入了正確的賬號密碼的;

在這我放一段檢測注冊的代碼,在注冊成功后就將用戶的信息寫入到數據庫

app.post('/register',(req, res) => {
 console.log('user in session')
 console.log(req.session);
 //先查詢有沒有這個user
 console.log("req.body"+req.body);
 var UserName = req.body.username;
 var UserPsw = req.body.password;
 //通過賬號驗證
 var updatestr = {username: UserName};
 res.setHeader('Content-type','application/json;charset=utf-8')
  console.log(updatestr);
  userSchema.find(updatestr, function(err, obj){
   if (err) {
    console.log("Error:" + err);
   }
   else {
    if(obj.length == 0){
     insert(UserName,UserPsw); 
     res.send({status:'success',message:'true'}) 
    }else{
     res.send({status:'success',message:'false'}) 
    }
   }
  }) 
});

這樣的話就可以將用戶傳入的信息存入到數據庫了;登錄同理,先將傳過來的數據在數據庫里查詢是否已經有,然后再將用戶名和密碼都一一對比,如果匹配的話就返回登錄成功;

說說前端部分

原諒我的表達能力是真的有限,上面的后端各位肯定沒怎么看懂,歡迎去觀看我的源碼;下面來說下我對前端部分的一些處理;
前端部分主要就是在login頁,我做了一個cookie的處理,當用戶點擊保存賬戶的時候,我就將用戶的信息存入cookie下次登錄的時候就不用麻煩去輸入用戶名和密碼了;

  if($('#mycheck').prop('checked')==true){
      setCookie('username',username,7);
     }

其實也就是當登錄驗證成功并且用戶check了checkbox的時候將cookie存入;下次登錄的時候直接將cookie值解析,然后放入到用戶名的input框的value值中!

由于我的表達能力有限,文章可能寫的不是那么詳細,有看不懂的可以去看源碼

以上是“怎么利用node.js+mongodb搭建一個簡單登錄注冊的案例”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女