图解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中自定义事件实例
Jun 20 NodeJs
基于NodeJS的前后端分离的思考与实践(一)全栈式开发
Sep 26 NodeJs
详谈nodejs异步编程
Dec 04 NodeJs
轻松创建nodejs服务器(5):事件处理程序
Dec 18 NodeJs
详解nodejs 文本操作模块-fs模块(一)
Dec 22 NodeJs
nodejs处理图片的中间件node-images详解
May 08 NodeJs
nodejs 子进程正确的打开方式
Jul 03 NodeJs
nodejs实现大文件(在线视频)的读取
Oct 16 NodeJs
基于nodejs res.end和res.send的区别
May 14 NodeJs
NodeJS模块与ES6模块系统语法及注意点详解
Jan 04 NodeJs
基于nodejs的微信JS-SDK简单应用实现
May 21 NodeJs
Nodejs监听日志文件的变化的过程解析
Aug 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实现获取文件mime类型的方法
2015/02/11 PHP
谈谈PHP中substr和substring的正确用法及相关参数的介绍
2015/12/16 PHP
LINUX下PHP程序实现WORD文件转化为PDF文件的方法
2016/05/13 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
window.onload 加载完毕的问题及解决方案(下)
2009/07/09 Javascript
ext jquery 简单比较
2010/04/07 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
2013/02/01 Javascript
JavaScript中的依赖注入详解
2015/03/18 Javascript
jQuery实现定时读取分析xml文件的方法
2015/07/16 Javascript
Angularjs中controller的三种写法分享
2016/09/21 Javascript
bootstrap基本配置_动力节点Java学院整理
2017/07/14 Javascript
微信小程序中使用Promise进行异步流程处理的实例详解
2017/08/17 Javascript
Django中使用jquery的ajax进行数据交互的实例代码
2017/10/15 jQuery
vue-cli项目无法用本机IP访问的解决方法
2018/09/20 Javascript
微信小程序实现Swiper轮播图效果
2019/11/22 Javascript
Vue-axios-post数据后端接不到问题解决
2020/01/09 Javascript
通过实例了解Javascript柯里化流程
2020/03/03 Javascript
element el-table表格的二次封装实现(附表格高度自适应)
2021/01/19 Javascript
Python中字典的基本知识初步介绍
2015/05/21 Python
浅谈Python中列表生成式和生成器的区别
2015/08/03 Python
Django模板变量如何传递给外部js调用的方法小结
2017/07/24 Python
Python实现判断并移除列表指定位置元素的方法
2018/04/13 Python
Python中的字符串切片(截取字符串)的详解
2019/05/15 Python
pytorch中如何使用DataLoader对数据集进行批处理的方法
2019/08/06 Python
Python MOCK SERVER moco模拟接口测试过程解析
2020/04/13 Python
如何把外网python虚拟环境迁移到内网
2020/05/18 Python
Python colormap库的安装和使用详情
2020/10/06 Python
体育教育个人自荐信范文
2013/12/01 职场文书
施工人员岗位职责
2013/12/12 职场文书
家长评语大全
2014/01/22 职场文书
签约仪式主持词
2014/03/19 职场文书
小学学雷锋活动总结
2014/04/25 职场文书
星级党支部申报材料
2014/05/31 职场文书
县长“四风”对照检查材料思想汇报
2014/10/05 职场文书
Python极值整数的边界探讨分析
2021/09/15 Python
搭建zabbix监控以及邮件报警的超级详细教学
2022/07/15 Servers