Node.js实现登录注册功能
更新时间：2022年04月26日 15:31:58 作者：Cabu_husky
这篇文章主要为大家详细介绍了Node.js实现登录注册功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了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="">密 码：</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>登录页面：
login.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="">密 码：</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');
}
}
})
}以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了nodeJS与MySQL实现分页数据以及倒序数据，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-06-06
本文主要介绍了Nest.js中使用HTTP五种数据传输方式小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
这篇文章主要介绍了使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目的教程,自动化构建工具Grunt具有编译压缩单元测试等功能,十分强大,需要的朋友可以参考下2016-02-02
这篇文章主要介绍了pm2启动ssr失败的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-06-06
在安装node-sass时,经常会遇到下载慢、版本不匹配或python错误等问题,使用淘宝镜像加速下载、通过nvm管理node版本或指定node-sass版本号安装,都能有效解决这些问题,若遇到python相关错误,检查node版本是否合适通常可以解决,感兴趣的朋友一起看看本文吧2024-09-09
下面小编就为大家带来一篇nodejs加密Crypto的实例代码。小编觉得挺不错的， 现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
快速掌握Node.js之Window下配置NodeJs环境，如何在Window下快速配置NodeJs环境，感兴趣的小伙伴们可以参考一下2016-03-03
Node.JS段点续传：Nginx配置文件分段下载功能的实现方法
在Node.JS中可以配置这个标签来实现文件的分段下载。这篇文章给大家介绍了Node.JS段点续传：Nginx配置文件分段下载功能的实现方法，需要的朋友参考下吧2018-03-03
在本篇文章中小编给大家分享了关于Nginx设置为Node.js的前端服务器的方法和实例，需要的朋友们学习下。2019-03-03
这篇文章主要介绍了使用upstart把nodejs应用封装为系统服务实例,需要的朋友可以参考下2014-06-06
最新评论