基本架构 回顾:
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, 去数据库查是否 用户名存在,若不 存在,则 提示用户名不 存在
若存在,则继续 去查密码是否正确,若不正确,则提示用户密码 不 正确
若用户名密码都正确,则 提示 登录成功!
行,下一篇,就 按照上面的一点点敲!