百度t7 教程 node 初步4 用户登录和 注册1

基本架构 回顾: 

index.js

let http = require('http')
let fs = require('fs')
let url = require('url')
let mysql=require('mysql')


//   创建个 服务器
let server = http.createServer(function(req,res){

	// 1, 拆解url 
	// es6 解构赋值  
	let {pathname,query}  = url.parse(req.url,true);
	let {username,password}= query;

	console.log(pathname,username,password)
	if(pathname=='/login'){
			res.write('login')
			res.end()		
	}else if(pathname=='/reg'){
		res.write('reg')
		res.end()
	}else if(pathname=='/index.html'){
		res.write('index.html')	
		res.end()
	}	
});


// 监听3000 端口 
server.listen(3000)


浏览器地址 是 localhost:3000/index.html  则打印出 index.html

若是 localhost:3000/reg  则打印出 reg

若是 localhost:3000/login  则打印出 login

--> next  我们要把index.html 做为一个 文件返回!!

改进  后端代码:  

//   创建个 服务器
let server = http.createServer(function(req,res){

	// 1, 拆解url 
	// es6 解构赋值  
	let {pathname,query}  = url.parse(req.url,true);
	let {username,password}= query;

	console.log(pathname,username,password)
	if(pathname=='/login'){
			res.write('login')
			res.end()		
	}else if(pathname=='/reg'){
		res.write('reg')
		res.end()
	}else if(pathname=='/index.html'){
		//读取文件的操作: 
		fs.readFile('./public/index.html',function(err,data){
			if(err){
				//若 读取  文件失败,
				res.writeHeader(404)
				res.write('文件不存在')
				res.end();
			}else{
				res.write(data.toString())
				res.end();
			}
		})
	}	
});

若浏览器是 localhost:3000/index.html  则读取

public  文件夹下index.html 返回

显示结果为:

index.html 

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>index</title>
</head>
<body>
	
	<h1>欢迎来到主页!!</h1>

	<p>
	这是 静态页面要直接返回
	要多敲, 因为多敲才能进步 
	不要眼高手低,要多行动
	千万要多心动,只有动起来,才有效果
	</p>
</body>
</html>

-->next 

上面我们也能返回静态页面 了,也 把基本 架构搭建好了,下面  我们来看下,基本 登录和注册逻辑 

用户登录和注册的简单逻辑, 这个要手写完成 !!
    
        //  前后端打交道,

        必定要定义 前后端接口!

        前端 ,  登录的表单项,然后用 
        jQuery 的ajax 去提交数据,

        然后,后端接受收数据,处理,然后把返回信息交给

        ajax ,然后 提示给 用户进行  了

        view ----->  node  ---> db

          下面是定义接口
          后台,返回给前台一个 json 
          {
              code :0;
              msg:''
          }

          code==0 表明 正常返回,没有任何错误
          code!=0; 表明 有 错误,此时提示msg的信息
_____________________________________________________
          注册的简单逻辑
          前台 发送 给后台,   
          1, username 
          2, password
          后台接收 后,进行对应的处理!

          let {username,password} = query;

          1,校验 ,

          2    校验成功后,
              去服务器端去查,是否用户已经注册过
              若注册过,给前台 返回 用户名已经存在 

              若不存在,
              则插入到数据库中,若插入不成功
              则告诉用户, 数据库出错 
              若插入成功,则 

          修改下 登录标记,然后提示用户注册成功!


              - —— --- --------------

              用户登录的逻辑 
              1,校验
              2, 去数据库查是否 用户名存在,若不 存在,则 提示用户名不 存在
              若存在,则继续 去查密码是否正确,若不正确,则提示用户密码 不 正确
              若用户名密码都正确,则 提示 登录成功!

 

行,下一篇,就 按照上面的一点点敲!

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值