在JavaScript中使用Thymeleaf框架的语法获取后台数据

一、在springboot项目中,我们常结合thymeleaf模板来开发项目,在HTML标签中输出的语法不做过多介绍,网上一堆一堆的,那么怎么在js中获取到后台通过Model传递过来的数据呢,语法很简单,如以下代码:

/*questionInfo是通过后台传递过来的*/
var answerList = [[${questionInfo.answers}]]

这样我们就能在js中获取到后台传递过来的数据加以使用了,另外,记一下我常用的一些其他常用语法

二、格式化日期


三、获取多级对象值的时候报错,通过加判断后输出来解决,代码如下,注意代码中的“?”

四、在thymeleaf中分离页面公共部分,如导航栏分离,公共css、js的抽取等

先抽取标签的公共部分,代码如下,需要主页,使用thymeleaf语法的页面都需要在标签的属性中引入网址“http://www.thymeleaf.org”,如以下代码第二行





    
    这里是标题
    
    
    

    
    
    
    

    
    
    
    

分离导航栏代码,就把导航栏代码复制出来,单独写一个页面,在外层添加一个html标签,如下



    
    

分离footer公共底部代码如下





最后,在页面中引入抽取的公共代码





    解答详情-答题吧
    
    




 

你可能感兴趣的:(经验分享,技术交流)