Thymeleaf中使用forEach实现代码遍历输出方法探讨.pdfVIP

参考资料

【1】‑wdqpmwhs‑bwo.html《jsp–JavaScript中的Thymeleaf

forEach循环》这篇看起来是在讲js自身的循环的解决，好像。【2】

《Thymeleaf前后端传值页面取值与js取值》

但这篇中没有讲循环的处理写法。

示例

发现可以用双方括号法解决[[@{变量名}]]

循环示例

这是一个具有循环的例子，网上常常没有

控制器方法代码@Controller@RequestMapping(/)public

classTestController{@RequestMapping(/test)public

Stringtest(Modelm){ListIntegerints=newArrayList

I

nteger();ints.add(3);ints.add(4);ints.add(5);ints.add(6);

ints.add(7);m.addAttribute(priceList,ints);returntest;}}

模板文件的js部分代码是

th:inline=javascript

var信息={

data:[

[#th:each=价格:${priceList}]

[[${price}]],

[/]

]

参考资料

【1】《jsp–JavaScript中的ThymeleafforEach循环》

这篇看起来是在讲js自身的循环的解决，好像。

【2】《Thymeleaf前后端传值页面取值与js取值》

但这篇中没有讲循环的处理写法。

示例

发现可以用双方括号法解决[[@{变量名}]]

循环示例

这是一个具有循环的例子，网上常常没有

⚫控制器方法代码

@Controller

@RequestMapping(/)

publicclassTestController{

@RequestMapping(/test)

publicStringtest(Modelm){

ListIntegerints=newArrayListInteger();

ints.add(3);

ints.add(4);

ints.add(5);

ints.add(6);

ints.add(7);

m.addAttribute(priceList,ints);

returntest;

}

}

模板文件的js部分代码是

scriptth:inline=javascript

varinfo={

data:[

[#th:each=price:${priceList}]

[[${price}]],

[/]

]

}

/

⚫输出的页面源代码是

script

varinfo={

data:[

3,