前端开发-工具盒子

JS学习笔记

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

第01节：JavaScript概述 {#第01节javascript概述} ===================================== ### 一、JavaScript概述 {#一javascript概述} > 1995年，JavaScript问世，主要目的是处理表单验证。起初命名为LiveScript，后来因为java语言盛行，更名为JavaScri...

Thymeleaf+Ajax实现异步加载表格数据并分页实现

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

#### **由于thymeleaf获取的数据是从后台页面跳转时得到的，如果想更新域中数据必须再次请求页面，首先异步刷新思路如下：** {#heading-1} 一：将要刷新的组件给上id，也可以通过在目标组件上标注th:fragment="xxx"，目的在于能够获取到要刷新的这个组件。 `二：通过ajax发送请求到后台，在跳转回...

Thymeleaf 模板引擎中的工具对象

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

一些Thymeleaf 模板引擎中的工具对象和使用 {#heading-1} ====================================== 一些常用的 #strings 方法： #strings.isEmpty(value)：判断指定的字符串是否为空。 #strings.isNumber(value)：判断指定的字符串是否是数字。 ...

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

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

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

Thymeleaf教程（10分钟入门）

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

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

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

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

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

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

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

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

Thymeleaf 变量

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

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

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

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

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

React组件之间的通信

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

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