node+express+mongoose+mongodb注册登录功能

最新推荐文章于 2022-07-13 11:51:01 发布
最新推荐文章于 2022-07-13 11:51:01 发布
阅读量1k 收藏 18
点赞数 1
分类专栏： node 文章标签： node
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44706619/article/details/103442204
版权

node+express+mongoose+mongodb注册登录功能
注册登录应该是一个网站或者app最基本的功能，很基本，也很必不可少。之前敲过一个博客的案例。下面是里面用到的注册登录逻辑和代码：
入口文件引入需要引入的的body-parser以及mongoose之类的，还有配置静态文件。
在这里插入图片描述
在这里插入图片描述
注册
一：页面点击注册按钮发送ajax请求
html：
在这里插入图片描述
js，获取数据，即输入框的值，并通过ajax发送到服务端进行数据处理
在这里插入图片描述
二：数据提交到服务器端之后，api.js里面的处理：
1：先是判空操作和判断密码是否一致
在这里插入图片描述
2：然后查询数据库中是否已经存在该用户名，如果有就返回相应的提示信息，如果没有就new一个新的数据出来存入数据库表中
在这里插入图片描述
3：就完成注册了。
登录
一：依然是页面点击登录按钮通过ajax发送数据
html：
在这里插入图片描述

js：
在这里插入图片描述
二：数据提交到服务端，进行数据处理
需要判断用户名和密码是否为空，然后需要查询数据库，是否存在该用户账号和密码，如果不存在，提示“账号或密码错误”，如果存在，就登录成功。
在这里插入图片描述
然后还可以通过上面的的登陆结果设置cookies保存用户信息
在这里插入图片描述
然后在app.js里进行cookie的设置
在这里插入图片描述退出登录
就是将cookie设为空，清除cookie
1：页面点击退出登录按钮发送ajax
在这里插入图片描述
2：获取数据
在这里插入图片描述
3：处理数据
在这里插入图片描述
完整的注册登录退出登录就已经完成了，如有疑问请私聊，文字功底有限，表达略有粗糙和问题，请见谅

_小郑有点困了
关注
  • 1
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Node+Express+MongoDB实现登录注册功能实例
08-30
"Node+Express+MongoDB实现登录注册功能实例" 本文主要介绍了使用 Node.js、Express 框架和 MongoDB 实现登录注册功能的实例。该实例涵盖了用户注册、登录、session 管理和模板引擎的使用。 Node.js 概述 Node.js...
Node+Express+MongoDB实现登录注册功能
m0_37068028的博客
04-23 7592
Node+Express+MongoDB实现登录注册功能注入MongoDB 依赖var mongoose = require("mongoose");由于需要进行表单处理，需要用到bodyParser中间件 bodyParser模块来做文件解析，将表单里的数据进行格式化var bodyParser = require("body-parser"); app.use(bodyParser.json
express+mongoose数据库入库密码进行加密与验证
qq_45458749的博客
07-13 1098
在项目中数据库中的密码必须加密的不可使用明文密码!! 并且必须使用不可逆算法加密!!
使用express和mongoose进行CURD和注册 登录 TOKEN验证操作
HANGSOME123的博客
07-18 1027
一.CURD 1.安装 mongoose: npm i mongoose --save( --save可以不写 新版npm会自动保存依赖 ) 安装 express: npm i express@next ( @next是安装express的下一个版本 还未发布的版本) 2.在主入口文件 app.js 里面 // 首先引入 express const express = re...
node+express+mongoDB搭建个人博客 ( 一 )
小蚁的博客
12-16 7293
Mac环境下安装mongodb作为一枚前端程序猿，最近一段时间在自学node.js，在网上看的教程大多都是用mongodb(详见:https://www.mongodb.com)，所以记录下mongodb的安装与配置，这里我在mac环境下搭建.主要有两种方式，一种是直接下载压缩包解压： 当前版本的下载地址：http://downloads.mongodb.org/osx/mongodb-osx-x
Node+express+mongoose 基础笔记
weixin_34106122的博客
04-10 136
本篇文章主要介绍mongoose的一些常用api。安装数据库连接中间件 npm install mongoose -s 进入mongodb安装目录，找到bin文件夹执行命令 > mongod --dbpath=项目的db路径 注：每次重新连接之前，需要把 .lock文件删掉 可以去官网下载mongodb可视化的操作工具，操作数据...
后端-Node（express）连接mongodb到前端-访问接口将数据显示页面（一条龙）
热门推荐
简单Cere
06-06 1万+
如果你是刚有想法学Node,如果你是做前端的，想自己做一个接口，想自己操作一下数据库的热情，本篇会帮助你一步一步完成一个小案例。NodeJS(express)+mongodb---至于为什么，好处很多，可以在网上去搜查第一：安装Mongodb官网地址：https://www.mongodb.com/download-center?jmp=nav#community1.1安装选择自己系统然后下载之后...
基于vue全家桶+node+express+mongoose+MongoDB开发的师生管理系统.zip
08-01
基于node.js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，适合用作毕业设计、课程设计作业等，项目均经过测试，可快速部署运行！ 基于node.js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，...
基于react全家桶+antd+node+express+mongodb+mongoose开发的后台管理系统.zip
最新发布
08-01
基于node.js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，适合用作毕业设计、课程设计作业等，项目均经过测试，可快速部署运行！ 基于node.js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，...
基于vue+node+express+mongodb+mongoose的应聘管理系统.zip
08-01
基于node.js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，适合用作毕业设计、课程设计作业等，项目均经过测试，可快速部署运行！ 基于node.js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，...
Node.js+Express+MongoDB实现简单登录注册功能
07-18
Node.js+Express+MongoDB实现简单登录注册功能,压缩包中包含了所需模块，直接可以用
Node-Auth：基于Node Express Mongoose实现的用户注册登陆权限验证
02-04
基于Node Express Mongoose实现的用户注册/登陆权限验证 项目介绍 路由设计 POST / api / signup：用户注册 POST / api / user / accesstoken：帐户验证，获取令牌 GET / api / user / info：获得用户信息，需验证 用户模型 名称：用户名 密码：密码 令牌：验证相关令牌 目录结构 ├── index.js 入口页面 ├── passport.js 配置权限模块所需功能 ├── package.json
node-express-mongoose：基于node + express + mongoose实现简单的增删改查
02-03
关于 简单的实现购物车的增减修订查，在全栈的道路上开始愉快的玩耍吧 技术栈 nodejs + express + mongodb +猫鼬 项目运行 项目运行之前，请确保系统已经安装以下应用 1、node (6.0 及以上版本) 2、mongodb (开启状态) git clone https://github.com/warplan/node-express-mongoose   cd node-express-mongoose npm install node app.js 访问: http://localhost:3000 部分截图 部分前台页面 说明 如果对您对此项目有兴趣，可以点“ Star”支持一下谢谢！^ _ ^ 或者您可以“ follow”一下，我会不断尝试更多的有趣的项目 开发环境macOS 10.12.4 nodejs 8.9.4 Mongodb 3.6.4 如有问题请直接在问题中提，或者您发现问题并有非常好的解决方案，欢迎PR :thumbs_up:
node+express+mongose写简单的登录注册接口
qq_33555411的博客
06-08 3160
之前在学习react-native的时候，想用react-native做一个登录注册页面，但是苦于没有现成的登录注册接口。于是想到前一段时间学习的node，于是想为什么不用node+mongoose自己写一个接口呢。在查资料，踩坑后，一个可用的接口终于被搞出来了。很简单的接口，对于学习过后端语言的来说可能不堪入目，对于想要接触后端的前端开发来说，或许有一些可以参考的地方。安装node和mongod...
node+express+mongoose构建项目
muzidigbig的博客
08-13 702
步骤： 1.node安装 2.npminit初始化项目 3.安装项目使用到的node框架 npminstallexpress let express = require('express'); let app = new express(); /* 为了满足正式环境中的node服务的端口启动需求，有时候需要用到port环境变量，那么这时候就需要在node启动时，设置process.env.PORT */ const po...
mongoose + node express
u013236043的博客
09-18 157
1.mongoDB 安装自行百度 2.node express 自行百度 3.node 连接 mongodb 字符创 我这里是保存在json里面 "dbs":"mongodb://127.0.0.1:27017/soil" 如果带有用户名密码"dbs":"mongodb://admin:admin@127.0.0.1:27017/soildev" 3.定义Sche...
node + express + mongodb 搭建后端接口
小蜜蜂的博客
10-19 1442
一.安装mongodb的环境 mongodb下载地址 mongodb 安装环境 二.开始搭建项目 在D盘 随便找一个位置 新建一个文件夹 然后 cd 到该文件加的目录路径, 安装我们需要的依赖 因为速度的问题 我们可以使用淘宝的镜像 cnpm install -g express-generator cnpm install express --save // extest 是你新建的node端.........
Node以及基于node的Express框架 + MongoDB
weixin_45695200的博客
09-13 2952
目录1 Node2 为什么要用node3 使用npm有哪些好处4 如何判断当前脚本运行在浏览器还是node环境中5 同步和异步的区别6 几种常见模块化规范的简介7 node怎么跟MongoDB建立连接8 Express9 Express + MongoDB初始化Express项目接入 MongoDB 数据库10 MongoDB常用命令11 关系型数据库和非关系型数据库关系型数据库非关系型数据库12 使用node解决跨域 1 Node Node 为我们提供了一个无需依赖浏览器、能够直接与操作系统进行交互的 J
nodejs+express+mongoose操作mongodb
04-04
Node.js是一个基于Chrome V8 JavaScript引擎的JavaScript运行环境，可用于服务器端编程。Express是一个基于Node.js平台的Web应用开发框架，提供了简单易用的API，可以快速构建Web应用程序。Mongoose是一个优秀的Node.js模块，用于连接MongoDB数据库，并提供了丰富的API来操作MongoDB数据库。 下面是使用Node.js、Express、Mongoose操作MongoDB的基本流程： 1. 安装Node.js、Express和Mongoose 在终端中执行以下命令： ``` npm install node npm install express npm install mongoose ``` 2. 连接MongoDB数据库 在app.js或server.js文件中，使用Mongoose连接MongoDB数据库： ``` var mongoose = require('mongoose'); mongoose.connect('mongodb://localhost/test'); ``` 3. 定义数据模型 在models目录下创建一个JavaScript文件，使用Mongoose定义数据模型： ``` var mongoose = require('mongoose'); var Schema = mongoose.Schema; var UserSchema = new Schema({ name: String, age: Number, email: String }); module.exports = mongoose.model('User', UserSchema); ``` 4. 实现API接口 在routes目录下创建一个JavaScript文件，实现API接口： ``` var express = require('express'); var router = express.Router(); var User = require('../models/user'); router.get('/users', function(req, res, next) { User.find(function(err, users) { if (err) return next(err); res.json(users); }); }); router.post('/users', function(req, res, next) { var user = new User(req.body); user.save(function(err) { if (err) return next(err); res.json(user); }); }); router.get('/users/:id', function(req, res, next) { User.findById(req.params.id, function(err, user) { if (err) return next(err); res.json(user); }); }); router.put('/users/:id', function(req, res, next) { User.findByIdAndUpdate(req.params.id, req.body, function(err, user) { if (err) return next(err); res.json(user); }); }); router.delete('/users/:id', function(req, res, next) { User.findByIdAndRemove(req.params.id, function(err, user) { if (err) return next(err); res.json(user); }); }); module.exports = router; ``` 5. 启动Express应用 在app.js或server.js文件中启动Express应用： ``` var express = require('express'); var app = express(); var bodyParser = require('body-parser'); var userRoute = require('./routes/user'); app.use(bodyParser.json()); app.use('/api', userRoute); app.listen(3000, function() { console.log('Server listening on port 3000'); }); ``` 6. 测试API接口 通过Postman等工具测试API接口。例如： - GET http://localhost:3000/api/users - POST http://localhost:3000/api/users - GET http://localhost:3000/api/users/5f3e7003c3e1c12345678901 - PUT http://localhost:3000/api/users/5f3e7003c3e1c12345678901 - DELETE http://localhost:3000/api/users/5f3e7003c3e1c12345678901 这样就完成了使用Node.js、Express、Mongoose操作MongoDB的基本流程。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_小郑有点困了

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值