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

使用的技術(shù)棧

node+express+mongodb

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

node_modules: 第三方模塊目錄

public: 公共文件目錄(js、css、image)

login.html：登錄頁面

register.html：注冊頁面

main.html：主頁面

db.js：數(shù)據(jù)庫相關(guān)封裝(數(shù)據(jù)庫添加、查詢)

login.js：接口啟動(dòng)文件(登錄、注冊接口)

登錄場景

(1)用戶名不能為空；

(2)密碼不能為空；

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

注冊場景

(1)用戶名不能為空；

(2)密碼不能為空；

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

部分操作演示

登錄

主頁

注冊

插入數(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)成對象。

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)登錄注冊功能,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！

總結(jié)

以上是生活随笔為你收集整理的node mysql登录注册_图解NodeJS实现登录注册功能的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。