当前位置: 首页 > news >正文

简单的登录注册逻辑。

注册:

前端逻辑:

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

转载于:https://www.cnblogs.com/PrayLs/p/10301207.html

相关文章:

  • nginx 301跳转https后post请求失效问题解决
  • 解析范式(1NF-4NF)
  • P4345 [SHOI2015]超能粒子炮·改 Lucas
  • boost库:字符串处理
  • OpenSSL生成私钥和公钥
  • centos7.5配置双网卡上网
  • 工作总结报告
  • 孤荷凌寒自学python第七十八天开始写Python的第一个爬虫8
  • java 多线程
  • .NET Core IdentityServer4实战-开篇介绍与规划
  • Matplotlib中plt.rcParams用法(设置图像细节)
  • 14-tail-and-head-commands-linuxunix
  • Apollo的Oracle适配改动
  • 甄姬
  • Sql 排序
  • 《网管员必读——网络组建》(第2版)电子课件下载
  • CSS实用技巧
  • JavaScript类型识别
  • Octave 入门
  • PHP变量
  • Python打包系统简单入门
  • React as a UI Runtime(五、列表)
  • ReactNativeweexDeviceOne对比
  • Redis的resp协议
  • Spark in action on Kubernetes - Playground搭建与架构浅析
  • Spring Cloud(3) - 服务治理: Spring Cloud Eureka
  • Sublime text 3 3103 注册码
  • Xmanager 远程桌面 CentOS 7
  • 阿里中间件开源组件:Sentinel 0.2.0正式发布
  • 当SetTimeout遇到了字符串
  • 多线程 start 和 run 方法到底有什么区别?
  • 关于使用markdown的方法(引自CSDN教程)
  • 湖南卫视:中国白领因网络偷菜成当代最寂寞的人?
  • 看完九篇字体系列的文章,你还觉得我是在说字体?
  • 通过npm或yarn自动生成vue组件
  • d²y/dx²; 偏导数问题 请问f1 f2是什么意思
  • ​ ​Redis(五)主从复制:主从模式介绍、配置、拓扑(一主一从结构、一主多从结构、树形主从结构)、原理(复制过程、​​​​​​​数据同步psync)、总结
  • #define、const、typedef的差别
  • (1)常见O(n^2)排序算法解析
  • (20050108)又读《平凡的世界》
  • (C语言)逆序输出字符串
  • (差分)胡桃爱原石
  • (大众金融)SQL server面试题(1)-总销售量最少的3个型号的车及其总销售量
  • (淘宝无限适配)手机端rem布局详解(转载非原创)
  • .NET Core使用NPOI导出复杂,美观的Excel详解
  • .NET delegate 委托 、 Event 事件,接口回调
  • .net refrector
  • .NET6 开发一个检查某些状态持续多长时间的类
  • .NET开源项目介绍及资源推荐:数据持久层 (微软MVP写作)
  • .net下简单快捷的数值高低位切换
  • :中兴通讯为何成功
  • @Import注解详解
  • @Tag和@Operation标签失效问题。SpringDoc 2.2.0(OpenApi 3)和Spring Boot 3.1.1集成
  • [2017][note]基于空间交叉相位调制的两个连续波在few layer铋Bi中的全光switch——
  • [20180224]expdp query 写法问题.txt