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

使用的技术栈

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

部分操作演示

登录

主页

注册

插入数据库

项目初始化

1、新建目录

新建目录,例如:node-login

2、安装express

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

以上命令会将 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

依赖的模块如图:

3、安装MongoDB

使用命令 cnpm install mongodb

4、新建文件夹public

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

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

总结

以上所述是小编给大家介绍的图解NodeJS实现登录注册功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

node mysql登录注册_图解NodeJS实现登录注册功能相关推荐

  1. node mysql实现登陆注册_使用 NodeJs 链接 mysql 的实现登录与注册

    基础要求: 电脑安装NodeJs ,熟悉javascript语法 ; 会使用工具 wamp 废话不多说,开始正文; 创建一个文件夹用来操作下面步骤; 使用 npm 安装 mysql插件; 完成后创建j ...

  2. zblogphp登录和注册_基于PHP的登录和注册的功能的实现

    1.新建三个html文件,两个php文件和若干个CSS文件和若干个JS文件 2.登录的html页面显示效果图 3.注册的页面的显示效果图 4.登录页面的form表单代码 用户名: 密码: 登录 没有账 ...

  3. drcom宽带认证登录超时_开发SSO单点登录需要注意的问题

    一.单点登录系统开发需要注意的问题 1.单点登录系统需要支持jsonp请求? 单点登录系统主要是向其他系统提供用户身份验证服务,因此需要提供对外接口,而外部系统通过接口访问时,必然涉及跨域问题,因此需 ...

  4. openwrt首次登录密码_什么是路由器登录密码 路由器登录密码介绍【详解】

    "无线路由器的无线wifi(网络)密码是登录密码吗?"最近看到网上有不少网友在咨询这个问题,或者是把无线wifi密码当作登录密码遇到无法登录的问题,在这里小编觉得有必要跟大家讲解一 ...

  5. java spring 登录验证_浅析Spring Security登录验证流程源码

    一.登录认证基于过滤器链 Spring Security的登录验证流程核心就是过滤器链.当一个请求到达时按照过滤器链的顺序依次进行处理,通过所有过滤器链的验证,就可以访问API接口了. SpringS ...

  6. mysql 写磁盘_图解MySQL | [原理解析] MySQL insert 语句的磁盘写入之旅

    作者及简介: 黄 炎,爱可生首席技术官: 王 悦,爱可生研发团队成员,负责数据库管理平台相关项目的开发和故障排查,好奇 MySQL 技术原理及各类数据库实现方案. 本文来源:转载自公众号-图解 MyS ...

  7. mysql新增字段位置_图解MySQL | [原理解析] MySQL 为表添加列 是怎么quot;立刻quot;完成的...

    在上一期图解 图解MySQL | MySQL DDL为什么成本高?中,我们介绍了: 传统情况下,为表添加列需要对表进行重建 腾讯团队为 MySQL 引入了 Instant Add Column 的方案 ...

  8. node mysql商城开发_NideShop:基于Node.js+MySQL开发的微信小程序商城开源啦

    NideShop:基于Node.js+MySQL开发的微信小程序商城开源啦 发布时间:2020-04-14 04:23:37 来源:51CTO 阅读:2894 作者:ch10mmt 高仿网易严选的微信 ...

  9. 控制台忘记mysql登录密码_许久没登录的MYSQL忘记了密码,这样操作不用重装

    在工作中时常有些无厘头操作,明明想好了要备份,可是操作时又忘记了,于是出现了忘记了密码,数据登录不上的窘境. 今天来教你,如果mysql忘记了密码,在不用重装的前提下,如何修改密码. 1.首先我们登录 ...

最新文章

  1. 基于TCP协议的通信模型
  2. 关于mount在unix系统上
  3. c语言从.txt读入第二行数,从txt中读入数据到数组中(fscanf)的实现代码
  4. java优先队列_Java高级特性增强-多线程
  5. Pytorch:GPU版代码改成CPU版(RuntimeError: torch.cuda.FloatTensor is not enabled.)
  6. 微信小程序-如何解决onShareAppMessage转发gif格式图片不展示?【亲测有效】
  7. 软著申请模板,帮助了不少小伙伴少走弯路
  8. 机器学习之决策树算法
  9. 微信公众平台 微接口 接口100 API100 接口大全
  10. 5.2SVM2--python机器学习
  11. 苹果id密码忘记了怎么重新设置?请收好这份攻略!
  12. 矢量在全球规则格网地形上的叠加绘制方法
  13. JAVA局域网飞鸽传书软件设计与实现免费
  14. 非常精美的唐诗,无与伦比哦遥知兄弟登高处,遍插茱萸少一人。秦时明月汉时关,万里长征人未还。但使龙城飞将在,不教胡马度阴山。春眠不觉晓,处处闻啼鸟。夜来风雨声,花落知多少。君自故乡来,应知故乡事。来日绮
  15. C# dotnet 在内存中的 double 的 NAN 和正负无穷二进制是如何存
  16. 选择的艺术:转换率提高10倍,你能做到吗?
  17. mysql还原进度报告_mysqldump输出方式和进度报告
  18. 【新手入门】MQTT 协议开发入门
  19. 用Python编写百度ocr图像识别程序
  20. 博文The Illustrated Transformer 的PDF格式

热门文章

  1. python语言入门e_python 语言学入门第一课必看:编码规范
  2. c语言两种加法,两个超长正整数的加法
  3. python爬虫如何连接数据库_手把手教你如何在Navicat中如何新建连接数据库及相关报错解决方法...
  4. prod和probor在matlab,基本FIS编辑器(MATLAB模糊逻辑工具箱函数)
  5. 大模型应用新范式:统一特征表示优化(UFO)
  6. 生成网页没有标题_网页设计公司有哪些?用这个快速建站!
  7. python 代码生成器 oc_iOS 移动端生成工具开发
  8. python安装出错0xc00006b_Python安装时我遇到的一些问题
  9. Android之BroadcastReceiver的使用
  10. 【使用jdbc和servlet实现阅览文章访问次数】