自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 关于页面悬浮返回按钮组件实现方法

摘要:实现悬浮返回按钮的两种方法:1)使用ElementPlus的Affix固钉组件;2)自定义样式实现。示例代码展示了一个固定在右下角的圆形返回按钮,包含悬停动画效果和工具提示功能,通过position:fixed定位,并设置z-index确保层级关系。按钮点击事件绑定关闭当前页面的方法,样式上添加了阴影和过渡动画增强交互体验。

2025-08-12 14:59:57 374

原创 @DateTimeFormat 和 @JsonFormat 处理日期格式化的两个注解应用

【摘要】在Java开发中,日期格式化注解的使用需注意适用场景:@DateTimeFormat用于处理前端到后端的请求数据(如@RequestParam),将字符串转为Date对象;而@JsonFormat则用于控制后端返回给前端的响应数据(如@RequestBody),将Date对象序列化为指定格式字符串。常见错误是将@DateTimeFormat误用于响应对象,导致日期格式化失效,正确做法是在返回前端的VO对象属性上使用@JsonFormat注解,并设置pattern和timezone参数。两者分工明确,

2025-07-16 15:05:49 389

原创 前端发起请求时添加自定义Headers

在main.js中添加以上拦截器代码,全局request接口都会带上此header信息。

2024-10-21 17:29:31 566

原创 关于查询某年12个月的某物料统计汇总数据并显示在Echart上的解决方案思路

因为我们12个月份是固定的1-12月,即它的索引下标为0-11,这就给我们提供了很大的思路,我们不管数据库中存在那几个月的数据,数据中肯定会存在对应的月份,我们用数字类型接收,此时,我们前端的y轴数据,需要两个集合,存放12个月份的重量和数量,按照月份进行排序,所以定义两个长度为12默认值为0的集合,问题点在于,因为数据库数据可能只有6月份,也可能有1 2 8 月份的,所以怎么将对应的月份数据填充到对应的索引位置上去。首先数据库里的数据字段有:物料编码、日期(yyyy-MM-dd形式)、重量、数量。

2024-07-19 11:10:38 422

原创 el-table后端排序(不止当前页排序)

2、在标签上添加自定义排序事件:@sort-change="sortChange"5、后端接收参数对象添加对应排序属性字段,在对应sql中(xml形式)根据条件进行拼接,注意,3、在列标签上设置 sortable="custom"这里的填充值使用了${}符号而不是#{}, #{}用于数据填充 ${}用于拼接关键字。sortModelField: '', //记录当前排序是用的哪个字段。sortModelOrder: '' ,//记录当前排序的顺序。

2024-04-07 15:21:09 767

原创 总结:java根据两个字符串日期,计算出中间的所有日期,返回“2024-03-23”字符串形式,并存入list中

总结:java根据两个字符串日期,计算出中间的所有日期,返回“2024-03-23”字符串形式,并存入list中。

2024-03-23 09:50:52 661 1

原创 this.$set赋值与this.param=赋值的区别(用于组件输入内容不及时更新)

是Vue提供的一个方法,用于在Vue实例的数据中动态添加新的响应式属性。区别主要在于是否要让新属性或元素成为Vue的响应式数据。如果你需要在Vue实例中添加新的响应式属性,应该使用。之前并不存在于数据中,那么它不会成为响应式属性,因此Vue不会追踪它的变化。已经在Vue实例的数据中存在,Vue会将这个属性变为响应式。赋值之间有一些区别,主要涉及到Vue的响应式系统和Vue实例的属性。如果只是在已有属性上赋值,或者是添加非响应式属性,可以使用普通的。,Vue将不会监听这个新属性/元素的变化。

2023-08-19 15:41:05 518

原创 关于列表table显示内容A,B的处理逻辑

js中使用list.join方法将数据变为1,2,后端使用String字段接收。1、新增时使用下拉框进行多选,数据类型为[1,2]2、前端列表中 1,2回显 姓名1,姓名2。3、查询条件通过输入姓名模糊匹配。

2023-08-19 15:32:29 56

原创 父子组件通信

在上面的代码中,当对话框关闭时,子组件会触发 `dialogClose` 事件,父组件监听到该事件后会调用 `resetData` 方法来重置数据。在上面的代码中,通过 `$refs` 来获取子组件的引用,并直接访问子组件的 `childData` 属性来清空其值。- 在子组件中,定义一个可以接受父组件传递的数据的 prop,并在子组件中使用该 prop 来显示数据。- 在父组件的对话框关闭方法中,通过引用标识访问子组件的属性或方法,从而清空子组件的值。- 在父组件的对话框关闭方法中,重置需要清空的数据。

2023-06-29 17:23:20 21

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除