图解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 相关文章推荐
golang、python、php、c++、c、java、Nodejs性能对比
Mar 12 NodeJs
基于NodeJS的前后端分离的思考与实践(一)全栈式开发
Sep 26 NodeJs
nodejs中转换URL字符串与查询字符串详解
Nov 26 NodeJs
nodejs下打包模块archiver详解
Dec 03 NodeJs
Nodejs中调用系统命令、Shell脚本和Python脚本的方法和实例
Jan 01 NodeJs
nodejs的压缩文件模块archiver用法示例
Jan 18 NodeJs
深入nodejs中流(stream)的理解
Mar 27 NodeJs
nodejs入门教程三:调用内部和外部方法示例
Apr 24 NodeJs
基于nodejs+express4.X实现文件下载的实例代码
Jul 13 NodeJs
Nodejs实现图片上传、压缩预览、定时删除功能
Oct 25 NodeJs
nodejs制作小爬虫功能示例
Feb 24 NodeJs
nodejs各种姿势断点调试的方法
Jun 18 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读取csv实现csv文件下载功能
2013/12/18 PHP
php实现改变图片直接打开为下载的方法
2015/04/14 PHP
php注册登录系统简化版
2020/12/28 PHP
修改yii2.0用户登录使用的user表为其它的表实现方法(推荐)
2017/08/01 PHP
javascript对象的property和prototype是这样一种关系
2007/03/24 Javascript
js报错 Object doesn't support this property or method的原因分析
2011/03/31 Javascript
jquery实现鼠标拖动图片效果示例代码
2014/01/09 Javascript
怎么判断js脚本加载完成
2014/02/28 Javascript
使用jquery中height()方法获取各种高度大全
2014/04/02 Javascript
js实现div弹出层的方法
2014/11/20 Javascript
jQuery插件EnPlaceholder实现输入框提示文字
2015/06/05 Javascript
jquery实现下拉框多选方法介绍
2017/01/03 Javascript
jQuery滚动监听实现商城楼梯式导航效果
2017/03/06 Javascript
AngularJS动态绑定ng-options的ng-model实例代码
2017/06/21 Javascript
原生JavaScript实现Ajax异步请求
2017/11/19 Javascript
vue+springboot图片上传和显示的示例代码
2020/02/14 Javascript
分数霸榜! python助你微信跳一跳拿高分
2018/01/08 Python
浅谈flask截获所有访问及before/after_request修饰器
2018/01/18 Python
Python 错误和异常代码详解
2018/01/29 Python
django 使用全局搜索功能的实例详解
2019/07/18 Python
Django获取应用下的所有models的例子
2019/08/30 Python
Python搭建代理IP池实现存储IP的方法
2019/10/27 Python
基于Python实现扑克牌面试题
2019/12/11 Python
pandas按条件筛选数据的实现
2021/02/20 Python
Theo + George官方网站:都柏林时尚品牌
2019/04/08 全球购物
西班牙语在线票务市场:SuperBoletería
2019/06/10 全球购物
阿联酋优惠券服务:Living Kool
2019/12/12 全球购物
益模软件Java笔试题
2012/03/27 面试题
销售心得体会
2014/01/02 职场文书
公务员诚信承诺书
2014/05/26 职场文书
大学军训的体会
2014/11/08 职场文书
2015年国际护士节演讲稿
2015/03/18 职场文书
公司人力资源管理制度
2015/08/05 职场文书
学困生帮扶工作总结
2015/08/13 职场文书
大学生,三分钟即兴演讲稿
2019/07/22 职场文书
python中的被动信息搜集
2021/04/29 Python