在thymeleaf模板中踩的坑-笔记

---

1.thymeleaf中回显表单数据-单选，下拉

话不多说，直接上代码
我在controller中使用model携带两个pojo对象，pojo的属性就不用看了。

public String updatePage(@PathVariable("id") Integer id, Model model) {
	...
	model.addAttribute("schools", schoolList);
	model.addAttribute("userInfo", userInfo);
	return "/user/person-show-update";
}

普通的数据回显就不用说了
input 使用 th:value=" ${userInfo.xxx} "
textarea，p，span等等这种标签使用 th:text=" ${userInfo.xxx} " 回显

<div class="form-group">
	<label for="phoneNum" class="col-sm-3 control-label">手机号码</label>
	<div class="col-sm-9">
		<input type="text" class="form-control" th:value="${userInfo.phoneNum}" id="phoneNum" placeholder="请输入您的手机号码...">
	</div>
</div>

1.1单选框

使用 th:checked=" ${userInfo.sex == 0} " 来对应值 如果是字符串的话，
使用 th:checked=" ${userInfo.sex eq xxx} " 来匹配。

<div class="form-group">
	<label class="col-sm-3 control-label">性别</label>
	<div class="col-sm-offset-1 col-sm-8">
		<input id="male" name="sex" type="radio" value="0" checked="checked" th:checked="${userInfo.sex == 0}" />
		<label style="margin-right: 11em;" for="male">男</label>
	
		<input id="female" name="sex" type="radio" value="1" th:checked="${userInfo.sex == 1}" />
		<label for="female">女</label>
	</div>
</div>

1.2下拉列表

最重要是使用 th:field="*{userInfo.schoolid}" 来匹配。

<div class="form-group">
	<label for="schoolId" class="col-sm-3 control-label">学校</label>
	<div class="col-sm-9">
		<select id="schoolId" name="schoolId" class="form-control" th:field="*{userInfo.schoolid}">
			<option value="0">请选择您的学校...</option>
			<option th:each="school : ${schools}" th:value="${school.id}" th:text="${school.schoolName}"></option>
		</select>
	</div>
</div>

2.thymeleaf 如果出现一次请求访问多次后台

如果有这种问题，可能是在前端有一些url() 导致多次访问后台，我这里是因为

<!--webfont-->
<link href='#css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>

访问了字体，导致每次的url 都会再访问一次加上后缀 + (#css?family=Lato:100,300,400,700,900)
如果是别的比如在style.css 中存在，background = url(…)，可以使用thymeleaf中的 @{/…} 来访问。

3.thymeleaf 中静态资源不显示

如果你这么写，th:href = "@{images/xxx.jpg}"

当你在后端使用转发时，(使用重定向没有问题)，会携带你的前缀，比如说是你在controller中定义的@RequestMapping("/user")，在本地访问时，会变成 href=“https://localhost:8080/user/images/xxx.jpg” 导致你访问不到你的静态资源，所以要这么写：
th:href = “@{/images/xxx.jpg}” ，在前面加上斜杠就不会有问题

如果出现其他问题，我没有提到的，可以留言。