帝國cms靈動標籤使用 阿新 • • 發佈:2019-01-06 《帝國網站管理系統》一招鮮吃天遍天系列教程之 靈動標籤使用 點選進入論壇討論 - - -選擇本節內容- - - 1、製作顯示效果頁面 2、修改效果頁面加上e:loop呼叫標籤 >e:loop靈動標籤語法 >【例1】使用靈動標籤呼叫“國內新聞”欄目的最新3條資訊 ·第一步,確定需要用靈動標籤呼叫的資訊內容及其程式碼 ·第二步,將呼叫內容用靈動標籤表示 ::確定靈動標籤的引數 ::確定靈動標籤的模板程式碼 ::確定靈動標籤模板程式碼中的變數 >【例2】使用靈動標籤呼叫"新聞資料表"中,最新4條帶標題圖片的資訊 ·第一步,確定需要用靈動標籤呼叫的資訊內容及其程式碼 ·第二步,將呼叫內容用靈動標籤表示 ::確定靈動標籤的引數 ::確定靈動標籤的模板程式碼 ::確定靈動標籤模板程式碼中的變數 3、將已加上靈動標籤的HTML效果頁面程式碼複製到後臺更新 4、檢視生成後的頁面效果 相關連結 《帝國網站管理系統》英文名“EmpireCMS”,簡稱帝國CMS。 本教程適用於帝國CMS5.1以上版本。 面向使用者: 網站部署: ·EmpireCMS零基礎的使用者; ·網站欄目與資料:預設安裝,呼叫安裝時內建的初始資料。 ·會使用Dreamweaver設計簡單表格式模板的使用者; ·頁面呼叫:用靈動標籤呼叫各新聞欄目的資料。 ·能看懂基本HTML的使用者。 ·系統模型:使用內建的新聞系統模型。 準備工具:·Dreamweaver(網站模板製作工具) 例項效果圖: ▲top 網頁製作流程: 1、製作顯示效果頁面; 2、修改效果頁面加上e:loop呼叫標籤; 3、將已加上靈動標籤的HTML效果頁面程式碼複製到後臺更新; 4、檢視生成後的頁面效果。 1、製作顯示效果頁面 先用Dreamweaver做出網頁效果,如下為我們預先做的普通HTML頁面效果(圖1): 效果頁面HTML程式碼如下(HTML程式碼1): ▲top 2、修改效果頁面加上e:loop呼叫標籤: 我們來分析下上面做好的HTML網頁呼叫樣式,如下(圖2): 上圖我們分析了該網頁共有兩種呼叫樣式:文字呼叫樣式、圖片呼叫樣式: 文字呼叫樣式:一行一列,內容包括"標題"(標題長度擷取36個字元)、"標題連結"、"釋出日期"格式; 應用於國內、國際、娛樂、體育新聞4個欄目,每個欄目顯示最新3條資訊。 圖片呼叫樣式:一行一列,內容包括"標題"、"標題圖片"、"圖片連結"格式; 呼叫新聞資料表內所有欄目帶標題圖片的資訊,共顯示4條最新資訊。 因此我們需要為上述每個類別的文字(圖片)呼叫樣式中新增靈動標籤,呼叫並顯示該樣式。 ▲top e:loop靈動標籤語法:(詳細語法可以點選這裡檢視) [e:loop={欄目ID,顯示條數,操作型別,只顯示有標題圖片}] 模板程式碼內容 [/e:loop] 靈動標籤引數說明: "操作型別"決定"欄目ID"值,即標籤引數中的"欄目ID/專題ID/SQL語句/表"引數必須與操作型別一一相對應. 操作型別查詢 首先確定資訊的呼叫範圍(呼叫的是欄目?專題?資料表?預設表?標題分類還是SQL的資訊),再確定操作型別和欄目ID值,例如: 呼叫某欄目的最新資訊 操作型別按欄目呼叫 值為0, 欄目ID=呼叫欄目的ID值(在帝國CMS後臺查詢該欄目ID值)。 呼叫預設表的最新資訊 操作型別按預設表呼叫 值為3, 欄目ID=0或者'' (在CMS後臺設定某資料表為系統預設表)。 假如新聞表為系統的預設表,則呼叫新聞表的最新資訊時: 欄目ID=0,操作型別=3。或者欄目ID='',操作型別=3 呼叫某專題的最新資訊 操作型別按專題呼叫 值為6, 欄目ID=呼叫專題的ID值,(在帝國CMS後臺查詢該專題ID值)。 呼叫某資料表的最新資訊 操作型別按資料表呼叫 值為18, 欄目ID='資料表名'。 例如呼叫新聞表的最新資訊時(這裡新聞表不一定是預設表)。 欄目ID='news',操作型別=18 呼叫某標題分類的最新資訊 操作型別按標題分類呼叫 值為25, 欄目ID=標題分類ID,(在帝國CMS後臺查詢該標題分類ID值)。 按SQL呼叫查詢最新資訊 操作型別按SQL呼叫 值為24, 欄目ID="sql語句"。資料表字首可用[!db.pre!]表示。 呼叫多個欄目或專題的資訊時,欄目ID或專題ID可以用,逗號格開並引用''單引號; 例如呼叫兩個欄目(欄目ID值為1和2)的最新3資訊,則靈動標籤語法為:[e:loop={'2,3',3,0,0}]模板程式碼內容[/ecmsinfo] 呼叫步驟: * 確定需要用靈動標籤呼叫的資訊內容及其程式碼、顯示樣式; * 用靈動標籤表示資訊內容:分析並確定靈動標籤引數,模板程式碼,模板程式碼中的變數,得出完整的靈動標籤語法。 ▲top 【例1】 使用靈動標籤呼叫“國內新聞”欄目的最新3條資訊 第一步,確定需要用靈動標籤呼叫的資訊內容及其程式碼: 我們需要用靈動標籤呼叫"國內新聞"欄目的最新3條資訊,並且3條資訊具有相同的顯示樣式(見文字呼叫樣式)。 呼叫內容:如圖11中黑色加粗的部分,即為我們要使用靈動標籤呼叫“國內新聞”欄目的資訊: (圖11:) 由此,呼叫內容的程式碼(檢視圖11黑色加粗部分對應的,即為圖12中藍色框內程式碼),就要用靈動標籤的語法表示: (圖12:) 第二步,將呼叫內容用靈動標籤表示: 下面我們來逐一分析本例中的靈動標籤語法。 ::分析並確定靈動標籤的引數:{欄目ID/專題ID,顯示條數,操作型別,只顯示有標題圖片} 按照第一步的設定,例1中呼叫“國內新聞”欄目的最新3條資訊,靈動標籤引數應設為: [e:loop={34,3,0,0}] 模板程式碼內容 [/e:loop] 標籤引數說明 34 在帝國CMS後臺查得“國內新聞”欄目的ID=34; 3 每個新聞欄目顯示3條資訊; 0 操作型別=0,呼叫欄目的最新資訊.操作型別點選這裡查詢 0 0為 是否只調用帶標題圖片的資訊——不限制,有無標題圖片的資訊都做呼叫。 ::分析並確定靈動標籤的模板程式碼,根據靈動標籤語法,找出本例的模板程式碼: 模板程式碼內容代表了靈動標籤的顯示樣式;即使用靈動標籤呼叫的資訊最終顯示樣式,取決於模板程式碼是如何設定的。 圖12中,呼叫內容的程式碼(藍色框內程式碼)用靈動標籤的模板程式碼表示, 由於呼叫內容的3條資訊,具有相同顯示樣式(文字呼叫樣式),所以我們只需要取一條資訊的顯示樣式程式碼做為模板程式碼就可以了, 其他資訊會根據靈動標籤設定迴圈此呼叫, 因此模板程式碼為: <tr> <td width="82%" height="23">·<a href="http://www.phome.net" target="_blank">帝國網站管理系統6.0正式版開源釋出</a></td> <td width="18%"><div align="right">[11-08]</div></td> </tr> 再將模板程式碼的頂部和底部加上靈動標籤引數,如: (圖13:) ::分析並確定靈動標籤模板程式碼內容中的變數: 在模板程式碼中,找出與其他資訊不同之處並用變數替換,如標題,標題連結,釋出日期: 標題變數 標題欄位名:title;所以本例中,靈動標籤標題欄位變數為:$bqr[title] 例如擷取標題前36個字元顯示,則變量表示為esub($bqr[title],36)。 其中文字擷取用esub(字串,擷取長度)表示。 標題連結變數 靈動標籤的標題連結變數是特殊變數,固定表示為:$bqsr[titleurl] 釋出日期變數 釋出日期欄位名:newstime;所以本例中,靈動標籤釋出日期變數為:$bqr[newstime] 釋出日期變數的格式:date('Y-m-d',$bqr[newstime]),其中date('格式字串',時間欄位)為帝國CMS6.0版本的時間格式 變數說明:在靈動標籤中 $bqr: 呼叫對應的欄位內容,表示方法為$bqr[欄位名],如標題欄位$bqr[title]等; $bqsr:呼叫特殊欄位變數,$bqsr[titleurl]:標題連結;$bqsr[classname]:欄目名稱;$bqsr[classurl]:欄目連結。 $bqno:呼叫序號。 $public_r[newsurl]:呼叫網站地址 。 熟悉了靈動標籤變數語法後,下面我們將標題、標題連結、釋出日期變數加入到模板程式碼內容中: (圖14:) 模板程式碼內容: <tr> <td width="82%" height="23">·<a href="<?=$bqsr[titleurl]?>" target="_blank"><?=esub($bqr[title],36)?></a></td> <td width="18%"><div align="right">[<?=date('m-d',$bqr[newstime])?>]</div></td> </tr> 切記:因為這段程式碼中要輸出變數內容,所以在變數名兩側都要加上<?= 和 ?>,如<?=$bqsr[titleurl]?> 最後,例1呼叫國內新聞欄目最新資訊的靈動標籤語法即為(粗體部分): <table width="100%" border="0" cellspacing="1" cellpadding="3">[e:loop={34,3,0,0}] <tr> <td width="82%" height="23">·<a href="<?=$bqsr[titleurl]?>" target="_blank"><?=esub($bqr[title],36)?></a></td> <td width="18%"><div align="right">[<?=date('m-d',$bqr[newstime])?>]</div></td> </tr> [/e:loop] </table> 自己動手試試使用靈動標籤呼叫其他新聞欄目的資訊^-^ ▲top 【例2】 使用靈動標籤呼叫新聞資料表中,所有欄目最新發布的4條帶標題圖片的資訊 第一步,確定需要用靈動標籤表示的資訊內容及其程式碼: (圖21:) (圖22:) 呼叫內容,如圖21中黑色加粗的部分,即為我們要使用靈動標籤呼叫新聞資料表中所有欄目帶標題圖片的資訊。 由此,呼叫內容的程式碼(檢視圖21黑色加粗部分對應的,即為圖22中藍色框內程式碼),就要用靈動標籤語法表示。 第二步,將呼叫內容用靈動標籤表示: 下面我們來逐一分析本例中的靈動標籤語法。 ::分析並確定靈動標籤的引數: 按照例2第一步的設定,呼叫新聞資料表中最新4條帶標題圖片的資訊,靈動標籤引數應設為:[e:loop={'news',4,18,1}] 模板程式碼內容 [/e:loop] 標籤引數說明 18 由於例2的標籤是呼叫新聞表的資訊,因此操作型別選擇按資料表呼叫各表最新資訊,值為18;操作型別點選這裡查詢。 'news' 操作型別決定欄目ID='資料表',所以例2中的欄目ID值為'news'。 4 顯示4條帶標題圖片的資訊。 1 1為 只調用帶標題圖片的資訊。 ::分析並確定靈動標籤的模板程式碼,根據靈動標籤語法,找出本例的模板程式碼: 圖22中呼叫的4條標題圖片資訊,具有相同顯示樣式,所以我們只需取一條標題圖片資訊的程式碼顯示樣式做為模板程式碼就可以了。 因此模板程式碼為: <td width="25%" height="92"> <div align="center"><a href="http://www.phome.net" title="帝國軟體" target="_blank"> <img src="pic.gif" width="135" height="90" border="0"></a></div> </td> 再將模板程式碼頂部和底部加上靈動標籤引數,如: (圖23:) ::分析並確定靈動標籤模板程式碼內容中的變數: 在模板程式碼中,找出與其他資訊不同之處並用變數替換, 如標題變數為$bqr[title];標題連結變數為$bqsr[titleurl];標題圖片變數為$bqr[titlepic]。 熟悉了靈動標籤變數語法後,下面我們將標題、標題連結、標題圖片變數加入到模板程式碼內容中: (圖24:) 模板程式碼內容: <td width="25%" height="92"> <div align="center"><a href="<?=$bqsr[titleurl]?>" title="<?=$bqr[title]?>" target="_blank"> <img src="<?=$bqr[titlepic]?>" width="135" height="90" border="0"></a></div> </td> 切記:因為這段程式碼中要輸出變數內容,所以在變數名兩側都要加上<?= 和 ?>,如<?=$bqsr[titleurl]?> 最後,例2呼叫新聞資料表所有欄目最新資訊的靈動標籤語法即為(粗體部分): <table width="100%" border="0" cellspacing="3" cellpadding="1"> <tr>[e:loop={'news',4,18,1}] <td width="25%" height="92"> <div align="center"><a href="<?=$bqsr[titleurl]?>" title="<?=$bqr[title]?>" target="_blank"> <img src="<?=$bqr[titlepic]?>" width="135" height="90" border="0"></a></div> </td>[/e:loop]</tr> </table> ▲top 加入呼叫【例1】【例2】靈動標籤後的頁面效果(圖3): 已加上e:loop呼叫標籤後的模板(見圖3)HTML程式碼如下(HTML程式碼2): ▲top 3、將已加上靈動標籤後的HTML效果頁面程式碼複製到後臺更新: 位置:後臺 > “模板管理” > “管理自定義頁面” > “增加自定義頁面”: 頁面名稱:e:loop靈動標籤呼叫測試頁面 檔名:../../eloop.html 頁面內容:將已加上e:loop呼叫標籤後的模板HTML程式碼(HTML程式碼2)複製到頁面內容框中(圖4): 點選頁面底部的“提交”按鈕,e:loop靈動標籤呼叫測試頁面增加完畢。 ▲top 4、檢視生成後的頁面效果: 管理自定義頁面,可看到我們剛才增加的頁面(圖5): 點選頁面名稱檢視最終頁面在網站前臺的生成效果(圖6): 至此,e:loop靈動標籤使用講解完畢。