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

該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ī)范。

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比札達(dá)網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式札達(dá)網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋札達(dá)地區(qū)。費(fèi)用合理售后完善，10多年實(shí)體公司更值得信賴。

使用的技術(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ù)庫。

部分操作演示

登錄

項(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ì)創(chuàng)新互聯(lián)網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！

名稱欄目：圖解NodeJS實(shí)現(xiàn)登錄注冊(cè)功能
網(wǎng)頁鏈接：http://www.muchs.cn/article18/ihegdp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、網(wǎng)頁設(shè)計(jì)公司、外貿(mào)網(wǎng)站建設(shè)、外貿(mào)建站、網(wǎng)站營(yíng)銷、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)