码迷,mamicode.com
首页 > 其他好文 > 详细

简单的登录注册逻辑。

时间:2019-01-21 22:11:36      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:mod   NPU   ext   lib   使用   需要   font   提示   登录失败   

注册:

前端逻辑:

1给注册添加点击事件,点击后出来一个模态框,用两个类型为textinput供用户输入账号和密码。

2给注册按钮添加点击事件,当点击按钮时,获取input框中的用户名和密码,通过将数据传送给后端。用户名和密码信息用post传输,格式为json,接口为定义的接口:/api/register。当后端返回失败或成功的状态是提示提示用户注册失败还是成功。

后端逻辑:

1在路由层配置注册接口。业务代码不能写在路由层,导入controller层中的注册业务代码。

2model层中写方法,用户的信息需要存入数据库中,写一个save的方法存储用户信息,用户的信息与数据库中的信息进行对比,写一个find的方法。暴露出去供controller层使用。

3controller层中写逻辑,首先导入model层的方法。因为前端使用post传输数据的,所以先用res.body接收一下前端传来的数据,首先将用户名和数据库中已有的用户名进行对比,这里用到的model层提供的查的方法。如果数据库中有重复的用户名,res.json返回状态给前端,提示用户名已存在。如果无重复的用户名,用model层提供的save的方法,将用户名和密码存入数据库中,在存入之前用sha256进行加密。res.json返回状态给前端,提示用户注册成功。注册结束。

登录:

前端逻辑:

1给登录添加点击事件,点出后弹出一个模态框,用两个类型为textinput供用户输入账号和密码。

2给登录按钮添加点击事件,当点击登录时获取input框中的val值,通过ajax传递给后端与后端数据库中的数据进行比较,当后端返回失败或成功的状态时提示用户登录失败或登录成功。前端完成。

后端逻辑:

1在路由层配置登录接口。业务代码不能写在路由层,导入controller层中的登录业务代码。

2model层中写方法,用户的信息用户的信息与数据库中的信息进行对比,写一个find的方法。暴露出去供controller层使用。

3controller层中写逻辑,首先导入model层中的方法。前端用post传输来数据后,用res.body接收。用传回信息中的用户名查询,如果数据库中存在用户名,现将传来的密码进行加密,与数据库中的加密的密码进行对比,如果正确,则给前端返回登录成功的状态,提示用户登录成功。后端登录模块结束。下载第三方模块jsonwebtoken可以进行持久登录和身份验证。

简单的登录注册逻辑。

标签:mod   NPU   ext   lib   使用   需要   font   提示   登录失败   

原文地址:https://www.cnblogs.com/PrayLs/p/10301207.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!