前后端--登录

写好静态页面

email passweod  登录按钮

邮箱和password还是会变色  声明一个数组装两个true如果email和password格式都符合就都是true

监听按钮点击事件 --if事件arr.includes(false)判断arr是否包含false 

else 就网络请求url

1.把邮箱 密码 验证码发送后端

2.后端接收前端数据  去sql找发送来的email的相关数据

3.if判断email是否存在数据库中 if不存在返回"邮箱不存在"else存在再次请求邮箱和密码匹配的数据

将邮箱和请求到的uid缓存到浏览器返回登陆成功  else返回登录失败

登录界面的验证码需要下载验证码插件npm i svg-captcha验证码插件

var captcha=svgCaptcha.create({  //svgCaptcha.create创建验证码

          size:4,//验证码字符长度

          color:true,//颜色是否开启

          background:"gray"

         })

this.ctx.session.verif=captcha.text //缓存验证码

this.ctx.body=captcha.data验证码发送前端

在login的网络请求处 判断输入的验证码是否等于原验证码

let verif=this.ctx.session.verif//取出缓存验证码

    console.log(verif,ziduan.verif);

    if(ziduan.verif!=verif)

在静态页面最后监听点击按钮处

判断返回的各种code码返回不同的结果