Node.js实现登录注册功能

2024-04-02 19:04:59 143人浏览八月长安

摘要

本文实例为大家分享了node.js实现登录注册功能的具体代码，供大家参考，具体内容如下目录结构注册页面： reg.html <!DOCTYPE html> <

本文实例为大家分享了node.js实现登录注册功能的具体代码，供大家参考，具体内容如下

目录结构

注册页面：

reg.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="./src/CSS/reg.css">
</head>
<body>
    <div class="reg">
        <h1>用户注册</h1>
        <p>
            <label for="">用户名：</label>
            <input type="text" id="username">
        </p>
        <p>
            <label for="">密&emsp;码：</label>
            <input type="text" id="passWord">
        </p>
        <button>注册</button>
    </div>
</body>
</html>
<script src="./node_modules/Jquery/dist/jquery.js"></script>
<script>
    //点击注册发送ajax请求
    $('button').eq(0).on('click',()=>{
        $.ajax({
            url: '/reGISter',
            type: 'POST',
            data: {
                username : $('#username').val(),
                password : $('#password').val()
            },
            success: function(res){
                switch (res) {
                    case '1':
                        alert('成功');
                        window.location.href = "./login.html";
                    break;
                    case '2':
                        alert('失败');
                    break;
                    case '3':
                        alert('重名');
                    break;
                    case '4':
                        alert('未知错误');
                    break;
                } 
            }
        })
    })
</script>

登录页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="./src/css/reg.css">
</head>
<body>
    <div class="reg">
        <h1>用户登录</h1>
        <p>
            <label for="">用户名：</label>
            <input type="text" id="username">
        </p>
        <p>
            <label for="">密&emsp;码：</label>
            <input type="text" id="password">
        </p>
        <button>登录</button>
    </div>
</body>
</html>

<script src="./node_modules/jquery/dist/jquery.js"></script>
<script>
    //点击登录发送ajax请求
    $('button').eq(0).on('click',()=>{
        $.ajax({
            url: '/login',
            type: 'GET',
            data: {
                username: $('#username').val(),
                password: $('#password').val()
            },
            success: function(res){
                console.log(res);
                switch (res){
                    case '1':
                        alert('成功');
                        window.location.href = "./index.html";
                        break;
                    case '2':
                        alert('失败');
                        break;
                    case '3':
                        alert('密码错误');
                        break;
                    case '4':
                        alert('未知错误');
                        break;
                }
            }
        })
    })
</script>

app.js

const Http = require("http");
const fs = require("fs");
const url = require("url");
const querystring = require("querystring");
const post = 3000;
//通过http模块创建服务器，并监听端口3000
const server = http.createServer();
server.on("request",(req,res)=>{
    const dataurl = url.parse(req.url);
    //静态伺服
    //默认进入reg.html页面 
    if((req.url == "/" || req.url == "/reg.html") && req.method == "GET" && req.url != "/favicon.ico"){
        fs.readFile("./reg.html","utf8",(err,data)=>{
            if(err){
                fs.readFile("./404.html","utf8",(err,data)=>{
                    res.end(data);
                })
            }
            res.setHeader("Content-type","text/html");
            res.end(data);
        })
    //读取login.html
    }else if(req.url == "/login.html" && req.method == "GET"){
        fs.readFile("./login.html","utf8",(err,data)=>{
            if(err){
                fs.readFile("./404.html","uft8",(err,data)=>{
                    res.end(data);
                })
            }
            res.setHeader("Content-type","text/html");
            res.end(data);
        })
    //读取index.html
    }else if(req.url == "/index.html" && req.method == "GET"){
        fs.readFile("./index.html","utf8",(err,data)=>{
            if(err){
                fs.readFile("./404.html","uft8",(err,data)=>{
                    res.end(data);
                })
            }
            res.setHeader("Content-type","text/html");
            res.end(data);
        })
    //读取reg.css
    }else if(req.url == "/src/css/reg.css" && req.method == "GET"){
        fs.readFile("src/css/reg.css","utf8",(err,data)=>{
            if(err){
                console.log(err);
            }
            res.setHeader("Content-type","text/css");
            res.end(data);
        })
    //读取jquery
    }else if(req.url == "/node_modules/jquery/dist/jquery.js" && req.method == "GET"){
        fs.readFile("./node_modules/jquery/dist/jquery.js","utf8",(err,data)=>{
            if(err){
                console.log(err);
            }
            res.end(data);
        })
    }
})
server.listen(post);

注册接口：

/register

else if(req.url == "/register" && req.method == "POST"){
  let str = '';
    req.on('data',(chunk)=>{
        str += chunk;
    })
    req.on('end',()=>{
        let dataObj = querystring.parse(str);
        fs.readFile("./data.JSON","utf8",(err,data)=>{
            let obj = JSON.parse(data);   
            for(let i = 0; i < obj.length; i++){
                if(obj[i].username == dataObj.username){
                    return res.end('3');
                }
            }
            obj.push(dataObj);
            fs.writeFile('./data.json',JSON.stringify(obj),'utf8',(err,result)=>{
                if(err){
                    return res.end('2');
                }
                return res.end('1');
            })
        })
    })
}

登录接口：

/login

else if(dataurl.pathname == "/login" && req.method == "GET"){
   console.log(dataurl);
    var userInput = querystring.parse(dataurl.query);
    fs.readFile("./data.json","utf8",(err,data)=>{
        let obj = JSON.parse(data);
        for(let i = 0; i < obj.length; i++){
            if(obj[i].username == userInput.username && obj[i].password == userInput.password){
                return res.end('1');
            }else if(obj[i].username == userInput.username && obj[i].password != userInput.password){
                return res.end('3');
            }
        }
    })
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程网。

点击免费下载>>软考高级考试备考技巧/历年真题/备考精华资料

--结束END--

本文标题: Node.js实现登录注册功能

本文链接: https://www.lsjlt.com/news/147442.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑，方便收藏和打印～

下载Word文档

去做题

猜你喜欢

Node.js实现登录注册功能

本文实例为大家分享了Node.js实现登录注册功能的具体代码，供大家参考，具体内容如下目录结构注册页面： reg.html <!DOCTYPE html> <...

99+

2022-11-13
node.js实现简单登录注册功能

本文实例为大家分享了node.js实现简单登录注册的具体代码，供大家参考，具体内容如下 1、首先需要一个sever模块用于引入路由，引入连接数据库的模块，监听服务器2、要有model...

99+

2022-11-13
node.js怎么实现网站登录注册功能

这篇文章主要介绍了node.js怎么实现网站登录注册功能的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇node.js怎么实现网站登录注册功能文章都会有所收获，下面我们一起来看看吧。效果如下 ...

99+

2023-06-17
Node.js+Express+MySql实现用户登录注册功能

本文实例为大家分享了Node.js实现用户登录注册的具体代码，供大家参考，具体内容如下 IDE：WebStorm 工程目录：数据库表 Login.js: var express=r...

99+

2022-06-04

用户登录功能 js
node.js如何实现简单登录注册功能

本文小编为大家详细介绍“node.js如何实现简单登录注册功能”，内容详细，步骤清晰，细节处理妥当，希望这篇“node.js如何实现简单登录注册功能”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。首先需要一个sev...

99+

2023-06-30
Python实现注册登录功能

用Python写个注册登录功能，供大家参考，具体内容如下本文是用Python写一个注册登录功能，难度不大，很适合练手主要就是用列表和字典，以及逻辑判断用到的第3方库模块是time模...

99+

2022-11-13
Android实现登录注册功能

本文实例为大家分享了Android实现登录注册功能的具体代码，供大家参考，具体内容如下运行环境 Android Studio 总体效果图一、设计注册页面的布局二、完成注册...

99+

2022-11-13
Node.js实现登陆注册功能

本文实例为大家分享了Node.js实现登陆注册的具体代码，供大家参考，具体内容如下 1.服务器端在项目里创建一个json文件用来存储数据，通过express创建服务器对象，fs模块...

99+

2022-11-13
python实现登录与注册功能

本文实例为大家分享了python实现登录与注册的具体代码，供大家参考，具体内容如下 1. 案例介绍本例设计一个用户登录和注册模块，使用 Tkinter 框架构建界面，主要用到画布、...

99+

2022-11-12
NodeJs+MySQL实现注册登录功能

本文实例为大家分享了NodeJs+MySQL实现注册登录功能的具体代码，供大家参考，具体内容如下之前写过一个没有连接数据库的注册与登陆的实现，这次加上了数据库刚刚接触后端，很多不...

99+

2022-11-13
Node.js+Express+MySql如何实现用户登录注册功能

这篇文章主要介绍了Node.js+Express+MySql如何实现用户登录注册功能，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。具体内容如...

99+

2022-10-19
怎么使用node.js实现网站登录注册功能

这篇文章主要介绍了怎么使用node.js实现网站登录注册功能的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇怎么使用node.js实现网站登录注册功能文章都会有所收获，下面我们一起来看看吧。效果如下 &...

99+

2023-07-04
android登录注册功能如何实现

要实现Android的登录注册功能，你可以按照以下步骤进行操作：1. 创建一个布局文件来设计登录和注册界面。可以使用EditText...

99+

2023-10-20

android
Spring MVC+mybatis实现注册登录功能

本文实例为大家分享了Spring MVC mybatis实现注册登录功能的具体代码，供大家参考，具体内容如下前期准备：如下图所示，准备好所需要的包新建工程，导入所需要的包，在web.xml中配置好所需要的，如下<...

99+

2023-05-31

spring mvc mybatis
java+mysql实现登录和注册功能

初学JAVA EE，老师留下一小作业，用JAVA实现与服务器端交互，实现登录和注册功能，初学一种专业课很多老师都会留下一种让学生实现登录和注册的作业。下面是记录的实现步...

99+

2022-11-13
Android实现登录注册功能封装

我们都知道Android应用软件基本上都会用到登录注册功能，那么对一个一个好的登录注册模块进行封装就势在必行了。这里给大家介绍一下我的第一个项目中所用到的登录注册功能的，已经对...

99+

2022-06-06

封装 Android
基于Spring5实现登录注册功能

本文实例为大家分享了Spring5实现登录注册功能的具体代码，供大家参考，具体内容如下准备: 根据分析用户注册登录都需要的信息为①username(String)②userid(I...

99+

2022-11-13
QT实现用户登录注册功能

本文实例为大家分享了QT实现用户登录注册的具体代码，供大家参考，具体内容如下 1、login.h #ifndef LOGIN_H #define LOGIN_H #include ...

99+

2022-11-13
Python如何实现注册登录功能

这篇文章给大家分享的是有关Python如何实现注册登录功能的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。具体内容如下本文是用Python写一个注册登录功能，难度不大，很适合练手主要就是用列表和字典，以及逻辑判断用...

99+

2023-06-29
java注册登录功能如何实现

Java注册登录功能可以通过以下步骤来实现：1. 创建数据库表：- 创建一个用户表，包括用户ID（主键），用户名，密码等字段。2. ...

99+

2023-08-11

java