nodejs+mongodb構建一個簡單登錄注冊功能

BoYang 發布于2019-08-20 18:23 / 1430人閱讀

摘要：搭建簡單登錄注冊還是我又來了近來突然對數據庫和后臺有點感興趣就開始了漫長的學習之路想想自己只是一個前端只會斯科瑞普所以就開始看看著看著突然發現和更配哦遂就開了我的之路由于我的表達能力有限下面的文章可能寫的不是那么詳細有看不懂的可以去我上看源

nodejs+mongodb搭建簡單登錄注冊

biu!biu!biu!還是我又來了!!!
近來突然對數據庫和后臺有點感興趣,就開始了漫長的學習之路,想想自己只是一個前端,只會java斯科瑞普,所以就開始看nodejs,看著看著突然發現mongodb和nodejs更配哦!,遂就開了我的mongodb之路;由于我的表達能力有限,下面的文章可能寫的不是那么詳細,有看不懂的可以去我github上看源碼,在這附上我github的這個項目的地址,歡迎大家踴躍star的,當是對小白的鼓勵! biu!我是鏈接!

先敘一下mongodb

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

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

直接懟package的依賴圖片吧

說下各個部分的作用:
express:這就是nodejs的一個web應用的開發框架;
body_parser:這個寫nodejs的應該都知道,用于解析客戶端請求的body中的內容的一個中間件,因為要用到表單提交,所以需要解析獲得的數據;
mongoose:從這個名字就可以知道這個是和mongodb有關系的依賴;這個依賴是nodejs封裝用來連接和操作mongodb數據庫的;
其余幾個我相信各位應該都知道,其實這個我相信我不介紹各位應該也都知道的,原諒我的話癆!!!

列表結構列表

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

其實這是一個很簡單的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值中!

以上就是我這個小demo的一些內容,表達能力有限,各位有興趣可以移駕去看看我源碼;

云數據庫MongoDB 云數據庫MySQL 構建功能構建一個 nodejs操作mongodb nodejs連接mongoDB

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84433.html

nodejs+mongodb構建一個簡單登錄注冊功能

摘要：搭建簡單登錄注冊還是我又來了近來突然對數據庫和后臺有點感興趣就開始了漫長的學習之路想想自己只是一個前端只會斯科瑞普所以就開始看看著看著突然發現和更配哦遂就開了我的之路由于我的表達能力有限下面的文章可能寫的不是那么詳細有看不懂的可以去我上看源 nodejs+mongodb搭建簡單登錄注冊 biu!biu!biu!還是我又來了!!! 近來突然對數據庫和后臺有點感興趣,就開始了漫長的學習之...

yibinnn 2019-06-26 17:18 評論0 收藏0
ionic3,nodejs,MongoDB搭建一個移動端項目

摘要：照例先貼上地址歡迎各位大佬指導就是我我是鏈接歡迎項目簡介首先說下要在本地運行項目的話需要在電腦上安裝我的項目也需要一下這里也貼一下地址地址前端部分頁面搭建前端的頁面搭建和跳轉都是使用的的因為開始的仿原生的頁面堆棧的概念使得前端制作的難度減少照例先貼上地址歡迎各位大佬指導就是我,我是鏈接 (歡迎star) 項目簡介首先說下要在本地運行項目的話,需要在電腦上安裝mongoDB,我的...

alexnevsky 2019-08-01 17:27 評論0 收藏0
ionic3,nodejs,MongoDB搭建一個移動端項目

摘要：照例先貼上地址歡迎各位大佬指導就是我我是鏈接歡迎項目簡介首先說下要在本地運行項目的話需要在電腦上安裝我的項目也需要一下這里也貼一下地址地址前端部分頁面搭建前端的頁面搭建和跳轉都是使用的的因為開始的仿原生的頁面堆棧的概念使得前端制作的難度減少照例先貼上地址歡迎各位大佬指導就是我,我是鏈接 (歡迎star) 項目簡介首先說下要在本地運行項目的話,需要在電腦上安裝mongoDB,我的...

ivydom 2019-06-26 17:22 評論0 收藏0
ionic3,nodejs,MongoDB搭建一個移動端APP

摘要：照例先貼上地址歡迎各位大佬指導就是我我是鏈接歡迎項目簡介首先說下要在本地運行項目的話需要在電腦上安裝我的項目也需要一下這里也貼一下地址地址前端部分頁面搭建前端的頁面搭建和跳轉都是使用的的因為開始的仿原生的頁面堆棧的概念使得前端制作的難度減少照例先貼上地址歡迎各位大佬指導就是我,我是鏈接 (歡迎star) 項目簡介首先說下要在本地運行項目的話,需要在電腦上安裝mongoDB,我的...

張漢慶 2019-06-26 17:22 評論0 收藏0
XBlog： Vue+Express+Mongodb的全棧可擴展的完整博客系統

摘要：注冊成功后會返回注冊用戶的此就是上面說到的，用于用戶登陸的基礎，請保管好。地址 https://github.com/billyhoomm...http://blog.billyhu.com 說明（Instructions）本項目后臺基于express、mongodb，前臺基于Vue2.0全家桶、bootstrap、scss預編譯器以及一眾工具類插件項目前后臺代碼在同一個目錄中...

Salamander 2019-08-22 16:43 評論0 收藏0