3.登录/退出功能

Posted songsongblue

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了3.登录/退出功能相关的知识,希望对你有一定的参考价值。

登录概述

1.登录业务流程
①在登录页面输入用户名和密码
②调用后台接口进行验证
③通过验证之后,根据后台的响应状态跳转到项目页
2.登录业务的相关技术点

  • http 是无状态的
  • 通过cookie在客户端记录状态
  • 通过session在服务器端记录状态
  • 通过token方式维持状态

说明:现在做的这个vue项目运行在一个新的端口号,服务器可能与前端vue项目之间存在跨域问题,
如果前端和后台接口之间不存在跨域问题,那么推荐大家使用cookie和session来记录登录状态,
反之,如果前端与服务器之间存在跨域问题,那么需要使用token的方式来维持登录状态。

登录——token原理分析

技术图片

登录功能实现

1.登录页面的布局
通过Element-UI组件实现布局

  • el-form
  • el-form-item
  • el-input
  • el-button
  • 字体图标

技术图片

创建一个子分支

git checkout -b 分支的名字
例:git checkout -b login

查看当前项目中的所有分支

git branch

以上是关于3.登录/退出功能的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序实现 登录 退出功能 以及简单的我的页面附上源代码拷贝直接用

模拟ATM系统 —— 用户注册登录和操用户作页设计 查询账号退出账号功能

怎么在android实现退出功能

Servlet实现用户登录退出的功能

Java基础练习题6--.使用面向对象编程思想设计实现用户注册,登录功能.启动程序选择操作功能:1.注册,2.登录,3退出;输入1进入注册流程,提示用户输入手机号,密码,手机号...

前端Vue+Element UI案例:通用后台管理系统-登陆页面功能:登录权限跳转路由守卫退出