平武建站

图解NodeJS实现登录注册功能-创新互联

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

凤县ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：028-86922220（备注：SSL证书合作）期待与您的合作！

图解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实现登录注册功能

项目初始化

新建目录，例如：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实现登录注册功能-创新互联
文章出自：http://pwwzsj.com/article/ccjjeh.html

其他资讯