图解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的子进程(child_process)调用系统命令的方法分享
Jun 05 NodeJs
Nodejs使用mysql模块之获得更新和删除影响的行数的方法
Mar 18 NodeJs
nodejs 实现模拟form表单上传文件
Jul 14 NodeJs
快速掌握Node.js之Window下配置NodeJs环境
Mar 21 NodeJs
简单好用的nodejs 爬虫框架分享
Mar 26 NodeJs
详解nodejs微信公众号开发——3.封装消息响应模块
Apr 10 NodeJs
NodeJS实现不可逆加密与密码密文保存的方法
Mar 16 NodeJs
nodeJS模块简单用法示例
Apr 21 NodeJs
nodejs取得当前执行路径的方法
May 13 NodeJs
使用koa-log4管理nodeJs日志笔记的使用方法
Nov 30 NodeJs
详解nodejs 开发企业微信第三方应用入门教程
Mar 12 NodeJs
5分钟教你用nodeJS手写一个mock数据服务器的方法
Sep 10 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网页游戏学习之Xnova(ogame)源码解读(四)
2014/06/23 PHP
PHP和javascript常用正则表达式及用法实例
2014/07/01 PHP
PHP图片处理之图片背景、画布操作
2014/11/19 PHP
php邮箱地址正则表达式验证
2015/11/13 PHP
提交表单后 PHP获取提交内容的实现方法
2016/05/25 PHP
Yii2框架自定义验证规则操作示例
2019/02/08 PHP
js函数排序的实例代码
2013/07/01 Javascript
js实现仿Windows风格选项卡和按钮效果实例
2015/05/13 Javascript
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
2015/08/22 Javascript
jQuery使用$.ajax进行即时验证的方法
2015/12/08 Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
2016/08/02 Javascript
JavaScript 继承详解(五)
2016/10/11 Javascript
使用JavaScript获取URL中的参数(两种方法)
2016/11/16 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
2017/03/21 jQuery
解决webpack -p压缩打包react报语法错误的方法
2017/07/03 Javascript
vue2.0 axios跨域并渲染的问题解决方法
2018/03/08 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
2018/08/25 Javascript
前端路由&webpack基础配置详解
2019/06/10 Javascript
layer.js open 隐藏滚动条的例子
2019/09/05 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
2020/07/14 Javascript
react+antd 递归实现树状目录操作
2020/11/02 Javascript
JavaScript 异步时序问题
2020/11/20 Javascript
[01:13]2015国际邀请赛线下观战现场
2015/08/08 DOTA
[51:00]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
Python实现简易过滤删除数字的方法小结
2019/01/09 Python
python 的numpy库中的mean()函数用法介绍
2020/03/03 Python
解决pyinstaller打包运行程序时出现缺少plotly库问题
2020/06/02 Python
DC Shoes澳大利亚官方网上商店:购买DC鞋子
2019/10/25 全球购物
Sony C++笔试题
2013/03/10 面试题
毕业生怎样写好自荐信
2013/11/11 职场文书
心理学专业大学生职业生涯规划范文
2014/02/19 职场文书
学习经验演讲稿
2014/05/10 职场文书
导师就业推荐信范文
2014/05/22 职场文书
保安2014年终工作总结
2014/12/06 职场文书
又涨知识了,自律到底多重要?
2019/06/27 职场文书
浅析Python实现DFA算法
2021/06/26 Python