- 博客(20)
- 问答 (1)
- 收藏
- 关注
原创 JS聊天消息时间展示(当天时间、昨天时间、本周时间以及日期)
在聊天消息中需要展示消息的时间格式,例如当天的消息展示位 12:12;昨天的消息展示:昨天 12:00;本周消息展示为:周一 12:00,超过本周展示为日期:08-01。上方代码块有时间工具类 timeMethod.js。
2024-08-11 18:20:04
135
原创 注解+切面+token实现用户code参数注入
首先我们知道操作数据的接口为了安全性一定需要验签(token或者其他验证方式),而签证内又可以放入用户信息,所以我们可以通过在签证内放入用户信息,然后直接获取签证内的用户数据,所以今天介绍直接获取token内存入的用户信息注入到参数字段。2、对使用了@SetCode注解的参数进行赋值操作,这里我们可以用到切面方法对方法内部的字段参数进行修改赋值;有兴趣的可以去看看切面AOP相关内容。1、定义@SetCode注解,该注解使用在字段上,该注解仅可在controller层使用。
2024-08-05 10:08:12
142
原创 SpringBoot 使用Aspect切面自定义Redis缓存注解-超个性化定制(集中管理缓存key、过期时间expire)以及模板化使用Redistemplete
第二步,就是对拦截的方法进行下一步处理,比如说当redis中存在缓存key时,那么久直接返回缓存数据,不需要在调用service进行查询操作在返回值;以及对返回值进行转型,根据注解的方法返回值返回相同类型的值。第三步,因为要设置key的可变参数,所有需要注解直接传入方法的参数,这里要使用到spel表达式,同样是使用切面方法获取到方法的入参,通过spel表达式取得参数值。第一步,需要对@Cache的方法进行拦截,在切面中使用pointCut()进行拦截,只要是使用了@Cache注解的方法都会被拦截。
2024-05-12 17:49:12
363
1
原创 vue前端富文本框使用(wangeditor富文本框)
a.在组件components内定义文件QuillEditor.vue文件。第二步:创建富文本编辑器组件;我们自己在二次封装一下该组件方便使用。可以直接在要使用页面引入该组件或者全局注册该组件。第一步:使用node引入wangeditor富文本编辑器插件。b.QuillEditor.vue文件代码。
2024-03-02 15:35:12
2535
原创 vue3自定义图片上传控件(图片上传+图片回显+定义组件宽高)
图片上传在平常前端开发中非常常见,插件市场上也有一些上传图片控件,但是有时候控件并不能达到自己想要的效果,所以有时候需要自己定义一个上传插件,下面就是一个简单的自定义上传控件;主要功能就是一个上传还有图片回显的功能,以及定义上传文件的格式和文件的输出功能。把组件引入到要使用页面或者直接在main.js内设置为全局通用组件都行。
2024-03-02 15:00:19
584
原创 网络爬虫基本原理介绍以及示例
相信大家最近都听过爬虫,那么爬虫究竟是什么东西呢?网络爬虫又称网络蜘蛛、网络机器人,它是一种按照一定的规则自动浏览、检索网页信息的程序或者脚本。网络爬虫能够自动请求网页,并将所需要的数据抓取下来。通过对抓取的数据进行处理,从而提取出有价值的信息
2024-01-19 17:16:07
1268
1
原创 python爬虫爬取音乐-JS逆向爬虫
可以看到接口返回的歌曲相关数据在typeTrack这个字段里面,刚好20条数据,结合传的参数和响应结果证明该接口就是搜索接口那么现在外面在来看参数,有过前后端开发经验的朋友们都知道,接口当中有些参数很重要,缺少其中一个参数都会请求失败,那么接回刚刚说的参数问题;看上面的参数截图可以发现这个接口中总共6个参数,好像都是缺一不可那种,尤其是sign这个参数,有过前后端开发经验的都知道这是验签(签名验证),如果没有这个参数,那么请求必定会失败,因为这是验证这个请求是否合法的参数;但是总归有方法的,那就是。
2023-12-21 18:48:03
1520
1
原创 springBoot+webSocket+uniapp实现实时聊天功能
该文章只是作者从自己开发的代码中截取的一部分,只是做一个参考;实际上需要自己在该代码基础上进行调整和优化,有疑问可以在评论区进行提问。
2023-11-14 16:54:29
2243
34
原创 uniapp 聊天界面-仿微信聊天界面设计
简介:本篇文章带来的是一格仿照微信设计的聊天界面,主要涉及到三个文件;下方已有介绍,代码块中也有相关说明,直接复制然后就可使用;注意获取消息的websoket和拉去历史消息的接口还是需要自己去写,下方只做大致参考;具体消息格式下方代码块中已列出一、聊天主界面chatIndex.vue<template> <view class="chat"> <scroll-view class="scroll-view" :style="{height: `${win
2023-11-14 15:59:57
3584
3
原创 登录界面滑动验证码设计
1、首先npm install vue3-slide-verify,安装成功后即可开始代码编写。该滑动验证码需要引用三方包vue3-slide-verify。直接把该模块封装成一个组件,这样使的代码更容易维护。2、 在父组件中引用,@success为验证通过回调。
2023-10-26 18:21:09
225
原创 管理后台菜单权限分角色控制,前端+后端+ER设计
数据库设计主要是四张表:1. menu表存菜单相关信息2. permission 权限菜单,存角色权限组3. permission_menu表 存permission权限组中对应的菜单权限,menu_id对应menu表中的id,permission_id对应permission表中的id4. permission_account表存的是每个账号对应的权限组,permission_id对应permission表中的id,account_id对应登录账号表中id。
2023-10-26 17:54:20
1430
原创 uniapp中request请求token失效后重新获取token且重新请求
在APP日常使用过程中可能遇到token过期或者token失效的情况;平常大家的做法就是给个提示,然后需要再次请求一次接口重新获取token,这样的操作给用户一种极不友好的体验,为了让用户感觉不到重新获取token这个场景,那么就需要在用户不知情的情况下重新获取token且再次重新请求接口使操作流程不中断。本次给大家介绍在请求接口request内建立重试机制,该机制统一封装在一个request请求中。
2023-07-22 17:37:48
3397
原创 springboot redis模板stringRedisTemplate结合枚举enum快速定义缓存key以及缓存time
在日常编码中,Redis缓存无非使用缓存注解以及自定模板两种方式;注解使用方便,但是不容易管理且在复杂业务逻辑时不适用等问题,因此自定义stringRedisTemplate模板成为最实用的缓存方式,但是在使用过程中存在较为分散的情况,因此当查找缓存key或者是管理缓存配置时较为困难,因此本文介绍使用枚举的方式统一管理Redis缓存配置。
2023-05-27 11:39:58
470
1
原创 python爬虫-GUI界面音乐下载器
首先整个结构分为爬虫代码和图形代码,两者结合就是完整的程序:后面需要引入的包:from tkinter import filedialog,scrolledtext,messageboxfrom tkinter import *import requests,json爬虫部分:这儿也是最难的,因为要找到真实链接地址,需要在很多的接口中去找,然后通过数据清洗找到需要的url,提取出来。这是整个代码中的精华,后期下载都是从这儿获取音乐的真实URL地址进行下载。进入音乐官网搜索界面,打
2021-09-22 15:17:10
2062
1
原创 Python爬虫爬取高清壁纸
第一次创作,创作不易,有什么地方写的不对的欢迎大家一起讨论!下面的爬虫主要是爬取《彼岸壁纸》中所有的高清图,各个类型都包含在其中,想要什么类型都可以自己选择下载,下面附上源码,希望大家多多支持!!!import requests,re,osclass Downloadpucture(object): def __init__(self): #请求头 self.headers={ 'Accept': 'text / html, appli
2021-08-07 22:29:06
921
2
TA创建的收藏夹 TA关注的收藏夹
TA关注的人