NodeJs 创建一个简单的登陆注册

in 编程
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9

个人学习记录,仅供参考

参考

前台代码


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://segmentfault.com/a/1190000016119593/jQuery.js"></script>
    <script>
        window.onload = function () {
            var oTxtUser = document.getElementById('user');
            var oTxtPass = document.getElementById('pass');
            var oBtnReg = document.getElementById('reg_btn');
            var oBtnLogin = document.getElementById('login_btn');
            oBtnLogin.onclick = function(){
                $.ajax({
                    url:'/user',
                    data:{act:'login',user:oTxtUser.value,pass:oTxtPass.value},
                    type:'get',
                    success:function (str) {
                        var json = eval('('+str+')');
                        if(json.ok){
                            alert("登陆成功")
                        }else {
                            alert("登陆失败" + json.msg)
                        }
                    },
                    error:function () {
                        alert('通信错误')
                    }
                })
            }
            oBtnReg.onclick = function () {
                $.ajax({
                    url:'/user',
                    data:{act:'reg',user:oTxtUser.value,pass:oTxtPass.value},
                    type:'get',
                    success:function (str) {
                        var json = eval('('+str+')');
                        if(json.ok){
                            alert("注册成功")
                        }else {
                            alert("注册失败" + json.msg)
                        }
                    },
                    error:function () {
                        alert('通信错误')
                    }
                })
            }
        }
    </script>
</head>
<body>
    用户名:<input type="text" id="user"><br>
    密码:<input type="password" id="pass"><br>
    <input type="button" id="reg_btn" value="注册">
    <input type="button" id="login_btn" value="登陆">
</body>
</html>

后台代码

const http = require('http');
const fs = require('fs');
const querystring = require('querystring');
const urlLib = require('url');
var users = {};//模拟
http.createServer(function (req,res) {
//解析数据
    var str = ''; //模拟
    req.on("data",function (data) {
        str += data;
    });
    req.on("end",function (err) {
        var obj = urlLib.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':
                    //1.检查用户名是否已经有了
                    if(users[GET.user]){
                        res.write('{"ok":false,"mag":"此用户已存在"}');
                    }else {
                        //2.插入users
                        users[GET.user] = GET.pass;
                        res.write('{"ok":true,"mag":"注册成功"}');
                    }
                    break;
                case  'login':

                    if(users[GET.user] == null){//1.检查用户是否存在
                        res.write('{"ok":false,"mag":"此用户不存在"}');
                    }else if(users[GET.user] != GET.pass){//2.检查用户密码是否正确
                        res.write('{"ok":false,"mag":"用户名或密码有误"}');
                    }else {
                        res.write('{"ok":true,"mag":"登陆成功"}');
                    }

                    break;
                default:
                    res.write('{"ok":false,"mag":"未知的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();
            });
        }
    });
}).listen(8080);    

关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
扫一扫关注公众号添加购物返利助手,领红包
Comments are closed.

推荐使用阿里云服务器

超多优惠券

服务器最低一折,一年不到100!

朕已阅去看看