zoukankan      html  css  js  c++  java
  • 简单的登录注册逻辑。

    注册:

    前端逻辑:

    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可以进行持久登录和身份验证。

  • 相关阅读:
    第十四周课程总结&实验报告(简单记事本的实现)
    第十三周课程总结
    第十二周课程总结
    第十一周课程总结
    第十周课程总结
    第九周课程总结&实验报告(七)
    第八周课程总结&实验报告(六)
    第七周课程总结&实验报告(五)
    第五周课程总结&实验报告(四)
    2019JAVA课程总结
  • 原文地址:https://www.cnblogs.com/PrayLs/p/10301207.html
Copyright © 2011-2022 走看看