nodejs初期,搭建一个登陆注册功能,(原生的)
//server.js里的内容,关于开启服务,监听端口就不说了,
var http = require('http')
var fs = require('fs')
var querystring = require('querystring')
var url = require('url')
var user = {}//act 判断登录还是注册,user /pass
var server = http.createServer(function(req,res){
const GET = url.parse(req.url,true);
var query = GET.query;
var pathname = GET.pathname;
var str = '';
if(pathname == '/user'){
req.on('data',function(chunk){
console.log(11)
str += chunk;
});
req.on('end',function(){
var POST = querystring.parse(str)
switch (POST.act) {
case 'reg':
if(user[POST.user]==null){
user[POST.user] = POST.pass;
res.write('{"ok":true,"msg":"注册成功"}')
}else{
res.write('{"ok":false,"msg":"该用户名已经被注册"}')
}
break;
case 'login':
if(user[POST.user]==null){
res.write('{"ok":false,"msg":"用户名不存在"}')
}else if(user[POST.user]!=POST.pass){
res.write('{"ok":false,"msg":"用户名或密码不对"}')
}else{
res.write('{"ok":true,"msg":"登录成功"}')
}
break;
default:
res.write('小主不知道您想干嘛')
}
res.end()
})
}else{
const file_name = './www'+req.url;
fs.readFile(file_name,'utf-8',function(err,data){
if(err){
res.write('404')
}else {
res.write(data)
}
res.end()
})
}
}).listen(1111,function(){
console.log('listen to 1111 port')
})
///前台的代码
建几个简单的输入信息的表单,用ajax提交post方式,data里放请求主体传送给后台。注意,后端做了判断地址加了./www。所有前端的文件都放这个目录里
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
window.onload=function(){
var oTxtUser =document.getElementById('user');
var oTxtPass =document.getElementById('password');
var oBtnReg = document.getElementById('reg_btn');
var oBtnLogin = document.getElementById('login_btn');
oBtnReg.onclick=function(){
$.ajax({
type:"post",
url:"/user",
data:{act:'reg',user:oTxtUser.value,pass:oTxtPass.value},
async:true,
success:function(str){
str = JSON.parse(str)
alert(str.msg)
}
})
}
oBtnLogin.onclick=function(){
$.ajax({
type:"post",
url:"/user",
data:{act:'login',user:oTxtUser.value,pass:oTxtPass.value},
async:true,
success:function(str){
str = JSON.parse(str)
alert(str.msg)
}
})
}
}
</script>
</head>
<body>
用户:<input type="text" id="user" /><br />
密码:<input type="password" id="password" /><br />
<input type="button" name="" id="reg_btn" value="注册" />
<input type="button" name="" id="login_btn" value="登录" />
</body>
</html>
分类:
node.js
标签:
nodejs登录注册
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
· AI Agent开发,如何调用三方的API Function,是通过提示词来发起调用的吗