美文网首页
thymeleaf 踩坑之路(一) 数字(number) 算法坑

thymeleaf 踩坑之路(一) 数字(number) 算法坑

作者: yexue | 来源:发表于2018-03-12 07:18 被阅读4455次
项目地址:https://github.com/yexuebm/utils

thymeleaf 踩坑之路(一) 数字(number) 算法坑


涉及坑

  1. 除法,整数和浮点数
  2. 三元运算(?:)
  3. 循环(list->each)遍历
  4. 拼接,字符串拼接,url拼接
  5. 用下标取list的元素
  6. 字符串截取

源代码:出处/util-kotlin/src/main/resources/templates/upload.html

源代码相关 util-kotlin

<tr th:each="up,stat : ${list}">
    <td th:text="${up.version}">1.0</td>
    <td th:text="${up.code}">1</td>
    <td th:text="${up.type}">A</td>
    <td th:text="${up.minVersion}">1.0</td>
    <td th:text="${up.ismust}">Y</td>
    <td th:text="${up.crtTime}">-</td>
    <td th:text="${up.note}">更新说明</td>
    <td th:text="${list2[stat.index].fileSize}">-</td>
    <td th:text="${(up.fileSize/1024.0/1024.0)<1 ? #numbers.formatDecimal(up.fileSize/1024.0,0,2)+'KB' : #numbers.formatDecimal(up.fileSize/1024.0/1024.0,0,2)+'MB'}">-</td>
    <td th:text="${(up.fileUrl).substring((up.fileUrl).lastIndexOf('/')+1)}"></td>
    <td>
        <a th:href="|@{/file/download}?id=${up.id}|" target="_blank">下载</a>
    </td>
</tr>
  1. 遍历后端传回list,th:each="up,stat : ${list}" up list的item;stat 状态变量,有 index,count,size,current,even,odd,first,last等属性
  2. ${list2[stat.index].fileSize} 使用下标stat.index 获取item ${list2[stat.index]},整句意思是获取集合list2下标为stat.index 元素的fileSize属性
  3. th:text="${(up.fileSize/1024.0/1024.0)<1 ? #numbers.formatDecimal(up.fileSize/1024.0,0,2)+'KB' : #numbers.formatDecimal(up.fileSize/1024.0/1024.0,0,2)+'MB'}"
    最长的一句。先拆分解析${(xxx)<1?aaa:bbb},这是一个三元运算,表达式(xxx)是否小于1,是执行aaa;否执行bbb
  4. #numbers.formatDecimal(up.fileSize/1024.0,0,2)+'KB' 这是一个大坑up.fileSize/1024这是整数运算,计算结果为整数型;up.fileSize/1024.0 这是浮点数运算,计算结果为浮点型。
    #numbers.formatDecimal(123.456,0,2) 格式化数字123.456 保留小数点后2位。语法#numbers.formatDecimal(numbwe,整数位,小数位)

    注意:指定整数位不为0,表示位数不足用0补齐,例:#numbers.formatDecimal(3.456,2,2) 结果为03.45
  5. ${(up.fileUrl).substring((up.fileUrl).lastIndexOf('/')+1)} 截取up.fileUrl最后一个/之后的。例:D:/localwork/app/v_1.0_a.apk截取出来的是v_1.0_a.apk

相关文章

  • thymeleaf 踩坑之路(一) 数字(number) 算法坑

    项目地址:https://github.com/yexuebm/utils thymeleaf 踩坑之路(一) 数...

  • 算法踩坑6-二叉搜索树排序

    背景 接上面五篇文章算法踩坑-快速排序 算法踩坑2-插入排序 算法踩坑3-堆排序 算法踩坑4-冒泡排序 ...

  • 算法踩坑5-归并排序

    背景 接上面四篇文章算法踩坑-快速排序 算法踩坑2-插入排序 算法踩坑3-堆排序 算法踩坑4-冒泡排序 来...

  • 2020-12-15

    Number数据类型踩坑

  • 算法踩坑4-冒泡排序

    背景 接上面三篇文章算法踩坑-快速排序 算法踩坑2-插入排序 算法踩坑3-堆排序 来继续聊聊最近我写的一些算...

  • thymeleaf学习的坑

    thymeleaf学习的坑

  • 算法踩坑3-堆排序

    背景 接上面两篇文章算法踩坑-快速排序 算法踩坑2-插入排序 来继续聊聊最近我写的一些算法的小例程,这次要聊的...

  • 踩坑要趁早

    踩坑是一个好事,想要做成某些事有些坑是必经之路,踩过坑后通过反思学习,能力进步就会加快,有些父母总是怕吃不饱穿不暖...

  • 踩坑之路

    1,蓝牙搜索重点:android10以上搜索蓝牙需要开启定位 2,在 Android 6.0 中,我们取消了对 A...

  • JSON.parse() 数字

    在js中,JSON.parse('1')返回为1,类型为number。 原理未知,记录下,切勿踩坑。

网友评论

      本文标题:thymeleaf 踩坑之路(一) 数字(number) 算法坑

      本文链接:https://www.haomeiwen.com/subject/wipyfftx.html