定义全局json格式时间

在SpringBoot项目中,针对Date字段的时间格式化通常需要在每个实体类中添加@JsonFormat注解。为了简化这一过程,可以全局配置Jackson的objectMapper。通过自定义objectMapper并设置时间格式,实现所有时间字段统一输出为'yyyy-MM-dd'的效果,避免重复添加注解。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

当我们实体类当中拥有Date修饰的表示时间字段时,经常需要添加注解 @JsonFormat(pattern = “yyyy-MM-dd”),这表示返回时间时输出为年月日的格式,但是如果很多实体类中都用到了表示时间的字段则会很麻烦,需要每个都去配置注解;springboot中默认配置了Jackson和Gson,jsckson中定义了JacksonHttpMessageConvertersConfiguration这个类,类中的MappingJackson2HttpMessageConverterConfiguration这个静态类,可以看到这个类需要传入一个objectMapper;在这里插入图片描述
这里的objectMapper是JacksonAutoConfiguration类中定义的
在这里插入图片描述
当我们添加注解格式化时间后,debug会进入到这个方法中
在这里插入图片描述
所以我们可以直接定义一个objectMapper用来全局配置;
在这里插入图片描述
可以看出这个时候已经走的是我们自己定义的objectMapper了,这样就全局配置时间格式化了;
欢迎加QQ:158635978 交流

### 如何在 Vue3 中通过 JSON 定义全局变量 在 Vue3 项目中,可以通过多种方式定义全局可访问的 JSON 变量。以下是几种常见的实现方法: #### 方法一:使用 `app.config.globalProperties` 定义全局变量 Vue3 提供了 `app.config.globalProperties` 来定义可以在整个应用范围内使用的属性或方法。这种方式简单直观。 ```javascript import { createApp } from 'vue'; import App from './App.vue'; // 导入 JSON 数据 import jsonData from './assets/data.json'; const app = createApp(App); // 将 JSON 数据挂载到 globalProperties 上 app.config.globalProperties.$jsonData = jsonData; app.mount('#app'); ``` 这样,在任何组件中都可以通过 `this.$jsonData` 访问该 JSON 数据[^2]。 --- #### 方法二:利用 Vuex 存储全局状态 如果需要更复杂的管理机制,Vuex 是一种强大的解决方案。它可以用来集中存储和管理应用程序的状态数据,包括 JSON 格式的变量。 ```javascript // store/index.js import { createStore } from 'vuex'; import jsonData from '../assets/data.json'; // 导入 JSON 数据 export default createStore({ state: { jsonData, // 将 JSON 数据存入 Vuex 的 state }, }); ``` 在主入口文件中引入并注册 Vuex Store: ```javascript import { createApp } from 'vue'; import App from './App.vue'; import store from './store'; const app = createApp(App); app.use(store); // 注册 Vuex Store app.mount('#app'); ``` 之后,可以在任意组件中通过 `$store.state.jsonData` 获取 JSON 数据[^3]。 --- #### 方法三:使用环境变量 (`.env`) 和动态加载 对于一些固定的 JSON 数据,也可以将其作为环境变量的一部分来处理。这种方法适合于少量静态配置型的数据。 1. **创建 `.env` 文件** 在项目的根目录下新增一个 `.env` 文件,并添加如下内容: ```plaintext VUE_APP_JSON_DATA='{"key":"value"}' ``` 2. **读取环境变量中的 JSON 数据** 在主入口文件或其他地方解析环境变量中的 JSON 字符串: ```javascript const jsonData = JSON.parse(process.env.VUE_APP_JSON_DATA || '{}'); console.log(jsonData.key); // 输出 "value" ``` 此方法适用于简单的键值对形式的小规模 JSON 数据[^5]。 --- #### 方法四:借助 Webpack 或 Vite 插件注入全局变量 如果是基于 Vite 构建工具,则可以直接在配置文件中注入自定义全局变量;而基于 Webpack 则需额外安装插件完成类似功能。 ##### 对于 Vite 用户: 编辑 `vite.config.js` 文件,向环境中加入打包时间戳或者预设好的 JSON 数据: ```javascript import { defineConfig } from 'vite'; export default defineConfig({ define: { __APP_CONFIG__: JSON.stringify(require('./assets/data.json')), }, }); ``` 随后即可在代码里直接调用 `__APP_CONFIG__` 进行操作[^1]。 ##### 对于 Webpack 用户: 可以考虑使用 DefinePlugin 实现相同效果: ```javascript const webpack = require('webpack'); module.exports = { plugins: [ new webpack.DefinePlugin({ '__GLOBAL_JSON__': JSON.stringify(require('./assets/data.json')), }), ], }; ``` 最终同样能够以常量的形式获取指定路径下的 JSON 资源[^4]。 --- #### 方法五:持久化存储至浏览器本地缓存 当希望某些 JSON 数据能够在页面刷新后仍然保留下来时,可以选择将它们保存到 LocalStorage 或 SessionStorage 中去。 ```javascript // 初始化阶段写入 localStorage window.localStorage.setItem('globalJsonData', JSON.stringify(import.meta.globE(['./assets/*.json']))); // 组件内部读取 const storedData = JSON.parse(window.localStorage.getItem('globalJsonData')); console.log(storedData); ``` 注意这种做法仅限前端运行环境下有效。 --- ### 总结 以上列举了几种不同的技术手段帮助开发者实现在 Vue3 应用程序内共享 JSON 类型的信息资源。具体选用哪一类取决于实际需求场景以及团队开发习惯等因素考量。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值