thymeleaf中查询条件隐藏展示

阿虎-cqh

已于 2023-02-01 16:29:28 修改

阅读量633

点赞数

文章标签： html5

于 2022-08-17 10:08:49 首次发布

本文链接：https://blog.csdn.net/chenqinghu98/article/details/126379652

版权

文章目录

1.在搜索重置标签后添加高级查询标签

<li>
   <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()">
   		<i class="fa fa-search"></i>&nbsp;搜索
   </a>
   <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()">
   		<i class="fa fa-refresh"></i>&nbsp;重置
   </a>
   <a class="btn btn-link btn-sm select-more">高级查询 
   		<i class="fa"></i>
   </a>
</li>

2.在需要隐藏的条件添加class=“more”

<li class="more">
    <label>单位：</label>
    <input type="text" name="b1"/>
 </li>

3. 添加效果后

点击高级查询前
2.点击高级查询后

优惠劵

阿虎-cqh

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
thymeleaf中查询条件隐藏展示

查询条件隐藏显示
复制链接

扫一扫

thymeleafth常用标签

10-13

Thymeleaf是现代化服务器端的Java模板引擎,不同与JSP和FreeMarker,Thymeleaf的语法更加接近HTML,并且也有不错的扩展性。此文档为th标签说明

thymeleaf

乌昂先生的博客

04-24

springboot不支持jsp(动态模板引擎) 1、配置外置Tomcat(支持jsp) (把html放在了jsp里面，嵌套了html) 2、thymeleaf(springboot下支持的)，可完全替代jsp (再html的基础上做改变)

参与评论您还未登录，请先登录后发表或查看评论

thymeleaf 添加页面隐藏值

weixin_39327569的博客

05-10

7753

<input type="hidden" th:value="${dictionaryType.id}" name="typeId"/> 切记切记这样写是不对的： <input type="hidden" th:value="${dictionaryType.id}" th:field="*{typeId}"/> ...

SpringBoot页面展示Thymeleaf

01-27

开发传统JavaWEB工程时，我们可以使用JSP页面模板语言，但是在SpringBoot中已经不推荐使用了。SpringBoot支持如下页面模板语言ThymeleafFreeMarkerVelocityGroovyJSP上面并没有列举所有SpringBoot支持的页面模板技术。其中Thymeleaf是SpringBoot官方所推荐使用的，下面来谈谈Thymeleaf一些常用的语法规则。SpringBoot默认存放模板页面的路径在src/main/resources/templates或者src/main/view/templates，这个无论是使用什么模板语言都一样，当然默认路径是可以自

thymeleaf_3.0.5_中文参考手册.pdf

08-20

thymeleaf_3.0.5_中文参考手册.pdf

元素显示与隐藏

weixin_47267628的博客

12-26

1504

元素显示与隐藏类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现本质：让一个元素在页面中隐藏或者显示出来 1.display：显示隐藏 2.visibility：显示隐藏 3.overflow：溢出显示隐藏 display属性 display属性用于设置一个元素应如何显示 display: none;隐藏 display: block;除了转换为块级元素之外，同时还有显示元素的意思 display隐藏元素后，不再占有原来的位置。（意思就是display隐藏元素后位置就没有了）后

前端笔记-thymeleaf显示数据及隐藏数据

IT1995的博客

02-24

1万+

源码如下： <form id="loginFrom" name="loginFrom" method="post" th:action="@{login}"> <input id="pointCardName" name="pointCardName" type="text" placeholder="直接填写卡密，如这个例子: QWERTYUIOP{}-ASDFGH...

前端笔记-利用thymeleaf隐藏显示input及label

热门推荐

IT1995的博客

03-12

1万+

先来看看效果：这里有一个add.html，添加，修改都使用这个文件，当点击添加后： add.html被构造成这样（点击添加后）：当点击编辑后：对应的前端源码如下： <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <li...

shiro整合thymeleaf实现根据访问者状态隐藏标签与shiro实现登出

kitahiragawa的博客

02-04

443

一、shiro整合thymeleaf 1、导入thymeleaf整合shiro的依赖  <dependency> <groupId>com.github.theborakompanioni</groupId> <artifactId>thymeleaf-extras-shiro</artifactId>

SpringMVC+Thymeleaf if判断

qq_42605411的博客

11-23

688

SpringMVC+Thymeleaf th:if判断

StringBoot+Thymeleaf 系统查询工具

01-18

对于项目中有多个功能模块，而且每个模块中有很多复杂的查询，从而设计的系统查询工具，轻松搞定复杂查询，快捷方便并且灵活

thymeleaf_3.0.5中文参考手册.zip

09-28

Thymeleaf中文参考手册3.0.5版，文字版pdf，带目录。本书以Thymeleaf官方文档为基础，科学系统地、循序渐进地将Thymeleaf的使用方法、技术细节、扩展思路铺展开来，带您走进Thymeleaf的欢乐世界。thymeleaf3.0.5中文参考手册仅需5积分

控制Div显示和隐藏

11-01

本程序在网页中设计了Div层的显示和隐藏，代码简单、实用。

thymeleaf-3.0.5中文文档

11-07

thymeleaf-3.0.5中文文档, 目录清晰，官方文档翻译而来

thymeleaf回显数据

01-08

1.单选框：显示隐藏显示隐藏 2.下拉框：用户请选择用户 3.input回填客户姓名： 4.时间出生日期：作者：饿饿……

springboot 使用 thymeleaf 模板引擎。在页面写隐藏域接收后台的值。在页面进行对话框提示。

sinat_33693619的博客

01-11

8412

场景: 当页面有个活动信息的开启按钮，点击开启按钮，到后台进行验证，这个活动是否过期或者重复。如果有，页面进行对话框提示。 1、后台逻辑判断 if else。当开启状态是进入if。进行判断，负责执行修改状态。 2、通过 model 进行赋值传到前台的隐藏域 if(status==1){ int countResult = preDiscountService.check

RuoYi 两个table公用一个 form 的onclick=“$.table.search()查询

somdip的博客

02-08

1151

关键词：onclick="$.table.search('form1', 'bootstrap-table1')" 指定form和table id的对应关系。效果：一个form ,两个table。点击搜索，同时根据form条件查询table。

想让 thymeleaf 不显示select下的某个option

weixin_42046751的博客

06-16

1124

模板引擎用的thymeleaf，要根据判断条件隐藏某个option，因为CSS没法隐藏option，所以用 th:block 块标签(空标签) 直接去控制整个option元素是否显示，如下： <select id="userType" name="userType" class="form-control m-b" th:with="type=${@dict.getType('sys_user_type')}"> <th:block th:each="dict :.

thymeleaf fragment不想要div标签

滕青山博客

01-29

864

我想把script全部放入一个页面中，然后其他页面就可以通过th:replace引入它进来。但是正常方式都需要把script包裹在div中，并且div给上th:fragment="foot"这样之后其他页面才可以引入。我的解决方法是直接在foot.html写上所有的script，不使用div包裹它 <script th:src="@{/js/jquery-2.1.1.min.js}"></script> <script th:src="@{/js/main.js}">

springboot+mybatisplus+thymeleaf 查询班级表，展示

最新发布

05-01

可以按照以下步骤来实现： 1. 配置MyBatis Plus和Thymeleaf依赖，并配置数据源。 2. 创建班级表的实体类，例如ClassEntity，使用MyBatis Plus的注解来映射数据库表。 3. 创建班级表的Mapper接口，例如ClassMapper，继承MyBatis Plus的BaseMapper接口，并定义需要的查询方法。 4. 在Controller中注入ClassMapper，调用查询方法获取班级列表，并将结果存入Model中。 5. 在Thymeleaf模板中使用th:each指令遍历班级列表，并展示班级名称等信息。下面是示例代码： 1. pom.xml依赖配置： ```xml <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3.4.3.1</version> </dependency>  <dependency> <groupId>com.alibaba</groupId> <artifactId>druid-spring-boot-starter</artifactId> <version>1.1.21</version> </dependency> </dependencies> ``` 2. ClassEntity实体类定义： ```java @Data @TableName("class") // 表名 public class ClassEntity { @TableId(type = IdType.AUTO) private Long id; private String name; private Integer studentCount; } ``` 3. ClassMapper接口定义： ```java public interface ClassMapper extends BaseMapper<ClassEntity> { List<ClassEntity> getClassList(); } ``` 4. Controller中调用查询方法： ```java @Controller public class ClassController { @Autowired private ClassMapper classMapper; @GetMapping("/classList") public String getClassList(Model model) { List<ClassEntity> classList = classMapper.getClassList(); model.addAttribute("classList", classList); return "classList"; } } ``` 5. Thymeleaf模板代码： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>班级列表</title> </head> <body> <h1>班级列表</h1> <table> <thead> <tr> <th>班级名称</th> <th>学生人数</th> </tr> </thead> <tbody> <tr th:each="class : ${classList}"> <td th:text="${class.name}"></td> <td th:text="${class.studentCount}"></td> </tr> </tbody> </table> </body> </html> ``` 以上示例代码演示了如何使用Spring Boot、MyBatis Plus和Thymeleaf实现查询班级表并展示的功能，你可以根据自己的需求进行修改和扩展。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交