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