LeDao's Blog

问题描述在使用VS Code开发时，如果想从HTML代码中快速跳转到对应的JavaScript方法，可以使用F12转到定义快捷键快速跳转，但是却失效了，大大降低了开发的效率 原因分析在 Vue 项目中，使用 VS Code 进行代码开发时，有时按下快捷键 F12 无法跳转到函数的定义位置。这可能是因为你的引用路径中包含了 @ 符号，而 VS Code 默认的跳转定义功能在这种情况下失效了，并且在导入时也不会出现路径提示。 解决办法在项目根目录下新建一个名为jsconfig.json的新文件，文件的内容如下所示，直接全部复制进去即可 12345678910111213141516171819202122{ "compilerOptions": { "module": "commonjs", "target": "es6", "baseUrl": ".", "p ...

魔法值的定义未经定义的常量叫做魔法值，通常是指在代码编写时莫名出现的数字，无法直接判断数值代表的含义，必须通过联系代码上下文分析才可以明白，严重降低了代码的可读性，例如在下图中的3和2都是魔法值 解决办法下面代码的用户身份有三种：1代表管理员、2代表房东、3代表租户，即在数据库中只存储1、2、3，不存储实际的含义，如果想知道从数据库查询到的用户身份就会出现魔法值了，例如想知道用户身份是不是管理员就需要判断user.getType()==1，1就是魔法值 要消除魔法值可以定义静态常量，也可以使用枚举类，建议使用枚举类更加方便管理 定义静态常量 定义，如果想定义一次可以在多个类中使用，那么请将下面代码中的private关键词修改为public，其它类想使用下面的静态常量需要先import导入（根据IntelliJ IDEA的提示导入即可） 123456789101112/** * 管理员 */private final static int USER_TYPE_ADMINISTRATOR = 1;/** * 房东 */private final static int USER_TYPE_ ...

描述这个报错发生在从GitHub仓库clone代码在本地部署的时候，和配置文件application.yml有关 解决办法 修改IntelliJ IDEA的编码为UTF-8，下图的三个地方都改掉 先复制配置文件application.yml的内容，再把它删除，最后新建配置文件application.yml，把之前复制的配置内容复制进去即可

问题描述前端操作的时间类型一般为Date类型（不是Java的Date类型），而Java则为LocalDateTime类型 前端的时间传到后端保存到数据库需要先转换成LocalDateTime类型，后端的时间显示到前端则需要转换成前端的Date类型 解决办法前端的Date类型转换成后端的LocalDateTime类型首先根据前端的Date类型获得对应的时间戳（单位为秒），后端将时间戳转换成LocalDateTime类型 后端的LocalDateTime类型转换成前端的Date类型首先根据后端的LocalDateTime类型获得对应的时间戳（单位为秒），前端再将前面的秒时间戳转换成毫秒时间戳（秒时间戳×1000），最后将毫秒时间戳转换成前端的Date类型 代码实现Date类型转换成LocalDateTime类型前端获得当前时间的秒时间戳，下面的getTime()获得的时间戳单位为毫秒，所以要除以1000，小数部分则通过Math.floor()舍去 1const timestampSeconds = Math.floor(new Date().getTime()/1000) 后端将秒时间戳 ...

安装ECharts1npm install echarts --save 在页面中使用HTML代码12345678910<template> <div> <div class="echarts-box"> <div id="myEcharts1" :style="{ height: '300px' }"></div> </div> <div class="echarts-box"> <div id="myEcharts2" :style="{ height: '300px' }"></div> </div> </div></template& ...

问题描述有时候后端返回的数据不易于阅读，需要格式化一下，虽然后端也可以格式化数据，但是在前端格式化会更加方便，且前端的代码部署起来比后端方便多了 简单数据格式化目标2024-02-01T15:10:43格式化成2024-02-01 15:10:43 HTML代码下面代码的scope.row可以拿到整行的数据 12345<el-table-column prop="addDate" label="添加时间" align="center"> <template #default="scope"> <span>{{ scope.row.addDate.replace('T', ' ') }}</span> </template></el-table-column> 复杂数据格式化目标Wed Feb 07 2024 00:00:00 GM ...

安装1npm install v-viewer@next 全局引入在main.js文件中引入 12345import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'const app = createApp(App)app.use(Viewer).mount('#app') 在页面中使用定义options的url123const options = ref({ url: 'data-src'}) HTML代码src填图片在页面中的展示图片链接（一般是略缩图），data-src则填大图的图片链接（一般是更清晰的原图） 123456789<el-table-column fixed="left" prop="imageName" label="头像" align="center" width="180"> ...

问题描述使用Vite搭建的项目热更新突然失效，修改代码后需要重启项目才可以生效 解决Vite项目的文件路径大小写是很严谨的，如果大小写不一样，页面还是可以访问，但是修改代码后热更新就失效了，所以文件路径的大小写一定要一致 Vite项目的热更新失效，而之前没有问题，一般就是这种情况

问题描述负载均衡的项目如果用了Quartz定时任务，到了指定执行时间，定时任务就会被执行多次，而我希望只执行一次 解决办法在定时任务代码的开头，使用Redis的SETNX命令设置一个键，设置成功才继续执行下面的代码，从而实现只执行一次定时任务 实现代码定义一个方法使用SETNX命令，这个方法给定时任务的代码使用，有注释的代码为关键代码，其上面和下面的代码为打开和关闭Redis连接 123456789101112131415161718/** * 使用SETNX命令设置key-value键值对 * * @param key 键名 * @param value 值 * @param seconds 秒数 * @return 设置成功返回true，否则返回false */public static boolean setKeyNxSuccess(String key, String value, int seconds) { JedisPool jedisPool = getRedisLink(); Jedis jedis = getJedis(jedisP ...

下载压缩包下载地址为：Releases · tporadowski/redis (github.com)，下载压缩包那个就行了 启动Redis解压上面下载好的压缩包，然后cmd进入解压后的安装包，输入下面命令即可启动Redis，启动成功的结果如下图所示 1redis-server.exe redis.windows.conf 进入Redis客户端上面的cmd窗口不要关闭，再次打开cmd进入上面解压后的文件夹，输入下面命令，然后就可以输入Redis命令来测试了 1redis-cli.exe -h 127.0.0.1 -p 6379 关闭Redis直接把上面两个cmd窗口关掉就行了 PS.Java通过Jedis操作Redis前，Redis先需要设置一个访问密码，设置访问密码命令如下 1CONFIG SET requirepass 123456 验证密码 1auth 123456 本博客参考于：2023最新Windows安装配置Redis教程，嘎嘎详细_redis windows最新版本-CSDN博客