您的位置：首页 > 编程语言 > Java开发

springBoot整合thymeleaf

2017-12-26 10:31 375 查看

pom.文件

<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

<dependency>

<groupId>net.sourceforge.nekohtml</groupId>

<artifactId>nekohtml</artifactId>

<version>1.9.21</version>

</dependency>

配置文件

spring.thymeleaf.mode=LEGACYHTML5

spring.thymeleaf.encoding=UTF-8

spring.thymeleaf.content-type=text/html

#\u5F00\u53D1\u65F6\u5173\u95ED\u7F13\u5B58,\u4E0D\u7136\u6CA1\u6CD5\u770B\u5230\u5B9E\u65F6\u9875\u9762

spring.thymeleaf.cache=false

<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org" >

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>



<script th:src="@{/js/jquery-3.0.0.min.js}"></script>

<style>

table tr th,

table tr td {

width: 100px;

}

</style>

</head>

<body>

<div>

<table border="1">

<thead id="tr">

</thead>

<tbody id="body">

</tbody>

</table>

<script type="text/javascript">

$.ajax({

url: "http://localhost:8080/sbsys/testdao",

type:"get",

dataType:'json',

success:function (data) {

console.log(data);

console.log(data.columns);

//循环表头的标题

var str="<tr>" +

"<td>"+data.columns[1]+"</td>" +

"<td>"+data.columns[2]+"</td>" +

"<td>"+data.columns[0]+"</td>" +

"<td>"+data.columns[4]+"</td>" +

"<td>"+data.columns[3]+"</td>" +

"<td>"+data.columns[5]+"</td>" +

"</tr>";



$("#tr").html(str);

//循环表的内容

console.log(data.rows);

var table="";

for(var j=0;j<data.rows.length;j++)

{

table+="<tr>" +

"<td>"+data.rows[j].id+"</td>" +

"<td>"+data.rows[j].keyword+"</td>" +

"<td>"+data.rows[j].cid+"</td>" +

"<td>"+data.rows[j].parentA_cid+"</td>" +

"<td>"+data.rows[j].parentA_Name+"</td>" +

"<td>"+data.rows[j].parentB_Name+"</td>" +

"</tr>";

}

$("#body").html(table);

},

error:function (data) {

console.log(data);

}

})







</script>





</div>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航