thymeleaf form ajax,Thymeleaf语法，使用范例

url传参数:

th:href="@{/gaara(pid=1,id=${person.id})}"

这里需要注意，在模板转化的时候会将这个 () 自动转换成一个？ 类似 xxx?xxx=ssss

onclick传参数 必须按着这个写

获得名字

post+form写法：

@RequestMapping("/test")

public String messages(User user) {

...

return "redirect:/post/path"; //跳转到path所在controller处理

}

//filed 见下方

传值给js

model.addAttribute("message", "hello");

return "index";

}

var message = [[${message}]];

// 这里有个很强大的功能 [[${message}]] 可以直接放在任何地方充当字符

var message = “[[${message}]]”;

console.log(message);

th:inline="javascript">

当这样写时，[[${message}]]会自动带上双引号，如果不写，则写啥时啥，

比如：

"openId":"[[${openId}]]"

"openId":[[${openId}]]

操作对象：

User user = UserDao.getUser();

//或者

时间对象：

Date mytime = new Date();

循环集合对象：

List users = new ArrayList<>();

//以user为基本单元

复杂循环：

主yml:

Spring.messages.basename=roles

Spring.messages.cache-seconds=3600

Spring.messages.encoding=UTF-8

roles.properties文件:

roles.manage=b

roles.superadmin=c

这是A

这是manage

这是admin

这是其他

普通文本和富文本:

user.set("ha","hahahahahahahaha");

网址写法：

引入js css：

在resource目录下的static文件夹里

filed：

等同于

判断：

18

18+

18-

18+=

18-+

只显示符合条件的

复杂判断选项的时候可以用循环判断：

SORRY

403

402

404

Unfortunately, you do not have permission to access this page.

选择框：

sss

sss

会默认为sss

Ajax的写法 :

/*

function ajaxSubmit(){

var songName = $("#songName").val();

var singer = $("#singer").val();

$.ajax({

url: [[@{/song/gaara}]],

type: 'post',

dataType: 'json',

contentType: 'application/json',

data: JSON.stringify({songName : songName,singer : singer}),

async: true,

success: function(data){

if(data != null){

alert('flag : ' + data.flag + " , hintMessage : " + data.hintMessage);

}

}

});

}

/*]]>*/

​

js使用对象：

// Morris donut chart

Morris.Donut({

element: 'browser-usage',

data: [

{label: "used", value: [[${free.used}]]},

{label: "free", value: [[${free.free}]]},

{label: "shared", value: [[${free.shared}]]},

{label: "cache", value: [[${free.cache}]]},

{label: "availabl", value: [[${free.availabl}]]},

],

colors: ['#00a3d8', '#2fbbe8', '#72cae7', '#d9544f', '#ffc100']

});

​