前端开发-工具盒子

thymeleaf:字符串Strings常见的使用方法

2024-11-16 厉飞雨阅读(22) 评论(0) 赞(3)

判断是不是为空:null: <span th:if="${name} != null">不为空</span> <span th:if="${name1} == null">为空</span> 判断是不是为空字符串: "" <span ...

Thymeleaf教程（10分钟入门）

2024-11-16 厉飞雨阅读(17) 评论(0) 赞(3)

Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。它与 JSP，Velocity，FreeMaker 等模板引擎类似，也可以轻易地与 Spring MVC 等 Web 框架集成。与其它模板引擎相比，Thymeleaf 最大的特点是，即使不启动 Web 应用，也可以直接在浏览器中打开并正确显示模板页面。 1. Thymeleaf 简介 {#h...

thymeleaf前端定义数组并随机调用方法，可用于随机颜色等

2024-11-16 厉飞雨阅读(16) 评论(0) 赞(3)

thymeleaf中在写样式的时候有时候需要自己定义一些数组，例如定义一个颜色的数组然后随机时候，这个时候该如何实现呢？下面其中一个方法 th:with="colorArray=${#strings.arraySplit('#F8D800 ,#0396FF ,#EA5455 ,#7367F0 ,#32CCBC ,#F6416C ,#32B76E ...

Thymeleaf 中 th:text 和 th:value 之间的区别

2024-11-16 厉飞雨阅读(17) 评论(0) 赞(4)

1、概览 {#1概览} ----------- [Thymeleaf](https://www.thymeleaf.org/) 是一种流行的 Java 模板引擎，它允许我们创建动态网页。它提供了多种属性，用于将数据从模型绑定到视图。在本教程中，我们将了解 Thymeleaf 中 `th:text` 和 `th:value` 属性之间的主要区别。 2、`th:text` ...

Thymeleaf 变量

2024-11-16 厉飞雨阅读(19) 评论(0) 赞(3)

1、简介 {#1简介} ----------- 本文将通过一个 [Spring Boot](/spring-boot/) 示例带你了解 Thymeleaf 中的变量。 2、Maven 依赖 {#2maven-依赖} ----------------------- 要使用 Thymeleaf，需要添加 [`spring-boot-starter-thymeleaf`](ht...

关于thymeleaf模板引擎中th:if的使用

2024-11-16 厉飞雨阅读(21) 评论(0) 赞(5)

`th:if` 条件判断 {#heading-1} ========================= 很多时候只有在满⾜某个条件时，才将⼀个模板⽚段显示在结果中，否则不进行显示。比如只有当用户有订单时，才为它显示订单链接，否则不显示。`th:if` 属性用于满足这个需求 <body> <!--if属性结果为 true，模板会进行显示--...

React组件之间的通信

2024-11-16 厉飞雨阅读(13) 评论(0) 赞(3)

![](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) React 的组件相对于 Vue 更加的灵活和多样，按照不同的方式可以分成很多类组件： * `根据组件的定义方式`，可以分为：`函数组件(Functional Component )`和`类组件(Class ...

Reactor WebFlux 与虚拟线程（Virtual Thread）的对比

2024-11-16 厉飞雨阅读(15) 评论(0) 赞(4)

1、概览 {#1概览} ----------- 本文将带你了解 Java 19 的 [虚拟线程](/spring-6-virtual-threads/) 和 [Reactor Webflux](/spring-webflux/) 的基本工作原理以及它们的优缺点。 2、代码示例 {#2代码示例} --------------- 假如我们开发的是一个电商后台，有如下 &quo...

React 生命周期(v16.0前和 v16.4)

2024-11-16 厉飞雨阅读(13) 评论(0) 赞(5)

> 文章已同步至掘金：<https://juejin.cn/post/6844903981412515847> > 欢迎访问😃，有任何问题都可留言评论哦\~ 什么是生命周期函数？就是不用自己手动的去调用，框架会在合适的时间自动的调用该函数 React v16.0前生命周期 {#react-v16.0%E5%89%8D-%E7%94%9F...

为什么 react 的 setState 要设计成异步的

2024-11-16 厉飞雨阅读(13) 评论(0) 赞(2)

> 在使用 [React](https://react.docschina.org/) 的类组件时候我们常常会使用 setState 来更新状态，那么 setState 到底是同步的还是异步的呢？ |-----------------|--------------------------------------------------------------------...