node之blog实战10(用户登录)

本节介绍下登录模块操作

(1)登录框发送ajax请求

  

 

   这里我们的data可以直接使用序列化表单数据,如下所示

  

 

 

(2)编写模块路由+简单数据验证+返回响应,异步刷新局部页面

  首先做下基础数据类型验证,并返回响应到客户端

  

 

   接下来在客户端做下提示处理

  

 

   

 

   测试如下

  

 

   

 

   

 

(3)数据库数据验证+响应

  

这里注意:password不能直接和数据库存储的加密后密码进行比对,这里也需要加密后比对

  首先删除数据库文档数据

  

 

   重新注册一个,账号:admin,密码:123456。注册完毕后再次查询数据库文档如下所示

  

 

   接下来开始登陆测试

  ①如果输入为空,则提示语响应如下

  

  ②如果信息错误

  

 

  ③输入正确信息,登陆成功

    

  

 

   

(4)登陆成功后隐藏登录框想,显示用户信息框

  需求:将用户信息显示到信息框,同时隐藏登录框

  

 

   

 

   

 

   此时效果如下

  

 

   

 

 

 

 

 

 

.

posted @ 2020-02-14 12:10  剑仙6  阅读(88)  评论(0编辑  收藏  举报
欢迎访问个人网站www.qingchun.在线