图解NodeJS实现登录注册功能


Posted in NodeJs onSeptember 16, 2019

该Demo根据菜鸟教程的练手项目,请提前到菜鸟教程的官网查看nodejs的相关教程,根据教程实际操作一遍,然后自己动手去实现登录、注册功能,此Demo只作参考,不符合前端相关规范。

图解NodeJS实现登录注册功能 

使用的技术栈

node+express+mongodb

项目目录结构

  • node_modules: 第三方模块目录
  • public: 公共文件目录(js、css、image)
  • login.html:登录页面
  • register.html:注册页面
  • main.html:主页面
  • db.js:数据库相关封装(数据库添加、查询)
  • login.js:接口启动文件(登录、注册接口)

登录场景

(1)用户名不能为空;

(2)密码不能为空;

(3)用户名和密码不为空的情况下,查询数据库,判断用户是否存在。 如果存在,判断用户名和密码是否一致,一致登录成功;不一致返回用户名或密码错误; 如果不存在,直接返回不存在该用户。

注册场景

(1)用户名不能为空;

(2)密码不能为空;

(3)用户名和密码不为空的情况下,查询数据库,判断用户是否存在。 如果存在,返回该用户已存在,可直接登录; 如果不存在,注册用户,插入数据库。

部分操作演示

登录

图解NodeJS实现登录注册功能 主页
图解NodeJS实现登录注册功能 注册
图解NodeJS实现登录注册功能 插入数据库
图解NodeJS实现登录注册功能

项目初始化

1、新建目录

新建目录,例如:node-login

2、安装express

安装 Express 并将其保存到依赖列表中: 打开cmd命令行,定位到项目目录,使用命令行 cnpm install express --save 如下图:

图解NodeJS实现登录注册功能

以上命令会将 Express 框架安装在当前目录的 node_modules 目录中, node_modules 目录下会自动创建 express 目录。以下几个重要的模块是需要与 express 框架一起安装的:

  • body-parser - node.js 中间件,用于处理 JSON, Raw, Text 和 URL 编码的数据。
  • cookie-parser - 这就是一个解析Cookie的工具。
  • 通过req.cookies可以取到传过来的cookie,并把它们转成对象。
  • multer - node.js 中间件,用于处理 enctype="multipart/form-data"(设置表单的MIME编码)的表单数据。

使用的命令如下:

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

依赖的模块如图:

图解NodeJS实现登录注册功能 

3、安装MongoDB

使用命令 cnpm install mongodb

4、新建文件夹public

新建public文件夹,用来存放公共文件目录(js、css、image)

5、github地址:node-login,欢迎start。

总结

以上所述是小编给大家介绍的图解NodeJS实现登录注册功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

NodeJs 相关文章推荐
nodejs的require模块(文件模块/核心模块)及路径介绍
Jan 14 NodeJs
nodejs中的fiber(纤程)库详解
Mar 24 NodeJs
nodejs实现HTTPS发起POST请求
Apr 23 NodeJs
nodejs实现获取某宝商品分类
May 28 NodeJs
Nodejs express框架一个工程中同时使用ejs模版和jade模版
Dec 28 NodeJs
在windows上用nodejs搭建静态文件服务器的简单方法
Aug 11 NodeJs
基于Nodejs利用socket.io实现多人聊天室
Feb 22 NodeJs
详解nodejs微信公众号开发——4.自动回复各种消息
Apr 11 NodeJs
详解nodejs微信jssdk后端接口
May 25 NodeJs
nodejs基于WS模块实现WebSocket聊天功能的方法
Jan 12 NodeJs
纯异步nodejs文件夹(目录)复制功能
Sep 03 NodeJs
nodejs脚本centos开机启动实操方法
Mar 04 NodeJs
详解NodeJs项目 CentOs linux服务器线上部署
Sep 16 #NodeJs
nodejs一个简单的文件服务器的创建方法
Sep 13 #NodeJs
nodejs的安装使用与npm的介绍
Sep 11 #NodeJs
5分钟教你用nodeJS手写一个mock数据服务器的方法
Sep 10 #NodeJs
NodeJS 文件夹拷贝以及删除功能
Sep 03 #NodeJs
纯异步nodejs文件夹(目录)复制功能
Sep 03 #NodeJs
nodejs文件夹深层复制功能
Sep 03 #NodeJs
You might like
php简单的会话类代码
2011/08/08 PHP
PHP用SAX解析XML的实现代码与问题分析
2011/08/22 PHP
PHP中操作ini配置文件的方法
2013/04/25 PHP
JS类中定义原型方法的两种实现的区别
2007/03/08 Javascript
静态页面下用javascript操作ACCESS数据库(读增改删)的代码
2007/05/14 Javascript
JavaScript 基础问答三
2008/12/03 Javascript
基于jquery的15款幻灯片插件
2011/04/10 Javascript
Javascript基础教程之定义和调用函数
2015/01/18 Javascript
JavaScript生成的动态下雨背景效果实现方法
2015/02/25 Javascript
Bootstrap 实现查询的完美方法
2016/10/26 Javascript
canvas实现流星雨的背景效果
2017/01/13 Javascript
借助node实战JSONP跨域实例
2017/03/30 Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
2017/06/08 Javascript
JS实现闭包中的沙箱模式示例
2017/09/07 Javascript
原生js实现简单的模态框示例
2017/09/08 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
2018/06/22 Javascript
Javascript 之封装(Package)
2018/09/14 Javascript
Node+OCR实现图像文字识别功能
2018/11/26 Javascript
微信小程序外卖选购页实现切换分类与数量加减功能案例
2019/01/15 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
2019/09/12 Javascript
基于Python实现的百度贴吧网络爬虫实例
2015/04/17 Python
Python随机生成数据后插入到PostgreSQL
2016/07/28 Python
用Python将动态GIF图片倒放播放的方法
2016/11/02 Python
Python实现判断给定列表是否有重复元素的方法
2018/04/11 Python
python Tkinter的图片刷新实例
2019/06/14 Python
Python-Flask:动态创建表的示例详解
2019/11/22 Python
详解如何在登录过期后跳出Ifram框架
2020/09/10 HTML / CSS
员工培训心得体会
2013/12/30 职场文书
庆六一文艺汇演活动方案
2014/08/26 职场文书
法人代表证明书范本
2015/06/18 职场文书
平凡的世界读书笔记
2015/06/25 职场文书
小学生红领巾广播稿
2015/08/19 职场文书
2019年英语版感谢信(8篇)
2019/09/29 职场文书
《狼王梦》读后感:可怜天下父母心
2019/11/01 职场文书
Python Flask请求扩展与中间件相关知识总结
2021/06/11 Python
关于CSS浮动与取消浮动的问题
2021/06/28 HTML / CSS