在模板中使用數(shù)學算術計算 整數(shù)和復數(shù)表達式 integers and complex expressions {{ 10-100 }} {{ -(10-100) }} {{ -(-(10-100)) }} {{ -1 * (-(-(10-100))) }} {{ -1 * (-(-(10-100)) ^ 2) ^ 3 + 3 * (5 - 17) + 1 + 2 }} 浮點數(shù)
這個需求很多時候會用到，比如在if-elseif 中 或者是for循環(huán) 中，它會連if-else 標簽部分的行的空行也輸出。如果想清理這一行空行，可以在標簽里面的前方或后方使用- 來實現(xiàn)過濾。 示例代碼 {%- if false %} 1st choice {%- elif false %} 2nd choice {%- elif true %} 3rd choice {%-
for 遍歷數(shù)組、slice等對象。 for 用于循環(huán)訪問數(shù)組中的每個項目，從而使該項目在上下文變量中可用。 示例代碼 例如，要顯示archiveList 中提供的文檔列表： {% for item in archives %} <li class="item"> <a href="/archive/{{item.Id}}"
模板中，支持直接對時間戳進行格式化成指定的格式化輸出。標簽關鍵詞：stampToDate 。 使用方法：{{stampToDate(時間戳, "格式")}}。時間戳為10位的時間，如 1609470335 ，格式為Golang支持的格式。 示例代碼 {% set publishStamp = 1609470335 %} {# 格式化 為 2021年06月30日 #} <div>
iris.Django 模板引擎的模板解析器提供了可以在模板中聲明變量并使用的方法with 。通過with 我們可以臨時聲明單個或多個變量，提供后續(xù)使用。多數(shù)情況下，我們會將它配合include標簽使用。 示例代碼 {% with title=這是聲明給header使用的title keywords=這是聲明給header使用的keywords %} %}標題：{{title}}，關鍵詞
輸出變量的時候，還支持使用過濾器，來對數(shù)據(jù)進行初級過濾，格式是： {{obj|filter__name:param}} 比如一個變量，當它有值的時候，就輸出當前值，沒有值的時候，就輸出默認值：使用default 設置默認值： {{ userName|default:大俠匿名}} default只要是空都會認為沒有。我們還可以使用default_if_none 來進行處理 {{
說明：用于獲取友情鏈接列表 使用方法：{% linkList 變量名稱 %} 如將變量定義為 friendLinks {% linkList friendLinks %}...{% endlinkList %} linkList 支持的參數(shù)有 站點ID siteId siteId 一般不需要填寫，如果你使用后臺的多站點管理創(chuàng)建了多個站點，并且想調(diào)用其他站點的數(shù)據(jù)，則可以通過指定 siteId
文檔參數(shù)篩選僅可用著文檔首頁或文檔分類的模板上，結合文檔分頁列表使用。 說明：用于做根據(jù)文檔各項參數(shù)進行列表組合篩選的篩選條件，如做房產(chǎn)網(wǎng)站的時候，可以根據(jù)房屋類型為住宅、商鋪、商住兩用 篩選，同時可以附加根據(jù)房屋大小為單間、一室一廳、兩室兩廳、三室兩廳等篩選，這種情況下就可以用到文檔參數(shù)篩選功能。 使用方法：{% archiveFilters 變量名 with allText="
說明：用于獲取指定文檔的后臺設置的參數(shù) 使用方法：{% archiveParams 變量名稱 with id="1" sorted=true %} 如將變量定義為 params {% archiveParams params with id="1" sorted=true %}...{% endarchiveParams %} 使用方法：{%
說明：用于獲取文章列表、產(chǎn)品列表的分頁信息 使用方法：{% pagination 變量名稱 with show=5 %} 如將變量定義為 pages {% pagination pages with show=5 %}...{% endpagination %} pagination 支持 一個參數(shù): 顯示頁碼數(shù)量 show 可以設置如果指定數(shù)量頁碼的時候，最多顯示多少頁碼。如
一些常用會用到的內(nèi)置標簽。 模板的嵌套引用 include 往往制作模板的時候，我們會將一些公共部分，比如header、footer、aside等部分，抽離出來獨立存放，不需要在每一個頁面都重復編寫，只需要在每一個頁面引入它們即可。這個時候，我們可以使用include標簽。 {% include partial/header.html %} {% include
說明：獲取當前文檔的相關文檔。相關文檔的邏輯是：根據(jù)當前文檔的文檔id，獲取同分類的臨近文檔。因此該標簽只能在文檔詳情頁使用。 使用方法：{% archiveList 變量名稱 with type=related limit=10 %} 如將變量定義為 archives {% archiveList archives with type=related limit=10 %}.
360/頭條等JS自動提交 的JS代碼調(diào)用標簽： {{- pluginJsCode|safe }}
說明：用于獲取文檔的Tag詳情數(shù)據(jù) 使用方法：{% tagDetail with name=變量名稱 id=1 %} 變量名稱不是必須的，設置了變量名稱后，后續(xù)可以通過變量名稱來調(diào)用，而不設置變量名稱，則是直接輸出結果。 tagDetail 支持的參數(shù)有： TagID id 。id 不是必須的，默認會獲取當前Tag的ID。如果需要指定Tag，可以通過設置id來達到目的。
說明：用于獲取下一篇文檔數(shù)據(jù) 使用方法：{% nextArchive 變量名稱 %} 如將變量定義為 next {% nextArchive next %}...{% endnextArchive %} nextArchive 不支持參數(shù)。 nextArchive 支持的字段有： 文檔ID Id 文檔標題 Title 文檔鏈接 Link 文檔關鍵詞 Keywords 文檔描述
說明：用于獲取上一篇文檔數(shù)據(jù) 使用方法：{% prevArchive 變量名稱 %} 如將變量定義為 prev {% prevArchive prev %}...{% endprevArchive %} prevArchive 不支持參數(shù)。 prevArchive 支持的字段有： 文檔ID Id 文檔標題 Title 文檔鏈接 Link 文檔關鍵詞 Keywords 文檔描述
說明：用于獲取面包屑導航列表 使用方法：{% breadcrumb 變量名稱 with index=首頁 title=true %} 如將變量定義為 crumbs {% breadcrumb crumbs with index=首頁 title=true %}...{% endbreadcrumb %} 。 breadcrumb 支持3個參數(shù)： 是否顯示標題 title title
說明：用于獲取后臺設置的留言表單 使用方法：{% guestbook 變量名稱 %} 如將變量定義為fields {% guestbook fields %}...{% endguestbook %} guestbook 支持的參數(shù)有 站點ID siteId siteId 一般不需要填寫，如果你使用后臺的多站點管理創(chuàng)建了多個站點，并且想調(diào)用其他站點的數(shù)據(jù)，則可以通過指定 siteId
說明：用于獲取文檔的評論列表、評論分頁列表 使用方法：{% commentList 變量名稱 with archiveId="1" type="page|list" %} 如將變量定義為 comments {% commentList comments with archiveId="1" type="page"
說明：用于獲取單頁詳情數(shù)據(jù) 使用方法：{% pageDetail 變量名稱 with name="字段名稱" id="1" %} 變量名稱不是必須的，設置了變量名稱后，后續(xù)可以通過變量名稱來調(diào)用，而不設置變量名稱，則是直接輸出結果。 pageDetail 支持的參數(shù)有： 單頁ID id 。 id 不是必須的，默認會獲取當前單頁。如果需要指定單頁
說明：用于獲取單頁列表 使用方法：{% pageList 變量名稱 %} 如將變量定義為 pages {% pageList pages %}...{% endpageList %} pageList 支持的參數(shù) 站點ID siteId siteId 一般不需要填寫，如果你使用后臺的多站點管理創(chuàng)建了多個站點，并且想調(diào)用其他站點的數(shù)據(jù)，則可以通過指定 siteId 來實現(xiàn)調(diào)用指定站點的數(shù)據(jù)。
說明：用于獲取指定Tag的文檔列表 使用方法：{% tagDataList 變量名稱 with tagId=1 %} 如將變量定義為 archives {% tagDataList archives with tagId=1 %}...{% endtagDataList %} tagDataList 支持的參數(shù)有： TagID tagId tagId 可以獲取指定Tag的文檔列表如
說明：當我們跟文檔打上各種tag后，我們就可以用文檔Tag列表標簽來調(diào)用這些Tag。 使用方法：{% tagList 變量名 with limit="10" %} 如將變量定義為 tags {% tagList tags with limit="10" %}...{% endtagList %} tagList 支持的參數(shù)有： 文檔ID itemId
說明：用于獲取文檔詳情數(shù)據(jù) 使用方法：{% archiveDetail with name=變量名稱 id=1 %} 變量名稱不是必須的，設置了變量名稱后，后續(xù)可以通過變量名稱來調(diào)用，而不設置變量名稱，則是直接輸出結果。 archiveDetail 支持的參數(shù)有： 文檔ID id id 不是必須的，默認會獲取當前文檔。如果需要指定文檔，可以通過設置id來達到目的。 文檔URL別名
說明：用于獲取文檔常規(guī)列表、相關文檔列表、文檔分頁列表 使用方法：{% archiveList 變量名稱 with categoryId="1" order="id desc|views desc" type="page|list" q="搜索關鍵詞" %} 如將變量定義為 archives {%
說明：用于獲取文檔的分類詳情 使用方法：{% categoryDetail with name=變量名稱 id=1 %} 變量名稱不是必須的，設置了變量名稱后，后續(xù)可以通過變量名稱來調(diào)用，而不設置變量名稱，則是直接輸出結果。 categoryDetail 支持的參數(shù)有： 分類ID id id 不是必須的，默認會獲取當前分類。如果需要指定分類，可以通過設置id來達到目的。
說明：用于獲取文章、產(chǎn)品分類列表 使用方法：{% categoryList 變量名稱 with moduleId=1|2|3 parentId=0 %} 如將變量定義為 categories {% categoryList categories with moduleId=1 parentId=0 %}...{% endcategoryList %} categoryList
說明：用于獲取頁面導航列表 使用方法： {% navList 變量名稱 %} 如將變量定義為navs {% navList navs %}...{% endnavList %} ，也可以定義為其他變量名稱，定義后，需要與下面的for循環(huán)使用的變量名稱一致。 navList 支持的參數(shù)有 導航列表ID typeId typeId 為后臺的導航類別ID，默認 typeId=1
說明：用于獲取頁面的title、keywords、description信息 使用方法：{% tdk 變量名稱 with name=字段名稱 %} ，變量名稱不是必須的，設置了變量名稱后，后續(xù)可以通過變量名稱來調(diào)用，而不設置變量名稱，則是直接輸出結果。 tdk 支持的參數(shù) 是否顯示網(wǎng)站名稱 siteName siteName 默認值 siteName=false ，只有在
說明：用于獲取后臺配置的聯(lián)系方式信息 使用方法：{% contact 變量名稱 with name=字段名稱 %} ，變量名稱不是必須的，設置了變量名稱后，后續(xù)可以通過變量名稱來調(diào)用，而不設置變量名稱，則是直接輸出結果。 contact 支持的參數(shù)有 站點ID siteId siteId 一般不需要填寫，如果你使用后臺的多站點管理創(chuàng)建了多個站點，并且想調(diào)用其他站點的數(shù)據(jù)，則可以通過指定
javascript在web中的作用
javascript的成熟分類
css性能優(yōu)化技巧有哪些？
css代碼規(guī)范有哪些？
CSS3 有哪些框架
CSS預處理器中的變量和函數(shù)有什么作用
css雪碧圖教程
css3多列布局例子
前端css實現(xiàn)雙飛翼布局的四種方法
css圣杯布局代碼
css彈性盒布局怎么改變上下間距？
css浮動布局有哪些類型？
css過渡效果怎么寫？
css盒模型有哪些屬性？
css動畫效果 位置移動代碼
css實現(xiàn)響應式布局原理
css布局的幾種方式
css樣式屬性大全
css選擇器有哪幾種？
網(wǎng)頁判斷小于8個字符居中顯示大于8個字符居左顯示
