node.js实现登录注册页面

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

首先需要新建四个文件

一个服务器射流研究…

一个保存数据的文本文件(文本文件)

一个登陆、一个注册页面超文本标记语言

1、注册页面

！'用户'的DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title regist/title/head dy div标签用户名/label输入类型=' text ' id=' user '/div标签为=' password '密码/labelinput type=' password ' id=' password '/div按钮id='register '注册/button/div/body脚本src=' http :http://libs。百度。com/jquery/2。0 .0/jquery。量滴js '/script script $(function(){ $(' # register ')).单击(函数(){ $).Ajax({ URL : ' http://localhost :3000/register '，类型：'POST '，数据： { username : $(' # user ')).val()，password : $(“# password”).val() }，成功：函数(RES){ alert(RES)；}，错误：函数(err){ console。日志(err)；} }) }) });/script/html2、登录界面

！'用户'的DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title登录/title/head dy div标签用户名/label输入类型=' text ' id=' user '/div标签为=' password '密码/labelinput类型=' password ' id=' password '/div div按钮id='login '登录/button button id=“regist”a href=“regist”。' html '注册/a/button/div/body脚本src=' http :http://libs。百度。com/jquery/2。0 .0/jquery。量滴js '/script script $(function(){ $(“# log in”)).单击(函数(){ if ($('#user ')).val().长度==0){返回警报('请输入内容!');} if($(“# password”).val().长度==0){返回警报('请输入密码!');} $.Ajax({ URL : ' http://localhost :3000/log in '，键入：'POST '，数据： { username : $(' # user ')).val()，password : $(“# password”).val() }，成功：函数(RES){ alert('登录成功!')}，错误：函数(err){ console。日志(err)；} }) }) });/script/html3、搭建服务器

var http=require(' http ')；var URL=必选(' URL ')；var QS=require('查询字符串')；var fs=require(' fs ')；http.createServer(函数(请求，决议){//设置请求头res.setHeader('访问控制-允许-源',' *);if(req.method=='POST'){ //接收发来的用户名和密码定义变量结果=' ';//获取前端代码发来的路由地址var pathName=url.parse(req.url).路径名；req.addListener('data '，function(chunk){ result=chunk；});req.on('end '，function(){ var user=QS。解析(结果)；//判断用户是否存在if(用户。用户名){ fs。readfile(' db。txt '，' utf-8 '，函数(err，data) { if(！err){ console.log('读取文件成功');if(！数据){ if(pathName=='/log in '){ RES . end('该用户不存在');返回；}//根据前端发来的路由地址判断是登录还是注册页面，如果是注册页面if(pathName=='/register'){//创建一个数组一个对象来保存帐号和密码var arr=[]；var obj={ }；//把用户的帐号密码保存物体。用户名=用户。用户名；物体。密码=用户。密码；由…改编推送(obj)；//同步写入db.txt文件，必须是同步进行fs.writeFileSync('db.txt '，JSON.stringify(arr)，' utf-8 ')；res.end('注册成功！');返回；} }else { console.log('文件中有数据');//把数据转成JSON对象，以便我们使用var arr=JSON.parse(数据);//遍历整个保存数据的数组判断登录注册for(var I=0；一、长度；I){ var obj=arr[I]；如果。用户名==用户。username){ if(pathName=='/log in '){ if(obj。密码==用户。密码){ RES . end('登录成功！');返回；}else { res.end('密码错误！');返回；} } if(pathName=='/register '){ RES . end('该用户已存在！');返回；} } } if(pathName=='/log in '){ RES . end('用户名不存在！');返回；} if(pathName=='/register'){//创建新对象写入数据var obj={ }；物体。用户名=用户。用户名；物体。密码=用户。密码；由…改编推送(obj)；fs.writeFileSync('db.txt '，JSON.stringify(arr)，' utf-8 ')；res.end('注册成功！');返回；} } }else { console.log('读取文件失败');} }) } });}else { res.end('get请求');}}).listen(3000，function (err) { if(！err){ console.log('服务器启动成功，正在监听波特3000…");}});4、在db.txt文件中可以查看注册信息

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