TYPO3 常用 fluid 标签及相关操作总结(一)

原文链接:https://www.whongbin.cn/index/article/detail/id/41.html

  • f:base

示例:

<f:base />

输出:

<base href="http://example.com/"></base>

  • f:cObject

示例:

<f:cObject typoscriptObjectPath="lib.calc" data="45 + 34 * 2" />

配置:

lib.calc = TEXT
    lib.calc {
      current = 1
      prioriCalc = 1
    }

输出:
158
注意:Typo3中 prioriCalc忽略了\的优先级,所以真实计算公式是(45 + 34)\ 2。


  • f:count

示例:

<f:count subject="{myarray}" />
<f:if condition="{myarray -> f:count()} > 3">
    myarray数量与3比较
</f:if>

输出:整数


  • f:debug

示例:

<f:debug title="打印输出变量MyArray">{myarray}</f:debug>
<f:debug title="打印输出所有变量">{_all}</f:debug>

输出:输出对象或数组并打印在页面上


  • f:for

示例:

<ul>
    <f:for each="{shoppinglist}" as="food" key="number" iteration="itemIteration">
      <li class="item{f:if(condition: itemIteration.isFirst, then: ''first-child'')}">{number}: {food}</li>
    </f:for>
</ul>

输出:

</ul>
    <li class="item first-child">4: apples</li>
    <li class="item">3: choclate</li>
    <li class="item">25: beer</li>
    <li class="item">10: frozen pizza</li>
</ul>

可使用的迭代值:

itemIteration.index (0索引)
itemIteration.cycle (同上,但是从1开始)(1索引)
itemIteration.total (循环项总数)
itemIteration.isFirst (第一项存在为真)
itemIteration.isLast (最后一项存在为真)
itemIteration.isOdd (奇循环 cycles 1,3,5,...)
itemIteration.isEven (偶循环 cycles 2,4,6,...)

  • f:form

示例:

<f:form action="...">...</f:form>
<f:form action="..." controller="..." package="..." enctype="multipart/form-data"> ... </f:form>

输出:输出HTML表单。数据是通过POST请求提交的(可以通过设置method=''get''来更改)。表单内容请看下一篇文章 使用强大的fluid标签生成表单内容


  • f:if, f:then, f:else

示例1-判断存在:

<f:if condition="{myvar}">
    不是空字符串也不是0
</f:if>
<f:if condition="{myvar}">
    <f:then>不是空字符串也不是0</f:then>
    <f:else>空字符串或0</f:else>
</f:if>
<section class="{f:if(condition: record.show, then: ''visible-record'', else: ''hide'')}">

示例2-比较运算:

<f:if condition="{myvar} == ''foobar''">
    变量等于字符串‘foobar’可见
</f:if>
{f:if(condition:''{variable}==\\''foo\\'''', then:''Hello'')}
{f:if(condition:''{variable}=="foo"'', then:''Hello'')}
<f:if condition="{rank} > 100">
   如果变量值大于100时显示为真
</f:if>
<f:if condition="{rank} % 2">
    如果变量对2取余不等于0时显示为真
</f:if>
<f:if condition="{rank} == {k:bar()}">
    如果变量值等于ViewHelper函数{k:bar()}的返回值时显示为真 ViewHelper "k:bar"
</f:if>
{f:if(condition:''{number}==1'', then:''Hello'')}
<f:if condition="{enable} == 1">真</f:if>
<f:if condition="{enable} == 0">假</f:if>
{f:if(condition: enable, then: ''真'')}
{f:if(condition: ''{enable}==0'', then: ''假'')}
配合ViewHelper使用
<f:if condition="<f:count subject=''{post.comments}'' /> > 0">
    <f:then>为真</f:then>
    <f:else>为假</f:else>
</f:if>
多条件判断
<f:if condition="({variableOne} && {variableTwo}) || {variableThree} || {variableFour}">
    如果变量1和2为真,或者3,4,5变量为真即为真
</f:if>

输出:做为判断使用,可返回变量,也可以返回固定值


  • f:switch

示例:

<f:switch expression="{person.gender}">
   <f:case value="1">{person.lastName}1</f:case>
   <f:case value="2">{person.lastName}2</f:case>
   <f:case value="3">{person.lastName}3</f:case>
   <f:defaultCase>默认</f:defaultCase>
</f:switch>

输出:对应条件的值


  • f:image

示例:

<f:image src="uploads/pics/myImage.png" width="200" height="150" alt="My Image" />
<f:image src="{f:uri.resource(path:''Images/myImage.png'')}" width="200" height="150" alt="My Image" />

输出:

<img src="http://www.examlpe.com/Images/myImage.png" width="200" height="150" alt="My Image" />

再说一句

以上都说了下typo3中常用的一些fluid标签,下片文章中我会再说一下form表单有关的和a标签有关的fluid标签.'

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 早晨,空气清新,鸟语花香,走在上学的小路上,心旷神怡,心情愉悦。伴随着轻快的步伐,新的一天又开始了。
    梓誠阅读 185评论 0赞 0
  • 比赛以刑事案件,双方公诉方和辩诉方同学提出了不同的观点,展开了激烈的辩论,使审判长根据法律依据做出了正确的...
    那些年在一起的日子阅读 427评论 2赞 4
  • 未至盛夏却陡然烦闷,心情偶尔还是会给我来一下反擒拿,受制于厮更是烦闷。 权衡,好吧,我承认,是这个词。 很多时候我...
    Tina老北阅读 358评论 0赞 2
  • 如果生命只是某个没有出口的循环,一个圆形的闭合迷宫,错综复杂的折叠仅只是圆环中打不开的死结;如果日复一日年复一年是...
    LynneGong阅读 400评论 0赞 1

友情链接更多精彩内容