thymeleaf的绑定click事件

最近在学习spring boot ,因为spring boot 的前端模板默认推荐thyme leaf,所以也开了一下
thyme leaf绑定button的onclick事件

<input type="button" th:onclick="'javascript:fungetone(\''+${con.uid}+'\');'" value = "修改" />
function fungetone(uid){
			$.post('/consumer/getone',{"uid":uid},function(data){
				。。。。。。。。
			
		}

关键在于onclick后面的拼接,注意单引号和双引号的区别!!!
2018-10-08国庆后第一天
另外一种简单的方法,使用 | 竖线 更为简洁!!!

<input type="button" th:onclick="|javascript:fungetone(${con.uid})|" value = "修改" />

| 竖线本来用于转换字符,意思就是

<span th:text="|Welcome to our application, ${user.name}!|">

相当于

<span th:text="'Welcome to our application, ' + ${user.name} + '!'">

上面两个span标签中的内容在网页编译后,是一样的!!!

Thymeleaf是一种新一代的Java模板引擎,它被广泛用于Spring框架的Web开发中。Thymeleaf可以帮助我们在后端传递数据并在前端进行展示。 使用Thymeleaf的步骤如下: 1. 在项目的依赖中添加Thymeleaf的相关依赖。 2. 在Spring配置文件中配置Thymeleaf的视图解析器。 3. 在前端页面中使用Thymeleaf的语法来进行数据绑定和展示。 Thymeleaf使用的语法相对简单,可以通过在标签上添加Thymeleaf的属性来实现不同的功能。例如,使用th:text属性可以将后端传递的数据显示在前端页面上。另外,Thymeleaf还提供了循环、条件判断、模板布局等功能,可以帮助我们更方便地处理前端页面的展示逻辑。 总的来说,Thymeleaf是一种功能强大、易于上手的Java模板引擎,它可以帮助我们在Spring框架中进行快速、灵活地开发Web应用程序。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [spring boot(四):thymeleaf使用详解](https://blog.csdn.net/weixin_33804990/article/details/86436209)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [史上最全Thymeleaf用法汇总,全是干货!](https://blog.csdn.net/weixin_50989469/article/details/118609294)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值