网页的表头表示(图片)
图片以favicon.ico
的形式命名,并放在resources
下面的resources
根目录
1.导入相关依赖
代码语言:javascript复制<!--thymeleaf模板引擎-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
2. 在html头部添加提示语句
代码语言:javascript复制<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
基本标签语法
代码语言:javascript复制<!--th:utext 和 th:text区别 前者不转译特殊字符 后者转译特殊字符-->
<div th:utext="${div}"></div>
<div th:text="${div}"></div>
<input type="text" size="32" th:value="${name}">
<!--th:each 遍历列表,常用,优先级很高,仅此于代码块的插入-->
<!--th:each 修饰在div上,则div层重复出现,若只想p标签遍历,则修饰在p标签上-->
<div th:each="message : ${list}"> <!-- 遍历整个div-p,不推荐-->
<p th:text="${message}" />
</div>
<hr>
<div> <!--只遍历p,推荐使用-->
<p th:text="${message}" th:each="message : ${list}" />
</div>
<!--th:object 声明变量,和*{} 一起使用-->
<div th:object="${bean}">
<p>ID: <span th:text="*{name}" /></p><!--th:text="${thObject.id}"-->
<p>TH: <span th:text="*{age}" /></p><!--${thObject.thName}-->
<p>DE: <span th:text="*{tal}" /></p><!--${thObject.desc}-->
</div>
后台中传赋值如下
代码语言:javascript复制@RequestMapping("/success")
public String Refer (Map<String,Object> maps){
List<String> arr = new ArrayList<String>();
Person person = new Person();
person.setAge(15);
person.setName("jack");
person.setTal("180cm");
arr.add("zhangsan");
arr.add("lisi");
maps.put("name","zhangsan");
maps.put("type","doller");
maps.put("div","<h2>hello this is a test title</h2>");
maps.put("list",arr);
maps.put("thIf","isNotEmpty");
maps.put("bean",person);
return "success";
}
单选框 和下拉选
代码语言:javascript复制<-- 单选框 -->
<div class="form-group">
<label>Gender</label><br/>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="gender" value="1" th:checked="${emp!=null}?${emp.gender==1}">
<label class="form-check-label">男</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="gender" value="0" th:checked="${emp!=null}?${emp.gender==0}">
<label class="form-check-label">女</label>
</div>
</div>
<-- 下拉选 -->
<div class="form-group">
<label>department</label>
<!--提交的是部门的id-->
<select class="form-control" name="department.id">
<option th:selected="${emp!=null}?${dept.id == emp.department.id}" th:value="${dept.id}" th:each="dept:${depts}" th:text="${dept.departmentName}">1</option>
</select>
</div>