快捷導(dǎo)航

圖解NodeJS實(shí)現(xiàn)登錄注冊(cè)功能

更新時(shí)間：2019年09月16日 09:50:37 作者：LemonYan

這篇文章主要介紹了NodeJS實(shí)現(xiàn)登錄注冊(cè)功能,本文圖文并茂給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

該Demo根據(jù)菜鳥教程的練手項(xiàng)目，請(qǐng)?zhí)崆暗讲锁B教程的官網(wǎng)查看nodejs的相關(guān)教程，根據(jù)教程實(shí)際操作一遍，然后自己動(dòng)手去實(shí)現(xiàn)登錄、注冊(cè)功能，此Demo只作參考，不符合前端相關(guān)規(guī)范。

使用的技術(shù)棧

node+express+mongodb

項(xiàng)目目錄結(jié)構(gòu)

node_modules: 第三方模塊目錄
public: 公共文件目錄（js、css、image）
login.html：登錄頁面
register.html：注冊(cè)頁面
main.html：主頁面
db.js：數(shù)據(jù)庫相關(guān)封裝（數(shù)據(jù)庫添加、查詢）
login.js：接口啟動(dòng)文件（登錄、注冊(cè)接口）

登錄場(chǎng)景

（1）用戶名不能為空；

（2）密碼不能為空；

（3）用戶名和密碼不為空的情況下，查詢數(shù)據(jù)庫，判斷用戶是否存在。如果存在，判斷用戶名和密碼是否一致，一致登錄成功；不一致返回用戶名或密碼錯(cuò)誤；如果不存在，直接返回不存在該用戶。

注冊(cè)場(chǎng)景

（1）用戶名不能為空；

（2）密碼不能為空；

（3）用戶名和密碼不為空的情況下，查詢數(shù)據(jù)庫，判斷用戶是否存在。如果存在，返回該用戶已存在，可直接登錄；如果不存在，注冊(cè)用戶，插入數(shù)據(jù)庫。

部分操作演示

登錄

主頁

注冊(cè)

插入數(shù)據(jù)庫

項(xiàng)目初始化

1、新建目錄

新建目錄，例如：node-login

2、安裝express

安裝 Express 并將其保存到依賴列表中：打開cmd命令行，定位到項(xiàng)目目錄，使用命令行 cnpm install express --save 如下圖：

以上命令會(huì)將 Express 框架安裝在當(dāng)前目錄的 node_modules 目錄中， node_modules 目錄下會(huì)自動(dòng)創(chuàng)建 express 目錄。以下幾個(gè)重要的模塊是需要與 express 框架一起安裝的：

body-parser - node.js 中間件，用于處理 JSON, Raw, Text 和 URL 編碼的數(shù)據(jù)。
cookie-parser - 這就是一個(gè)解析Cookie的工具。
通過req.cookies可以取到傳過來的cookie，并把它們轉(zhuǎn)成對(duì)象。
multer - node.js 中間件，用于處理 enctype="multipart/form-data"（設(shè)置表單的MIME編碼）的表單數(shù)據(jù)。

使用的命令如下：

cnpm install body-parser --save
cnpm install cookie-parser --save
cnpm install multer --save

依賴的模塊如圖：

3、安裝MongoDB

使用命令 cnpm install mongodb

4、新建文件夾public

新建public文件夾，用來存放公共文件目錄（js、css、image）

5、github地址：node-login，歡迎start。

總結(jié)

以上所述是小編給大家介紹的圖解NodeJS實(shí)現(xiàn)登錄注冊(cè)功能,希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！

您可能感興趣的文章: