思洋互动网站建设学前班

显示广告列表（2）

当得到模板的数组标签后，需要加载广告管理主页的模板（index.html），将显示内容部分替换成对应的Smarty标签，输出给显示器就完成了列表的显示。核心的页面代码如下：

广州网站建设

1. {|section name=content loop=$content|}  
2. <table cellSpacing="1" cellPadding="3" width="760" align="center" 
3.     bgColor="#999999" border="0"> 
4.     <tbody> 
5.         <tr bgColor="#c0c0c0"> 
6.             <td width="132" height="25">名称：{|$content[content].title|}  
7.             </td> 
8.             <td width="126">广告类型：{|$content[content].type|}</td> 
9.             <td width="101">规格：{|$content[content].size|}</td> 
10.             <td width="239">管理： <a href="admin.php?action=edit&id=  
11.             {|$content[content].title|}">编辑</a>&nbsp;&nbsp;  
12.             <a onClick="return delad();"href="del.php?action= del&id=  
13.             {|$content[content].title|}">删除广告</a></td> 
14.             <td width="126"><a href="#" target="_self">&gt;&gt;回顶端  
15.             &lt;&lt;</a> 
16.             <input type="checkbox" name="idjs[]"value="{|$content [content].  
17.             title|}"> 生成</td> 
18.         </tr> 
19.         <tr bgColor="#e6e6e6"> 
20.             <td width="132" height="24">代码说明：</td> 
21.             <td colSpan="4" height="24">{|$content[content].desc|}</td> 
22.         </tr> 
23.         <tr bgColor="#e6e6e6"> 
24.             <td width="132" height="23">JS广告调用代码：</td> 
25.             <td colSpan="4" height="23"><input name="Input" 
26.                 onFocus="this.select()" 
27.                 value='&lt;script type="text/javascript" src="/js/{  
28.                 |$content[content].title|}.js"  charset="gb2312"&gt; 
29.                 &lt;/script&gt;'  
30.                 size="58" /> <input name="Input2" onFocus="this.select()" 
31.                 value='&lt;script type=\"text/javascript\" src=\&quot; /js  
32.                 /{|$content[content].title|}.js\&quot;&gt;&lt;/script&gt;'  
33.                 size="20" /></td> 
34.         </tr> 
35.         <tr> 
36.             <td colSpan="5" height="8">代码预览： <a 
37.                 href="./config/index.htm?js/{|$content[content].title|}" 
38.                 target="adm">新窗口中预览</a> <iframe frameborder=0 width=  
39.                 100% height=100%  
40.                 src="./config/index.htm?js/{|$content[content]. title|}"> 
41.                 </iframe> 
42.             <div 
43.                 style="OVERFLOW-Y: scroll; OVERFLOW-X: hidden; WIDTH: 100%;   
44.                 HEIGHT: 100px; BACKGROUND-COLOR: #ffffff"> 
45.             </div> 
46.             </td> 
47.         </tr> 
48.     </tbody> 
49. </table> 
50. {|/section|}  

【代码解读】

在Smaty的模板标签规则中处理遍历数组是最为常见的应用，它被广泛地应用在列表显示一类的程序中，它的标签格式如下：

广州网站建设

1. {|section name=content loop=$content|}  
2. 中间部分为循环体  
3. {|/section|}  

注意：在循环标签的所有内容都将被循环，包括HTML标签，这个特性使得页面模板的代码量极大地减少，逻辑更为清晰。读者在使用模板标签的时候可以仔细体会它带来的优势。

在浏览器中运行下面的链接，可以看到完整的显示效果，如图15.7所示。

广州网站设计

1. http://localhost/ad/index.php 

 

（点击查看大图）图15.7  广告管理列表页