摘要:最近在學習,官方目前只出了標簽的教程,但是比較散,在這里我把內容集中一下,方便查閱。官網二次開發之標簽教程標簽的設計原理,做為一個標簽設計,要做到以下幾點要足夠的簡單,盡量讓開發者寫最少的字符。
最近在學習tinyshop,官方目前只出了標簽的教程,但是比較散,在這里我把內容集中一下,方便查閱。
官網:http://tinyrise.com/
標簽的設計原理,做為一個標簽設計,要做到以下幾點:
1、 要足夠的簡單,盡量讓開發者寫最少的字符。
2、 標簽不影響前臺工作者,的html文件設計。
3、 解析后,應該更規范。
4、 方便、易用。
本著以上原則,標簽的設計如下格式:
{標簽名:[標簽屬性]}(注:變量輸出例外{$變量名}使用頻次更高,力求更簡單)
對于標簽的屬性的格式: 屬性名=屬性值
(注:屬性值不用””號包含,力求做到用戶最小輸入) 名屬性之間用空格,對于空格的個數不做要求
屬性值內的表達式的符號要求: 安標準EL表達式的規范:
符號 代替符號
= eq
!= ne
< lt
<= le
> gt
>= ge
舉例:
{query:name=book where= id eq 3}
{/query}
表示:查詢book表 id=3的記錄
了解了標簽的格式,下面我們說一個在程序開發中用到最多的輸出標簽。
輸出標簽{$變量名}與{echo:}
變量的輸出:{$變量名} 如:{$name}輸出變量$name。關于默認值的輸出:{$name|’張三’}如果變量不在在,則輸入為 默認值張三,默認值與變量之間用|分開。
變量與函數的輸出:{echo:}如:{echo:$name}輸出變量$name;{echo:show()}輸出函數show返回值.
判斷標簽{if:條件} {else:} {elseif:} 結束標簽{/if}
1、{if:判斷條件}{/if}簡單條件判斷
2、{if:判斷條件}{else:}{/if}
3、{if:判斷條件}{elseif:判斷條件}{/if}
{set:賦值}賦值標簽:
如:{set:$name=’test’} {set:$name=new Array()}
注:盡量不要做賦值外的功能,后期版本可能嚴格控制此標簽
{while:條件}{/while}條件循環標簽:
如:{while:$key<10}要循環的內容{/while}
{dump:內容}var_dump簡化標簽。
{url:[/|@|!|#|*]路徑}Url標簽,用于表示url與文件路徑引用,主要是實現路徑的處理,url對路徑偽靜態,普通方式,路由規則都會很好的自動處理。
1、{url:/index/test}表示index控制器/test動作路徑,表示絕對路徑。
2、{url:@static/css/main.css}表示根目錄下static文件夾/css文件夾/main.css文件,主要用來引用文件。
3、{url:#images/logo.png}表示引用當前主題下的images文件夾下的logo.png文件。
4、{url:*css/common.css}表示引用當前主題下的,當前皮膚下的css文件夾下的common.css文件。
5、{url:test/hello}表示當前url的相對路徑。
注:在url標簽中內如果用到數組則書寫方式為方括號內不寫引號如:$item[id]而不能寫成$item[‘id’]或$item[“id”]
{for:}標簽
標簽屬性:
item 所要循環的變量默認為$i
start 起始值 默認為0
upto 增加至 默認為10
downto 減少至 默認為10
step 跳躍數,默認為1
以上屬性均可設置成變量
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/31858.html
摘要:的基礎要方便使,最好先下個,這個是官方推薦的,很多東西都集成界面化操作的先從網上拿個開源項目做示范吧地址下載好后配置安裝命令安裝依賴這個項目其實已經集成了很多東西了就可以看 ...
摘要:微信小程序課程,面向所有具備前端基礎知識的同學官網訪問官網更快閱讀全部免費分享課程出品全網最新微信小程序基于最新版開發者工具之初中級培訓教程分享。 ?? 微信小程序課程,面向所有具備前端基礎知識的同學 ?? iKcamp官網:http://www.ikcamp.com 訪問官網更快閱讀全部免費分享課程:《iKcamp出品|全網最新|微信小程序|基于最新版1.0開發者工具之初中級培訓教...
摘要:微信小程序課程,面向所有具備前端基礎知識的同學官網訪問官網更快閱讀全部免費分享課程出品全網最新微信小程序基于最新版開發者工具之初中級培訓教程分享。 ?? 微信小程序課程,面向所有具備前端基礎知識的同學 ?? iKcamp官網:http://www.ikcamp.com 訪問官網更快閱讀全部免費分享課程:《iKcamp出品|全網最新|微信小程序|基于最新版1.0開發者工具之初中級培訓教...
摘要:微信小程序課程,面向所有具備前端基礎知識的同學官網訪問官網更快閱讀全部免費分享課程出品全網最新微信小程序基于最新版開發者工具之初中級培訓教程分享。 ?? 微信小程序課程,面向所有具備前端基礎知識的同學 ?? iKcamp官網:http://www.ikcamp.com 訪問官網更快閱讀全部免費分享課程:《iKcamp出品|全網最新|微信小程序|基于最新版1.0開發者工具之初中級培訓教...
閱讀 3650·2021-10-12 10:11
閱讀 1012·2021-09-22 15:42
閱讀 3464·2019-08-30 13:06
閱讀 906·2019-08-29 17:05
閱讀 1649·2019-08-29 12:21
閱讀 2377·2019-08-29 11:31
閱讀 1135·2019-08-23 18:37
閱讀 1256·2019-08-23 14:58