node.js之简单的用户登录与注册

最新推荐文章于 2024-03-18 11:18:06 发布

小小晴_

最新推荐文章于 2024-03-18 11:18:06 发布

阅读量1.2k

点赞数 3

本文链接：https://blog.csdn.net/Alberqing_/article/details/81479904

版权

后台代码

//引入模块
const http = require('http');
const fs = require('fs');
const querystring = require('querystring');
const urlib = require('url');


var users = {}; //存放用户名和密码的Json

//搭建服务器
var server = http.createServer(function(req,res){
	var str = '';
	req.on('data',function(data){
		str+=data;
	});
	req.on('end',function(){
		var obj = urlib.parse(req.url,true);
		const url = obj.pathname;
		const GET = obj.query;
		const POST = querystring.parse(str);
		//区分接口、文件
		if(url=='/user'){ //接口
			switch(GET.act){
				case 'reg': //注册
					//检查用户名是否存在
					if(users[GET.user]){
						res.write('{"ok":false,"msg":"用户名已存在"}');
					}else{ //插入到users
						users[GET.user]=GET.pass;
						res.write('{"ok":true,"msg":"注册成功"}');
					}
					break;
				case 'login': //登录
					//检测用户名是否存在
					if(users[GET.user]==null){
						res.write('{"ok":false,"msg":"用户名不存在"}');
					}else if(users[GET.user]!=GET.pass){//检测用户名和密码是否匹配
						res.write('{"ok":false,"msg":"用户名或密码错误"}');
					}else{//登录成功
						res.write('{"ok":true,"msg":"登录成功"}');
					}
					break;
				default:
					res.write('{"ok":false,"msg":"未知的act"}');
			}
			res.end();
		}else{
			//读取文件
			var file_name = './www'+url;
			fs.readFile(file_name,function(err,data){
				if(err){
					res.write('404');
				}else{
					res.write(data);
				}
				res.end();
			});
		}
	});
});
server.listen(8080);

前台

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	用户：<input type="text" id="user" ><br>
	密码：<input type="password" id="pass"><br>
	<input type="button" value="注册" id="reg_btn">
	<input type="button" value="登录" id="login_btn">
	<script src="ajax.js"></script>
	<script>
		window.onload = function(){
			var o_user = document.getElementById('user');
			var o_pass = document.getElementById('pass');
			var o_reg = document.getElementById('reg_btn');
			var o_login = document.getElementById('login_btn');
			//注册
			o_reg.onclick = function(){
				ajax({
					url:'/user',
					data:{act:'reg',user:o_user.value,pass:o_pass.value},
					type:'get',
					success:function(str){
						var json = eval('('+str+')');
						if(json.ok){
							alert('注册成功');
						}else{
							alert('注册失败：'+ json.msg);
						}
					},
					error:function(){
						alert('通信错误');
					}
				});
			};
			//登录
			o_login.onclick = function(){
				ajax({
					url:'/user',
					data:{act:'login',user:o_user.value,pass:o_pass.value},
					type:'get',
					success:function(str){
						var json = eval('('+str+')');
						if(json.ok){
							alert('登录成功');
						}else{
							alert('登录失败'+ json.msg);
						}
					},
					error:function(){
						alert('通信错误');
					}
				});
			};
		}
	</script>
</body>
</html>

小小晴_

关注

3
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
node.js之简单的用户登录与注册

后台代码//引入模块const http = require('http');const fs = require('fs');const querystring = require('querystring');const urlib = require('url');var users = {}; //存放用户名和密码的Json//搭建服务器var server = ...
复制链接

扫一扫