图解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学习小结(一)
Jul 06 NodeJs
基于NodeJS的前后端分离的思考与实践(四)安全问题解决方案
Sep 26 NodeJs
Nodejs中读取中文文件编码问题、发送邮件和定时任务实例
Jan 01 NodeJs
windows下安装nodejs及框架express
Aug 07 NodeJs
详解nodejs微信公众号开发——5.素材管理接口
Apr 11 NodeJs
详解Nodejs之静态资源处理
Jun 05 NodeJs
nodejs实现简单的gulp打包
Dec 21 NodeJs
nodeJS模块简单用法示例
Apr 21 NodeJs
nodejs中用npm初始化来创建package.json的实例讲解
Oct 10 NodeJs
Nodejs异步流程框架async的方法
Jun 07 NodeJs
nodejs实现聊天机器人功能
Sep 19 NodeJs
nodejs使用socket5进行代理请求的实现
Feb 21 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下利用header()函数设置浏览器缓存的代码
2010/09/01 PHP
php实现无限级分类(递归方法)
2015/08/06 PHP
浅析PHP中call user func()函数及如何使用call user func调用自定义函数
2015/11/05 PHP
php数值转换时间及时间转换数值用法示例
2017/05/18 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
PHP微信支付结果通知与回调策略分析
2019/01/10 PHP
javascript下阻止表单重复提交、防刷新、防后退
2007/08/17 Javascript
JS 面向对象之神奇的prototype
2011/02/26 Javascript
JS实现仿Windows经典风格的选项卡Tab切换代码
2015/10/20 Javascript
手机端实现Bootstrap简单图片轮播效果
2016/10/13 Javascript
javascript中this关键字详解
2016/12/12 Javascript
JavaScript数据结构中串的表示与应用实例
2017/04/12 Javascript
详解webpack分包及异步加载套路
2017/06/29 Javascript
javascript流程控制语句集合
2017/09/18 Javascript
解决Vue-Router升级导致的Uncaught (in promise)问题
2020/08/07 Javascript
[10:34]DOTA2上海特级锦标赛全纪录
2016/03/25 DOTA
Linux下多个Python版本安装教程
2018/08/15 Python
对Python 内建函数和保留字详解
2018/10/15 Python
六行python代码的爱心曲线详解
2019/05/17 Python
python进程和线程用法知识点总结
2019/05/28 Python
CSS3 实现雷达扫描图的示例代码
2020/09/21 HTML / CSS
如何给HTML标签中的文本设置修饰线
2019/11/18 HTML / CSS
Sperry官网:帆船鞋创始品牌
2016/09/07 全球购物
墨尔本最受欢迎的复古风格品牌:Princess Highway
2018/12/21 全球购物
工程师求职简历的自我评价分享
2013/10/10 职场文书
应届生船舶驾驶求职信
2013/10/19 职场文书
中专毕业生自我鉴定
2013/11/21 职场文书
员工工作表扬信范文
2014/01/13 职场文书
企业文化建设实施方案
2014/03/22 职场文书
刊首寄语大全
2014/04/11 职场文书
《与朱元思书》的教学反思
2014/04/17 职场文书
安全保证书范文
2014/04/29 职场文书
工商企业管理应届生求职信
2014/05/04 职场文书
品牌推广活动策划方案
2014/08/19 职场文书
2015年监理工作总结范文
2015/04/07 职场文书
Python中的 enumerate和zip详情
2022/05/30 Python