node:＜11＞一个用户注册和登录的小案例（1）

最新推荐文章于 2024-03-18 11:18:06 发布
最新推荐文章于 2024-03-18 11:18:06 发布
阅读量309 收藏 2
点赞数
分类专栏： node.js教程 文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aiwanchengxu/article/details/124359522
版权

之前我们学了路由，数据库，加密等知识，那么这次我们就来综合的使用一下这些知识提高一下自己，我们可以做一个用户登录注册页面，将数据存储到数据库中，当然我们需要对我们输入的内容和数据库中的内容进行对比判断，然后决定存储或者返回数据；

我们先分析一下后台是如何处理数据的，拿到表单数据，里面含有用户名、密码等数据，结合服务器，使用各种路由和方法来处理我们提交的表单数据进行验证和插入操作，话不多说，现在开始，代码比较长，所以我们分几期来写：

1、我们首要的创建一个服务器：

//1.1 导入模块并且创建一个服务器在3007
const express = require('express')
const router = require('./Touters/User')
const app = express()

//1.3 不要忘记解析数据模块
app.use(express.urlencoded({extended:false}))

//7.1 代码冗余需要挂载优化中间件，放最前面
app.use((req,res,next)=>{

    //7.2 挂载一个函数在res上面，接下来我们判断数据的时候直接调用这个函数就可以了
    res.cc = (err,status = 1)=>{

        //7.3 我们如果错误可以用字符串代替说明就一个字符串，如果不是就是一个对象，需要调用方法提示
        res.send({
            status,
            message:err instanceof Error?err.message:err
        })
    }

    next()
})


//1.2 我们将路由模块挂载到我们的服务器上
app.use('/api',router)

app.listen(3007,()=>{
console.log('server  running at http://127.0.0.1:3007')
})

我们使用的端口是3007，创建一个服务器相信大家都会了，这里我们创建一个路由模块，为了实现模块，我们将各种处理数据的模块分开来，路由模块、数据库模块、服务器，模块，而路由模块又分出了一个路由处理函数模块，

const router = require('./Touters/User')

2、这是我们导入的自定义的路由模块：

//2.1 创建一个路由文件夹，然后挂载自己需要的路由
const express = require('express')

const harder = require('../Touters-harder/User-header')

//2.3 获取一个路由对象，注意是大写的R
const router = express.Router()

//2.2 注册一个路由用来注册用户
router.post('/requser',harder.reguser)
//2.4 注册一个路由来用户登录
router.post('/login',harder.login)



module.exports=router

3、这里挂载了两个路由，一个是注册、一个是登录，而在这个模块我们又导入了一个自定义模块，都封装了一些方法，这些是处理路由的方法的，是对用户提交表单数据的查询、插入等操作：

//3.1 创建一个处理函数文件夹，我们需要将路由和处理函数分离开来；
//3.2 用户注册处理函数

const index = require('../Db/index')

//5.1 既然我们提交的时候用户名和密码，所以需要我们加密操作
//5.2 先安装和导入加密模块
const bcry = require('bcryptjs') 

//注意我们没写完一个函数对象需要暴露出去,我们可以直接使用exports来写
exports.reguser = (req,res)=>{

    //3.4 我们对用户提交的表单进行数据合法判断
    if(!req.body.username || !req.body.password){

        return res.cc('数据不合法')
        /*res.send({
            status:1,
            message:'数据不合法'
        })*/
    }



    //3.5 对数据存在的判断

    index.query(`SELECT * FROM  ev_users WHERE username = '${req.body.username}'`,(err,results)=>{
        if(err){
            console.log(err.message)
        }
        //3.6 如果结果集长度大于0，说明数据存在，我们提示用户已存在
        console.log(results)
        
        //5.3 我们可以使用加密模块的hashsync方法进行加密
        //该方法含有两个参数，第一个是需要我们加密的字符串，后面是一个加密等级，越高越复杂


        req.body.password = bcry.hashSync(req.body.password,10)
        if(results.rowsAffected > 0){
           return res.cc('用户已存在')
           
           
           /*res.send({
                status:1,
                message:'用户已存在',
            })*/
        }
        
        //6.1 如果没有重复的话，我们就要进行数据插入了
        const strsql = `INSERT INTO ev_users VALUES('${req.body.username}','${req.body.password}','NULL','NULL','NULL')`

        index.query(strsql,(err,results)=>{
            //6.2 判断是否出错
            if(err){return console.log(err.message)}

            if(results.rowsAffected >= 1){

                return res.cc('用户注册成功',200)
                
                /*res.send({
                    status:'200',
                    message:'用户注册成功'
                })*/
            }
        })
    })

}


//3.3 用户登录处理函数
exports.login = (req,res)=>{
    res.send('用户登录函数')
}

我们提交数据后，需要在注册路由的处理函数里里面编写处理逻辑，先连接到数据库，我们先在数据库中创建好一个表：

这个表按照图中创建即可，由于需要对密码或者其他数据进行解密操作，可能比较长所以取大最大字符串范围，名字就取ev_users；

4、 链接数据库就需要用到数据库模块了：

//4.1 创建一个连接数据库的模块,不过我们先在数据库中创建一个用户表,记得安装
const mssql = require('mssql')
const dbconfig = {
            user: 'sa',
            password: '2783394007',
            server: 'localhost',
            database: 'MytestDatabase',
            connectionTimeout: 120000,
            requestTimeout: 3000000,
            retryTimes: 3,
            port: 1433,
            options: {
            encrypt: false
            },
            pool: {
            max: 1024,
            min: 1,
            idleTimeoutMillis: 30000
        }
}


//4.2 在数据库连接池中开设一个连接
const conn=new mssql.ConnectionPool(dbconfig,(err)=>{
        if(err){return console.log(err)}
        console.log('连接成功')})
//4.3 使用这个连接conn获取数据处理对象，暴露出去进行数据处理
const datadeal = new mssql.Request(conn)

module.exports = datadeal

这些我们之前都写过，现在就是拿来用的时候了，先看看现在项目的结构：

 很明显的可以看到很显眼的三个文件夹，db、Touters、Touters_header，这些分别放着不同的处理模块，index就是数据库模块；

5、注册数据的处理：

回到我们的注册函数这一块，就是：

const index = require('../Db/index')

//5.1 既然我们提交的时候用户名和密码，所以需要我们加密操作
//5.2 先安装和导入加密模块
const bcry = require('bcryptjs') 

//注意我们没写完一个函数对象需要暴露出去,我们可以直接使用exports来写
exports.reguser = (req,res)=>{

    //3.4 我们对用户提交的表单进行数据合法判断
    if(!req.body.username || !req.body.password){

        return res.cc('数据不合法')
        /*res.send({
            status:1,
            message:'数据不合法'
        })*/
    }



    //3.5 对数据存在的判断

    index.query(`SELECT * FROM  ev_users WHERE username = '${req.body.username}'`,(err,results)=>{
        if(err){
            console.log(err.message)
        }
        //3.6 如果结果集长度大于0，说明数据存在，我们提示用户已存在
        console.log(results)
        
        //5.3 我们可以使用加密模块的hashsync方法进行加密
        //该方法含有两个参数，第一个是需要我们加密的字符串，后面是一个加密等级，越高越复杂


        req.body.password = bcry.hashSync(req.body.password,10)
        if(results.rowsAffected > 0){
           return res.cc('用户已存在')
           
           
           /*res.send({
                status:1,
                message:'用户已存在',
            })*/
        }
        
        //6.1 如果没有重复的话，我们就要进行数据插入了
        const strsql = `INSERT INTO ev_users VALUES('${req.body.username}','${req.body.password}','NULL','NULL','NULL')`

        index.query(strsql,(err,results)=>{
            //6.2 判断是否出错
            if(err){return console.log(err.message)}

            if(results.rowsAffected >= 1){

                return res.cc('用户注册成功',200)
                
                /*res.send({
                    status:'200',
                    message:'用户注册成功'
                })*/
            }
        })
    })

}

我们导入数据库模块和一个加密模块，

const bcry = require('bcryptjs')

加密模块是用来加密密码的，使用它的一个加密方法

 req.body.password = bcry.hashSync(req.body.password,10)

这个是将用户提交的表单密码加密，第一个参数就是加密的密码，第二个参数是加密的等级，等级越高，加密后的字符串就会越复杂，所以我们设置一个10就可以，加密后重新赋值给挂载的对象密码；

在拿到数据之后，我们先要判断用户提交数据是否合理，我们先判断一下是否为空：

//3.4 我们对用户提交的表单进行数据合法判断
    if(!req.body.username || !req.body.password){

        return res.cc('数据不合法')
        /*res.send({
            status:1,
            message:'数据不合法'
        })*/
    }

这里的res.cc（）其实就是我们在服务器挂载的一个简化代码的函数，我们可以通过这个函数和参数来代替下面注释代码的部分，这可以减少不少冗余的代码，我们来分析一下，如果提交数据不合法，我们就通过res.send()给用户返回出去，一个状态和一个消息：

//7.1 代码冗余需要挂载优化中间件，放最前面
app.use((req,res,next)=>{

    //7.2 挂载一个函数在res上面，接下来我们判断数据的时候直接调用这个函数就可以了
    res.cc = (err,status = 1)=>{

        //7.3 我们如果错误可以用字符串代替说明就一个字符串，如果不是就是一个对象，需要调用方法提示
        res.send({
            status,
            message:err instanceof Error?err.message:err
        })
    }

    next()
})

这个简化方法含有两个参数，一个是错误对象，也可能是错误信息，所以我们通过instaceof这个方法来判断这个对象是否是对象，如果是，我们返回message属性即可，如果是字符串，直接返回就行，既然是中间件，就不要忘了next，而且需要放在所有中间件之前；

6、再来看看我们的数据库操作：

 //3.5 对数据存在的判断

    index.query(`SELECT * FROM  ev_users WHERE username = '${req.body.username}'`,(err,results)=>{
        if(err){
            console.log(err.message)
        }
        //3.6 如果结果集长度大于0，说明数据存在，我们提示用户已存在
        console.log(results)
        
        //5.3 我们可以使用加密模块的hashsync方法进行加密
        //该方法含有两个参数，第一个是需要我们加密的字符串，后面是一个加密等级，越高越复杂


        req.body.password = bcry.hashSync(req.body.password,10)
        if(results.rowsAffected > 0){
           return res.cc('用户已存在')
           
           
           /*res.send({
                status:1,
                message:'用户已存在',
            })*/
        }
        
        //6.1 如果没有重复的话，我们就要进行数据插入了
        const strsql = `INSERT INTO ev_users VALUES('${req.body.username}','${req.body.password}','NULL','NULL','NULL')`

        index.query(strsql,(err,results)=>{
            //6.2 判断是否出错
            if(err){return console.log(err.message)}

            if(results.rowsAffected >= 1){

                return res.cc('用户注册成功',200)
                
                /*res.send({
                    status:'200',
                    message:'用户注册成功'
                })*/
            }
        })
    })

我们用的是mssql模块，也就是sql server，其他数据库也一样，只是sql语句和results会有些不一样，但是学过相关数据库知识的应该改起来不会困难；

在拿到数据之后，且数据是合法的，那就开始判断是否在数据库中存在，

我们已经生成了一些数据，可以看到除了第一个记录，其他记录的密码都是加密后的，通过查询语句，将提交过来的用户名进行查询，如果没有的话， results.rowsAffected就会等于0，如果有的话就会大于0，所以在大于0的时候，对他进行用户存在处理，这里返回了一个数据：

 提交数据相信大家都会，点击Body然后按照表中的列名填写数据，如果数据存在的话，就会拿到用户存在的信息，我们同样使用简化代码的这个自定义cc()函数：

return res.cc('用户已存在')

如果用户不存在，那么就可以开始我们的插入操作了，就相当于我们注册了一个用户，插入数据的话，使用数据库模块的query()函数就可以，大同小异，这个数据库模块其实就是一个连接数据的处理对象，所以可以直接对数据库表操作：

//4.3 使用这个连接conn获取数据处理对象，暴露出去进行数据处理
const datadeal = new mssql.Request(conn)

module.exports = datadeal

是我们通过数据库模块从数据库连接池里面获取的连接对象的一个处理对象，通过exports暴露出去了；

因为前面判断的问题排除了，那么我们就直接插入就可以，当然不同数据库就要用不同的sql插入语言，同样使用rowsAffected这个属性判断是否成功，如果大于等于1说明成功可，通过cc()方法返回，不过这里第二参数就是200，表明是一个成功的状态，当然，我们使用cc()这个方法是默认的状态是一个失败的状态1；

 res.cc = (err,status = 1)=>

所以我们直接改了：

return res.cc('用户注册成功',200)

 

 这个一个查询的结果，我们可以看到列名和属性，后面还有一个rowsAffected很清楚的表示1；

好了，一期不能太长，就到这吧，现在我们可以通过提交表单来对数据库进行插入操作，也就是实现了一个注册的功能了，还是挺简单的，就是写路由，路由方法，中间件，加密，判断合法什么的，比较简单，但是内容多很容易无从下手，所以我们需要模块化，在路由模块里面挂载一个登录一个注册路由，然后通过exports将路由暴露出去，到服务器里面，使用use挂载一下路由就可以了； 

编程学渣ズ
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
11-21
终于鼓捣出了一个稍微像样一点的node项目，当然如果直接拿去项目里用，这个demo还太简单，毕竟一个完整的登录注册还有很多实际的内容，本案例mySQL的用户列表里，为便于理解，只设置了username 和password两个字段，...
Node.js后台API接口项目【大事件项目】
m0_63077733的博客
02-03 395
Node.js小项目
调用bcrypt.hashSync对密码进行加密
weixin_45800181的博客
10-31 655
调用bcrypt.hashSync对密码进行加密
vue、node、mysql多页面项目入门学习笔记（一）登录注册篇
最新发布
qq_51165365的博客
03-18 870
前端使用vue3 的vue cli 脚手架，直接会用就行，后端主要使用node，数据库使用mysql。新建项目文件夹，路径下cmd，如果没有梯子，建议更换下载源，网址可查询镜像源，下面使用的是淘宝最新镜像源。删除src下面的所有文件，assets可以保留，src下新建pages文件夹，对文件重新构造。登录注册实现，QQ邮箱验证码开启后，node对mysql数据库进行增删改查。
node.js中对密码进行加密处理的方法bcryptjs的使用
xal
03-03 6404
在项目中，使用 bcryptjs 对用户密码进行加密，优点： 1.加密之后的密码，无法被逆向破解 2.同一明文密码多次加密，得到的加密结果各不相同，保证了安全性 1.运行如下命令，安装指定版本的 bcryptjs npm i [email protected] 2.在js 中，导入 bcryptjs ： const bcrypt = require('bcryptjs') 3.调用 bcrypt.hashSync(明文密码, 随机盐的长度) 方法，对用户的密码进行加密处理： // 对用户的密码,进行 bcr
大事件项目api_server
weixin_52230444的博客
03-21 4048
一、初始化 1.1创建项目 新建api_server文件夹作为项目根目录，并在项目根目录中运行如下的命令，初始化包管理配置文件：npm init -y 运行如下的命令，安装特定版本的express：npm i [email protected] 在项目根目录中新建app.js作为整个项目的入口文件，并初始化如下的代码： // 导入 express 模块 const express = require('express') // 创建 express 的服务器实例 const app = ex...
node中使用bcrypt库加密、验证密码
记录点滴
04-12 1822
install npm install bcrypt --save 引入 const by = require('bcrypt'); 常用方法 加密： // 生成盐，参数为加密的强度（0~99），默认为10，值越高强度越大，但是解密验证的时候性能越低。 // salt是一个随机字符串 const salt = bcrypt.genSalt(10) // 参数一：要加密的密码 // 参数二：生城的盐 // 异步方法：返回一个promise bcrypt.hash(password, salt
node使用邮箱注册，打造登陆系统
04-12
本文主要是关于邮箱登陆的相关案例，通俗的说就是用户使用邮箱注册，当注册成功时，会给注册用户发邮件进行激活，当然这个邮件有一定的时效性。当用户激活后可以正常使用相关的功能，没激活，当登陆时会提示没激活...
计算机专业毕业设计-微信小程序案例-论坛小程序-毕设源码+说明文档.rar
03-09
1. 用户注册与登录：支持手机号、邮箱等多种注册方式，保障用户信息安全。 2. 话题发布与分类：用户可自由发布话题，并选择合适的分类进行归类。 3. 回复与评论：用户可对感兴趣的话题进行回复或评论，形成互动交流...
计算机专业毕业设计-微信小程序案例-同城交易小程序-毕设源码+说明文档.rar
03-09
1. 用户注册与登录：支持微信一键授权登录，保障用户信息安全。 2. 商品发布与展示：用户可发布商品信息，包括图片、描述、价格等，并选择分类。 3. 地图导航：集成腾讯地图API，方便买卖双方快速定位地点。 4. 在线...
SQL注入
舌尖上的蛋炒饭的博客
05-26 1089
SQL注入 原理 我们要知道数据库中KaTeX parse error: Expected 'EOF', got '#' at position 2: 和#̲的区别 他们之间的区别用最直接…相当于直接显示数据。 1、#对传入的参数视为字符串，也就是它会预编译 select * from user where name = #{name} 比如我传一个csdn，那么传过来就是 select * from user where name = 'csdn' 2、$将不会将传入的值进行预编译 select *
nodejs--开发自己的项目——3.1--优化-封装响应给客户端的内容- res.send（状态和错误消息）
weixin_47295886的博客
09-15 693
在路由之前定义中间件——封装函数——全局定义中间件，中间件中拿到res对象，挂载函数，有默认状态的设置，instanceof是否是Error实例，判断错误对象和实例。在之后的路由处理函数中调用此函数--
Node.js学习笔记（三）
weixin_44944443的博客
01-12 161
Express 基于node.js的web开发框架 是基于node.js中的http内置模块进一步封装出来的 可做web网站服务器、API接口服务器 一、安装 npm i [email protected] 二、创建最基本服务器 ①req.query ②req.params //导入模块 const express=require('express') //创建web服务 const app=express() //1.监听客户端的GET和POST请求，并向客户端响应 app.get('/u
node.js（接口案例）
老司机的后备箱
06-06 559
一个项目初试化，首先要创立一个单独的项目文件夹，然后终端npm init直接安装package.json，api.js接口文件，路由模块创立一个文件夹夹，路由函数又要分为一个模块，再把数据库创立好，基本就可以开始完成功能需求了，用后端node完成增删改查项目文件分类：Go 2.写好接口文件该去给路由创建模块 写好接口文件该去给路由创建模块Go 3.处理函数模块 处理函数模块Go 4.api入口文件测试 这个时候就可以去api入口文件测试一下了，然后在数据库写好我们的数据表，创立一个js文件链接数据库Go 5
1.1
m0_63713211的博客
01-01 492
周报
node.js报错Cannot read properties of undefined (reading ‘username‘) at exports.regUser
qq_46580571的博客
04-27 5073
Cannot read properties of undefined (reading 'xxxx')
node:＜12＞一个注册和登录的小案例(2)
aiwanchengxu的博客
04-24 418
我们接着上一期讲，我们之前已经完成了用户的注册，使用数据库，将客户端提交的表单插入到数据库中，如果数据表中存在该数据就返回一个用户存在，还学习了对密码的加密操作，为了防止被反破解，使用bcryptjs的hashSync（数据，加密级别）来对数据加密，于是密码就会变成一串很复杂的数据； 对了，之前我们使用验证数据合法性的时候使用的是一个简单的非空判断，但是根本就起不到太大作用，验证数据需要一个更标准，更规范的验证方式，所以我们用一个验证模块joi来对客户端提交的表单数据进行验证，下面是数据的验证结果：
使用nodejs写接口连接数据库
weixin_44134588的博客
09-09 1660
如何在服务器端写接口? 创建服务器 1.1导入express包; const express=require(‘express’); 1.2 创建服务器实例: const app=express(); 要注意的是: 在路由之前 ** 创建解决跨域问题的中间件: const cors=require(‘cors’) app.use(core()) ** 创建处理表单数据的中间件: app.use (express.json()) app.use(express.urlencoded({extended:fa
Node.js学习篇（十一）项目——注册/登录（1）
hql1024的博客
07-13 1554
Node.js学习之旅
html+js+后端 实现用户注册登录系统 案例 代码
05-16
以下是一个基于HTML、JS和Node.js后端的用户注册登录系统的示例代码： HTML代码： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>用户注册登录系统</title> </head> <body> <h1>用户...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

编程学渣ズ

谢谢老板

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

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

打赏作者

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

抵扣说明：

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

余额充值