thymeleaf 动态列id 展示 总结;thymeleaf列ID自增,动态设置ID,表格操作总结;

持续更新贴·················

分享一个项目用到的例子:

一共用到了if、unless、text、id、onclick等属性,相当于是个入门级别的

关于表格自增ID,耽搁了很长时间,在这里用了thymeleaf的th:id标签,

要使用id属性,在each中一定要声明两个参数,

在后面引用的时候text属性展示内容,id后面设置自增(注意语法),

其实这个里面我没有取到index,也就是indexInc.index是0,但是既然自增,初始值是多少暂时忽略了;

我在这里设置触发事件的时候用了th:onclick,语法很奇怪,参数传了自增之后的index,因为id是拼起来的,在后台获取的时候,也拼一下ID就可以取到对应属性值;

但是不知道用thymeleaf 怎么给值为空的表格设置默认值,就是那种字体灰色的提示语,点击编辑之后提示语自动消失,

再探索一下;

实际代码:

 

没有数据

 
    
    
    
    
    
    
    
    
    
    
        提交  
        删除
    

 

下面这个收集的资料自己留用,未经验证:

一、引用命名空间  

        在html中引入此命名空间,可避免编辑器出现html验证错误,虽然加不加命名空间对Thymeleaf的功能没有任何影响。

二、输出内容

        2.1 

Welcome to our grocery store!



        说明:

                 1. th:text  用来将内容输出到所在标签的body中。

                 2. #{home.welcome} 用来引入数据home对象中的 welcome属性。

                 3. 可以用th:utext 用来显示“unescaped ” 的html内容。

        2.2   

Today is: 13 February 2011



        说明:${today} 用来引用 today 变量

三、访问对象      

       ${param.x} 返回名为x 的 request参数。(可能有多个值)

       ${session.x} 返回名为x的Session参数。

       ${application.x} 返回名为 servlet context 的参数。

四、基本语法

       4.1  #{home.welcome} --  访问数据

       4.2  #{home.welcome(${session.user.name})}  -- 格式化数据 当 home.welcome 为 "abcdegf{0}"  类似这种内容时。(多个参数以逗句分隔)。

       4.3  ${today} --- 访问变量

       4.4  访问基本对象

#ctx: the context object.
#vars: the context variables.
#locale: the context locale.
#request: (only in Web Contexts) the HttpServletRequest object.
#response: (only in Web Contexts) the HttpServletResponse object.
#session: (only in Web Contexts) the HttpSession object.
#servletContext: (only in Web Contexts) the ServletContext object.
其它公共对象参考: http://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#appendix-a-expression-basic-objects

        4.5 日期的输出

        13 May 2011

        4.6  星号语法


Name: Sebastian.


Surname: Pepper.


Nationality: Saturn.




4.7  输出URL

       Product List
       view

       4.8  使用代码段

       
...


       4.9  直接输出内容   

-- 输出字符
  -- 输出数据表达式
  --输出布尔表达式
-- 带变量的


4.10 条件表达式



...  



...省略 false 结果的表达方式



...省略 true 结果的表达方式

Age: 27.



no user authenticated --不做任何处理时用下划线 _ 表示

4.11  格式化 

       ... --${{.}}  调用默认的格式化器来输出结果。

       4.12  预处理

       

Some text here...

  
       说明:thymeleaf 的处理模板内容的顺序与书写顺序无关,只能通过  __${expression}__ ,来将需要先一步计算出来后面          要用的变量指定为优化处理。

 五、设置 Attribute 值

       5.1 设置任何Attribute 的方法

          --设置单个
         --一次设置多个

        5.2 设置一些内置的Attribute的方法   

       
  • Product List

  •        

           
            -- 一次设置多个(alt title)的方法
           其它的可用属性:http://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#setting-value-to-specific-attributes
            5.3 设置html里没有指的任何属性的语法
            ...   ---whatever 可以换成任何你想设的属性

    六、循环输出的语法
           6.1 基本循环

         Onions
         2.41
         yes

    6.2 循环状态的使用











    NAME PRICE IN STOCK
    Onions 2.41 yes

           关于状态的其它信息的使用详细参考:http://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#keeping-iteration-status
    七、条件判断
           7.1 if 和 unless
           view
           view
     

           7.2 switch 语句

     


    User is an administrator


    User is a manager


    User is some other thing

        --默认的 case 相当于default

    八、模板 include
          8.1 定义和引用代码块
          定义代码块




    © 2011 The Good Thymes Virtual Grocery



    引用代码块

    ...


    引用未用fragment 标注的代码块 

    © 2011 The Good Thymes Virtual Grocery


    ...


    8.2 th:insert th:replace th:include 之间的区别
    th:insert  --- 插入代码块    th:replace -- 替换代码块会替换掉容器标签   th:include ---- 和insert相似但只会插入fragment标注body内的内容。
    8.3  带参数的代码段

    ...



         
    ...

         
    ...

    九、局部变量的使用示例


    The name of the first person is Julius Caesar.






    The name of the first person is Julius Caesar.



    But the name of the second person is 
    Marcus Antonius.



    十、注释
              
    十一、说明
            以上只列出Thymeleaf了简要常用的语法和使用方式,更多详情的说明和规则请参见:http://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#introducing-thymeleaf

     

    还有:https://www.cnblogs.com/zjfjava/p/6893607.html?utm_source=itdadao&utm_medium=referral

    https://www.cnblogs.com/topwill/p/7434955.html

    http://www.cnblogs.com/hjwublog/p/5051632.html

    https://www.cnblogs.com/hjwublog/p/5051732.html#autoid-4-0-0

     

    你可能感兴趣的:(Thymeleaf)