总体流程概述:一、未登录 1、打开登录页,请求被token过滤器类JwtAuthenticationTokenFilter拦截,从请求头中查询token,发现没有,接着调用后台生成验证码接口,生成验证码,将验证码值存入redis,然后,将uuid和验证码图片,响应会前端页面。2、输入用户名和密码,提交表单登录请求,同样先被token过滤器类JwtAuthenticationTokenFilter拦
转载
2023-10-02 16:43:20
775阅读
以首页的文件访问作为示例使用Redis 一方面加快用户访问速度 一方面缓解频繁访问数据库的压力 之前每次访问首页都会请求数据库数据Redis安装以及配置所需文件 解压后,双击下述脚本,启动redis 可视化软件安装、设置安装路径然后一直点下一步就OK 采用软件连接本地Redis【默认端口6379】后台代码采用Cache实现缓存pom.xml添加Cache缓存的依赖<!-- cache --&
转载
2023-09-05 20:53:36
14阅读
一:使用IDEA创建springboot项目: 输入项目名称,选择位置,需要版本管理就勾选创建Git仓库,选择JDK版本,选择打包方式(为了后续部署服务器做准备) 勾选自己需要的依赖(后续有需要再利用maven引入也可以),本次项目不涉及Spring Cloud 点击创建 创建成功: 链接数据库: 编辑配置文件: .properties写起来比较麻烦,定义一个application.yml文件配置
转载
2023-09-08 23:37:08
97阅读
该项目功能页面内容:
1.注册
2.登录
3.退登、修改密码/修改昵称
4.列表页(可新增,删除,修改,查询)
5.子账号页(可增,删,改,查)==》仅对超级管理员开放用到技术:
1.反向代理
2.数据库建表,请求mysql数据库
3.进行node模块化开发,分模块处理请求()具体功能:
1.生成验证码
2.token:前端用uuid加密生成token实现验证码一一对应
3.用redis(可支持:
转载
2023-09-07 20:52:47
319阅读
使用场景防止用户过渡刷新或切换界面,不断的请求后端接口,所以在前端对用户拿到的部分数据进行缓存。特别是查看分页数据的情况,用户频繁切换界面是可以有效的对数据进行缓存。目录结构WebSql.js 创建数据库表,储存key,value,过期时间import Vue from 'vue'
import {executeSql} from '@/utils/localDb'
const WebSql=f
转载
2023-08-05 19:26:04
87阅读
vue项目的创建(路飞前端)
-安装node.js
-安装vue的脚手架
-创建vue项目,vue create 项目名字
在pycharm中开发vue
-webstrom,pyacharm,goland,idea,androidStuidio,Php....
-Edit-conf----》点+ 选npm-----》在script对应的框中写:serve
vue项目
转载
2023-06-16 15:35:39
113阅读
登录中的获取验证码 你知道在点击“获取” 两字之后会发生什么吗? 没错,就是去发送验证码,哈哈哈哈哈哈哈哈。 还有一步,就是在redis中要存储验证码,并设置时间,判断验证码是否过期, 我就当都知道redis,下面记录一下:发送短信&redis存储验证码的过程。前端用到了vue框架,仅展示部分代码,完整代码在末尾处。HTML<!-- 手机号注册 -->
<div c
转载
2023-09-27 09:14:54
88阅读
什么是Vue?Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。Vue的使用1.引入vue可以直接在官网下载安装 CDN的引入<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></s
转载
2024-09-25 22:12:14
31阅读
Redis(全称:Remote Dictionary Server 远程字典服务) 是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库, 并提供多种语言的API。从2010年3月15日起,Redis的开发工作由VMware主持。从2013年5月开始,Redis的开发由Pivotal赞助。redis是一个key-value存储系统。和Memcach
转载
2024-06-28 19:40:55
19阅读
# Vue操作Redis连接到Redis服务
在互联网开发中,Redis因其高效的性能和丰富的数据存储功能而广受欢迎。结合Vue.js作为前端框架,通过适当的工具我们能够轻松地操作Redis数据库。本文将介绍如何在Vue中实现与Redis的连接及基本操作。我们将讨论候选工具、搭建Redis服务、以及如何在Vue中利用API请求这些数据。
## 1. 准备工作
在开始之前,您需要安装Redis
原创
2024-09-26 04:42:54
175阅读
最近在学习使用vuejs 然后结合之前学的知识来完成这么一个增删改查的小项目,页面预览1 初始化一个spring boot 项目 这里注意spring boot的版本要选1.X.X1 pom.xml 文件如下<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="ht
转载
2024-06-26 11:04:01
29阅读
Vue SSR入门实战一份不错的VueJS服务端渲染入门指南 前言典型的 Vue 组件化前端渲染,后续业务优化可能会朝 SSR 方向走,因此,就先做些技术储备。如果对 Vue SSR 完全不了解,请先阅读官方文档。思路Vue 提供了一个官方 Demo,该 Demo 优点是功能大而全,缺点是对新手不友好,容易让人看蒙。因此,今天我们来写一个更加容易上手的 Demo。总共分三步走,循序渐进。
转载
2024-02-24 16:43:49
54阅读
背景:想要使用vue搭建一个前端项目,写个小网站练练手,因为没有前端经验,所以从网上找了一个vue得开源模板使用,经过一番挑选选中了字节公司花裤衩大佬开源得项目,地址如下:开源项目地址:GitHub - PanJiaChen/vue-admin-template: a vue2.0 minimal admin templatenode软件地址:Index of /download/release/
# 使用 Vue.js 操作 Redis 的科普文章
## 引言
在现代Web应用开发中,前端与后端的配合显得尤为重要。Redis,作为一种高性能的键值存储数据库,广泛用于缓存、会话管理及实时数据处理。而Vue.js作为一款灵活高效的前端框架,也可以与Redis进行良好的结合,以实现更高效的数据管理和展示。本文将从基本概念介绍开始,详细讲解如何利用Vue.js操作Redis,并提供相应的代码示
centos8 redis安装
1:redis安装 (可以选择在线安装,没有外网的情况就只能自己先下载好再上传到服务器)
a:使用 #wget http://download.redis.io/releases/redis-5.0.7.tar.gz(在线安装)
wget http://download.redis.io/releases/redi
转载
2024-04-02 00:00:55
87阅读
实现基本思路登录界面向后台请求验证码,后台呢就 先调用随机函数生成验证码,并且更具验证码生成一张图片,以 base64 字符串的形式传到前台,这时我们还要生成jwt令牌做为请求验证码客户端的区分。我们先将验证码信息存入reids。key是 jwt令牌的值,value就是验证码了。并且将令牌放入到响应头。传给客户端。当客户端提交的时候将保持的jwt令牌放入请求头带过来。后端根据前端传过来的 jwt令
转载
2023-09-29 22:23:10
159阅读
后端接口测试成功后只需要对接前端,首次登录成功后将后端传递的token利用vuex相关知识进行存储,在全局请求拦截器前添加相应的token前端跨域const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true
})
mod
转载
2023-10-20 14:01:23
26阅读
文章目录前言测试执行流程说明1、请求接口2、请求参数3、预想结果4、请求结果源码分析1、流程简图(非常重要)2、Lua 脚本3、Lua 脚本代码分析4、Redis 实际执行结果附文Redis monitor 模式下控制台输出完整内容 前言承接上篇,本篇来探讨一下 当超过了缓存 maxSize 时,底层脚本是如何操作的,事不宜迟,马上开始。测试执行流程说明1、请求接口 调用次数:三次2、请求参数名
转载
2024-02-19 16:48:54
34阅读
一、数据表设计1、需求分析(1)目的: 由于此项目作为一个后台管理系统模板,不同用户登录后应该有不同的操作权限,所以此处实现一个简单的菜单权限控制。即不同用户登录系统后,会展示不同的菜单,并对菜单具有操作(增删改查)的权限。(2)数据表设计(自己瞎捣鼓的,有不对的地方还望 DBA 大神不吝赐教(=_=)):需求: 一个用户登录系统后,根据其所代表的的角色,去查询其对应的菜单权限,并返回相应的菜
转载
2024-06-05 12:24:35
36阅读
本次实验是基于前后端分离项目:springboot+vue+redis接口校验时机: 后端:拦截所有请求,放行登录请求、请求头中包含token(用户名和密码正确时,回生成一个令牌,用来放心别的请求)的请求。 前端:拦截所有请求,放行登录请求、对非登录请求{如果,用户已经登录,则给请求头中添加token,如果用户未登录,跳到登陆页面}1 后端实现1.1 集成redis1.2 书写WebAppConf
转载
2023-08-11 17:05:07
123阅读