- 博客(234)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【Spring Boot 3】【Web】返回 XML 数据
本文介绍开发 Spring Boot Web 应用时如何返回数据格式为 XML 的 HTTP Response Body。虽然 JSON 是 RESTful 默认使用的数据格式，但为了兼容某些已有系统或实现某些旧有协议，有时可能遇到需要返回 XML 数据格式的场景。本文介绍如何借助 Jackson 库实现此需求场景。本文并未详细说明各 Jackson 注解作用，可以从示例中直观看出每个注解对应的用途，如仍不清除可访问官方文档；
2024-09-09 22:25:05
1161
原创 【Spring Boot 3】【Web】处理跨域资源共享 CORS
本文介绍开发 Spring Boot Web 应用时如何处理跨域资源共享（CORS）。跨域资源共享（CORS，Cross-Origin Resource Sharing），是一种基于 HTTP 头的机制，允许服务器标识除了自己以外的其他源（域、协议或端口），使得浏览器允许这些源访问加载自己的资源。使用注解 Controller 类或方法配置CorsFilter创建实现接口的配置类，重写其方法自定义Filter设置。
2024-09-04 22:39:39
1180
原创 【Spring Boot 3】【Web】统一封装 HTTP 响应体
本文介绍开发 Spring Boot Web 应用时如何使用统一封装 HTTP 响应体（HTTP Response Body）。拦截带有注解或返回类型为的 Controller 方法，在这些方法执行完成之后且将 HTTP Response Body 封装成统一数据格式；对 HTTP Response Body 执行加密；对 HTTP Response Body 执行编码。supports：确定处理 HTTP Response Body 的范围，首先被执行；：在。
2024-09-03 23:17:39
957
原创 【Spring Boot 3】【Web】统一处理 HTTP 请求体
本文介绍开发 Spring Boot Web 应用时如何使用统一处理 HTTP 请求体（HTTP Request Body）。HTTP 客户端发送的请求体已编码，需要在 Controller 方法处理前先解码；HTTP 客户端发送的请求体已加密，需要在 Controller 方法处理前先解密；对 HTTP 请求体数据执行统一的过滤转换。仅对使用了注解的 Controller 方法生效；方法说明：supports：确定处理 HTTP Request Body 的范围，首先被执行；
2024-09-03 22:53:59
1368
原创 【Spring Boot 3】【Web】返回MP4视频流
本文介绍开发 Spring Boot Web 应用时如何返回MP4视频流给前端显示。本文给出了两种返回视频流的方法：返回返回但是第二种无法在前端控制视频播放进度，虽然有办法解决，但明显加大了代码复杂度，所以建议实际开发中有限选择方法一。本文出于演示目的，将MP4文件资源放在工程中一起打包，实际应用开发通常配合文件存储服务使用。
2024-09-01 22:17:54
399
原创 【Spring Boot 3】【Web】文件下载
本文介绍开发 Spring Boot Web 应用时如何实现文件下载功能。提供文件下载服务需要设置 HTTP 响应头：filename用于设置下载文件名本文出于演示目的，将下载的文件资源放在工程中一起打包，实际应用开发通常配合文件存储服务使用。
2024-09-01 21:39:31
741
原创 【Spring Boot 3】【Web】文件上传
本文介绍开发 Spring Boot Web 应用时如何实现文件上传功能。Spring 提供简化了文件上传操作，在之前都是使用原生的接收上传文件数据，后端将接收到的文件二进制流转换为File类；本文处于演示目的，将上传的文件存储到本地一个目录中，实际应用开发通常配合文件存储服务使用。
2024-09-01 21:13:00
408
原创 【Spring Boot 3】【Web】国际化
本文介绍开发 Spring Boot Web 应用时如何配置国际化。国际化，简称i18n，源自国际化英文单词中首字母i与尾字母n之间有18个字母。Spring 默认使用提供国际化支持。通过解析 HTTP Headers 中字段判断当前语言环境。基名_语言_地区.properties，其中语言使用小写双字母，地区使用大写双字母。常用语言zh：中文en：英语ar：阿拉伯语da：丹麦语de：德语el：希腊语es：西班牙语fi：芬兰语fr：法语he：希伯来语hu：匈牙利语it：意大利语。
2024-09-01 10:23:39
855
原创 【Spring Boot 3】【Web】ProblemDetail
本文介绍开发 Spring Boot Web 应用时如何使用返回错误响应信息。RFC 7807type：字符串，标识问题类型。title：字符串，简短可读的问题类型摘要。status：HTTP 状态码（HTTP status code）。detail：字符串，问题发生说明。instance：标识问题的具体实例的 URI 引用。中只有status属性是必须设置的，其他属性都可选；标准属性只有 5 个（typetitlestatusdetailinstance），可以使用（或。
2024-08-31 10:32:46
1066
原创 【Spring Boot 3】【Web】全局异常处理
本文介绍开发 Spring Boot Web 应用时如何捕获和处理全局异常。结合使用（或）和可以拦截处理指定 Controller 中的指定异常。（或）是 Controller 增强器，通过面向切面编程（AOP）给 Controller 添加统一的处理逻辑。可以通过namevalue等属性指定拦截的 Controller 范围；指定拦截处理的异常类型，只有一个数组类型参数value，可以接受一个或多个Throwable异常类型。
2024-08-31 09:56:14
1332
原创 【Spring Boot 3】【Web】解析获取HTTP请求参数
本文介绍开发 Spring Boot Web 应用时如何解析获取 HTTP 请求参数。，其中即传递的参数，代表博客的唯一标识；/blog?；使用 HTTP Headers（请求头）传参，将参数放在自定义 HTTP Header 中；使用 HTTP Headers（请求头）中的 Cookie 传参；使用 HTTP Body（请求体）传参。：处理 URL Path 传参。：处理 URL Query 传参。：处理 HTTP Headers 传参。
2024-08-31 09:26:39
1582
原创 【Spring Boot 3】【Web】自定义响应状态码
本文介绍开发 Spring Boot Web 应用时如何自定义 HTTP 响应状态码（HTTP Response Status Code）。
2024-08-30 21:26:02
562
原创 【Spring Boot 3】【Web】同时启用 HTTP 和 HTTPS
本文介绍如何在 Spring Boot Web 应用中同时启用 HTTP 和 HTTPS。
2024-08-30 21:01:10
790
原创 【Spring Boot 3】【Web】自定义过滤器
本文介绍开发 Spring Boot 应用如何自定义过滤器（Filter）实现。Spring Boot 过滤器（Filter）基于 Servlet 规范实现，可以对网络请求进行拦截，并在请求执行前后进行相应处理。编码转换安全校验请求链路跟踪过滤器（Filter）通常拿来与拦截器（Interceptor）进行比较，虽然它们在应用上存在诸多重叠，但实现原理完全不同。
2024-08-28 23:16:47
1165
原创 【Spring Boot 3】自定义拦截器
本文介绍开发 Spring Boot 应用如何自定义拦截器（Interceptor）实现。Spring Boot 拦截器（Interceptor）基于 Java 反射机制实现，可以实现对 Controller 中方法进行拦截，并在方法执行前后进行响应的处理，是基于切面编程（AOP）的一种模式。权限校验日志记录性能监控拦截器（Interceptor）通常拿来与过滤器（Filter）进行比较，虽然它们在应用上存在诸多重叠，但实现原理完全不同。
2024-08-28 22:49:35
1022
原创 【Vue3】集成 Ant Design Vue
本文介绍 Vue3 集成 Ant Design Vue 的方法步骤。Ant Design 是蚂蚁集团和 Ant Design 开源社区推出的一套基于 React 的 UI 设计语言和组件库，适用于企业级中后台产品。Ant Design Vue 是基于 Ant Design 和 Vue 技术栈的实现。本文只介绍了全局完整注册 Ant Design Vue 的方法，适用于对打包文件大小不敏感的场景，除此外还可以全局部分注册和局部注册组件，参考官方文档。
2024-08-21 23:06:58
493
原创 【Vue3】集成 Element Plus
本文介绍 Vue3 集成 Element Plus 的方法步骤。Element Plus 是基于 Vue3 的 UI 组件库。
2024-08-21 22:51:25
376
原创 【Vue3】编程式路由导航
本文介绍 Vue3 路由编程式导航的用法。编程式路由导航可以通过代码实现页面跳转，与组件（）声明式导航不同。编程式路由导航的灵活度更高。在需要路由导航的组件（本例中的Warn.vue）组件中引入vue-router的useRouter方法；调用获取路由器对象；调用路由器对象的push方法实现路由导航功能，push方法的参数与组件的to属性写法保持一致，即组件的to属性写法同样适用于路由器对象的push方法；本文只展示了路由params传参，query传参写法基本类似。
2024-08-20 22:07:03
357
原创 【Vue3】配置路由规则props
本文介绍 Vue3 路由规则中props配置的用法。路由规则props：用于处理params传参；，函数写法：：处理query传参；：处理params传参。props: {}：对象写法，用于传递固定参数值。
2024-08-19 22:08:51
307
原创 【Vue3】路由Params传参
本文介绍 Vue3 中路由传递 Params 参数的方法。Params 参数是通过 URL 路径的一部分传递的数据，通常用于标识资源的唯一性或层级关系，如中的1便是一个 Params 参数，通常表示系统用户 ID。Params 参数常用于 RESTful 风格 API 中。Vue3 可以使用模板字符串或对象传递 Params 参数。传参组件可以使用模板字符串或对象两种方式传递 Params 参数，其中对象传参方式代码可读性更好，且当传递的数据中包含等字符时，使用模板字符串。
2024-08-17 09:10:44
880
原创 【Vue3】路由Query传参
本文介绍 Vue3 中路由传递 Query 参数的方法。Query 参数是通过 URL 传递的数据，即 URL 中问号（?）后面的键值对，通常用于传递较小的数据，如搜索关键字、过滤条件等。Vue3 可以使用模板字符串或对象传递 Query 参数。传参组件可以使用模板字符串或对象两种方式传递 Query 参数，其中对象传参方式代码阅读性更好；接收参数的组件调用vue-router组件的useRoute()方法接收路由对象，其中的query属性即路由传递的 Query 参数。
2024-08-17 08:30:12
466
原创 【Vue3】命名路由
本文介绍 Vue3 中命名路由的基本写法。因为路由可被嵌套，所以路径path可能较长，导致在使用时非常不便，为解决此问题，Vue3 提供了命名路由功能，可以使用路由名称name代替路径path。
2024-08-16 20:15:52
400
原创 【Vue3】路由基础
本文介绍 Vue3 中路由的基本写法。；，包括：引入用于创建路由器；通过参数对象的history和，本文使用的是，两类工作模式间的差异将在其他文章中说明；通过参数对象的routes属性配置路由，每个路由由一个路径path和一个组件component构成；暴露路由。，作用是：全局注册RouterLink和RouterView组件；添加全局$router和$route属性；启用和useRoute()组合式函数；触发路由器解析初始路由。
2024-08-14 20:56:26
1017
原创 【Vue3】Pinia store 组合式写法
本文介绍 Vue3 中如何使用 Pinia store 的组合式写法。Pinia 是 Vue 专属的状态管理库，允许跨组件或页面共享数据。
2024-08-12 21:25:27
472
原创 【Vue3】Pinia $subscribe
本文介绍 Vue3 中如何使用 Pinia$subscribe实现state数据监听。Pinia 是 Vue 专属的状态管理库，允许跨组件或页面共享数据。
2024-08-07 23:19:20
429
原创 【Vue3】Pinia getters
本文介绍 Vue3 中如何使用 Piniagetters。Pinia 是 Vue 专属的状态管理库，允许跨组件或页面共享数据。getters是的三个属性之一，可以理解为state的计算属性。
2024-08-07 21:33:12
334
原创 【Vue3】Pinia storeToRefs 解构
本文介绍 Vue3 中如何使用实现 Pinia Store 解构。Pinia 是 Vue 专属的状态管理库，允许跨组件或页面共享数据。为了在提取 Pinia Store 中的属性时保持其响应性，Pinia 提供了，它将为每一个响应式属性创建引用。适用于只使用 Store 的状态而不调用任何action的场景。
2024-08-07 20:18:04
528
原创 【Vue3】Pinia修改数据
本文介绍 Vue3 中如何修改Pinia中数据。Pinia 是 Vue 专属的状态管理库，允许跨组件或页面共享数据。获取 Pinia 中存储的数据并直接修改；使用$patch一次性批量修改，此方法适用于存在大量数据需要同时修改的场景；在中定义actions实现数据修改功能，在需要修改数据的组件中调用actions中对应的函数，这样做有利于统一封装数据修改的公共逻辑，供多处调用。actions中方法访问 Pinia 数据用到了this关键字。
2024-08-06 22:56:54
776
原创 【Vue3】Pinia存储及读取数据
本文介绍 Vue3 中如何使用Pinia存储和读取数据。Pinia 是 Vue 专属的状态管理库，允许跨组件或页面共享数据。
2024-08-05 22:45:35
631
原创 【Vue3】组件通信之mitt
本文介绍 Vue3 中如何使用mitt实现任意组件间传数据。Vue3 推荐使用Mitt作为事件总线（EventBus）实现平行组件间传数据。父组件向子组件传数据，实现方案有：propsv-model$ref默认插槽 / 具名插槽子组件向父组件传数据propsv-model$parent自定义事件作用域插槽父组件向子组件的子组件传数据，即向孙子组件传数据$attrsproviderinject任意组件间传数据mittPinia。
2024-08-05 22:18:02
759
原创 【Vue3】组件通信之provide&inject
本文介绍 Vue3 中如何使用provide和inject实现父组件向子组件的子组件传数据，即向其孙子组件传数据。父组件向子组件传数据，实现方案有：propsv-model$ref默认插槽 / 具名插槽子组件向父组件传数据propsv-model$parent自定义事件作用域插槽父组件向子组件的子组件传数据，即向孙子组件传数据$attrsproviderinject任意组件间传数据mittPinia使用provide和inject实现跨组件传数据与$attrs。
2024-08-04 20:04:17
1008
原创 【Vue3】组件通信之$attrs
本文介绍 Vue3 中如何使用$attrs实现父组件向子组件的子组件传数据，即向其孙子组件传数据。父组件向子组件传数据，实现方案有：propsv-model$ref默认插槽 / 具名插槽子组件向父组件传数据propsv-model$parent自定义事件作用域插槽父组件与子组件的子组件互传数据，即与孙子组件互传数据$attrsproviderinject任意组件间传数据mittPinia$attrs的作用其实是对props。
2024-08-04 19:36:51
956
原创 【Vue3】组件通信之$parent
本文介绍 Vue3 中如何使用$parent实现子组件向父组件传数据。父组件向子组件传数据，实现方案有：propsv-model$ref默认插槽 / 具名插槽子组件向父组件传数据propsv-model$parent自定义事件作用域插槽父组件向子组件的子组件传数据，即向孙子组件传数据$attrsproviderinject任意组件间传数据mittPinia使用$parent实现子组件向父组件传数据，首先需要父组件使用函数将数据提供给子组件，
2024-08-04 11:31:11
563
原创 【Vue3】组件通信之$refs
本文介绍 Vue3 中如何使用$refs实现父组件向子组件传数据。父组件向子组件传数据，实现方案有：propsv-model$refs默认插槽 / 具名插槽子组件向父组件传数据propsv-model$parent自定义事件作用域插槽父组件向子组件的子组件传数据，即向孙子组件传数据$attrsproviderinject任意组件间传数据mittPinia$refs的使用场景是：父组件向多个子组件同时传数据，本质还是组件标签的ref属性；子组件需要使用。
2024-08-04 11:10:34
1687
原创 【Vue3】组件通信之v-model
本文介绍 Vue3 中如何使用v-model实现组件间通信，即组件间相互传数据。父组件向子组件传数据，实现方案有：propsv-model$ref默认插槽 / 具名插槽子组件向父组件传数据propsv-model$parent自定义事件作用域插槽父组件向子组件的子组件传数据，即向孙子组件传数据$attrsproviderinject任意组件间传数据mittPinia使用v-model实现组件间通信的方法常用于封装自定义 UI 组件库，在日常业务开发过程中较少使用；使用。
2024-08-03 22:09:22
1191
AXMLPrinter2
2017-02-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人