家庭小账本开发（7）登录校验功能

时间：2024-02-25 21:11:23浏览次数：26

标签：username vue 登录前端校验 token localStorage 账本

在登陆时，前端与后端的交互过程如下

①前端vue中将输入框中的username和password传给后端springboot

②后端对传过来的（username和password）与后端数据库内容进行对比，如果用户存在--------利用jwt令牌生成token传给前端

③vue前端将后端传过来的token值储存起来（一般储存到localStorage中）就存在与vue前端中

④前端在需要这些信息的时候，在前端界面中将localStorage中的值取出来展示即可

一、在后端将校验过的用户信息存入localStorage中（localStorage中只能存储字符串，因此将token令牌转换为string类型）

setItem是用来设置该用户信息在local storage中的存储代号（也就是变量名）（前面是变量名，后面是值

二、在前端将localStorage的值取出来展示在前端

总结：后端使用setItem方法给token赋值，前端通过getItem方法取值

标签：username,vue,登录,前端,校验,token,localStorage,账本
From： https://www.cnblogs.com/lian369/p/18033061

家庭记账本开发（4）
接昨天的已经完成后端数据表的增删改查，并且接口已经测试完成，无误。今天开始前端先分析前端需要的界面：①登录界面②管理员界面③用户界面同时管理员界面和用户界面中又包含多个界面：收入具体界面和支出具体界面和首页显示总账等信息今天先将前端界面配置好，创建vue项目......
家庭记账本开发（3）
接着昨天的在idea中按照controller--service--mapper的顺序进行数据库表的增删改查，对每个表都进行一次完成对应的接口后，在ApiPost7中进行后端接口的测试，对增删改查的每一项逐个进行测试部分结果展示： ......
家庭记账本开发（2）
接着昨天的计划，采用springboot和vue开发采用前后端分离的模式，先从后端开始：①创建springboot项目，并导入相关依赖，配置相关设置包括mybatis驱动，Lombok驱动（实现bean类的快速生成），sql数据库驱动springweb驱动 ②配置相关数据库的信息，如下 ③使用codeGenerator工具快速生成......
加入mysql数据库实现完整的登录注册功能
功能简介:用户有用户名(user),手机号(mobile),邮箱(email),密码(password).user为主键,mobile唯一保证一个手机号只能注册一个用户,邮箱不唯一并且可为空.故这里用户可以使用user和mobile登录,mobile还可以用找回密码,email仅用于找回密码在注册页面,输入手机号和密码注册用户......
统信UOS用户登录常见的一些问题
1.统信UOS忘记开机密码问题描述：在使用统信UOS系统时，忘记登录密码无法进入系统又不想重装系统解决思路：1.需要先了解UOS的版本，和机器架构，制作相同版本的系统启动盘镜像下载资源中心|统信UOS生态社区(chinauos.com) 2.从启动盘启动，在选择安装的界面选中“install”开头......
【转】【福利】无需注册登录免费传输文件和文本
来源：https://zhuanlan.zhihu.com/p/598829318 01几个分享文本的网站一：网络剪切板（https://netcut.cn） ①域名比较好记，net，网络；cut，剪切；cn，中国地区②原理:相当于创建一个网络房间，在不同的浏览器上输入相同的网址可进入同一个房间，可设置密码，房间有效期最长可设置为三年......
pytest简易教程（33）：pytest常用插件 - 多重校验（pytest-assume）
pytest简易教程汇总，详见：https://www.cnblogs.com/uncleyong/p/17982846应用场景对同一用例，要执行多个断言，查看断言是否都成功哪怕某个断言失败，后面断言依然能执行（assert实现不了）插件安装pipinstall pytest-assume 使用方式pytest.assume(表达式)如果使用assert......
安卓家庭记账本开发笔记8（补2月4日，2月5日，2月7日，2月8日）
完成收支记录界面的按钮的监听以及点击事件的逻辑编写在后端模块创建一个名为frag_record的软件包，在其中创建三个java类，其中两个分别对应支出和收入，因为两者基本逻辑相同，所以将两者相同的部分提取出来写一个通用java类。然后支出和收入的java类继承于通用类，然后相应的不同功能在......
Windows 10 如何隐藏登录界面左下角的用户列表
步骤讲解编辑注册表HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\WindowsNT\CurrentVersion\Winlogon下新建项SpecialAccountsSpecialAccounts中再新建项UserListUserList中新建值->整数值,名称写需要隐藏的用户名,数值保持默认0保存,确认生效貌似不需要重启即可......
Modbus RTU通过从站地址获取校验码的代码
主要方法拆分高低位计算校验码完整通过从站地址获取校验码的代码usingSystem;classProgram{staticvoidMain(){Console.Write("请输入从站地址（十六进制）:");stringslaveAddressInput=Console.ReadLine();bytesl......

家庭小账本开发（7）登录校验功能

一、在后端将校验过的用户信息存入localStorage中（localStorage中只能存储字符串，因此将token令牌转换为string类型）

setItem是用来设置该用户信息在local storage中的存储代号（也就是变量名）（前面是变量名，后面是值

二、在前端将localStorage的值取出来展示在前端

总结：后端使用setItem方法给token赋值，前端通过getItem方法取值

相关文章

赞助商

阅读排行