帝国模板之家为广大用户提供专业、一站式建站服务。

帝国cms教程

帝国cms教程栏目,提供精品建站,仿站,二次开发,安装,标签使用等图文教程,帮助建设和管理好你的帝国cms站点。

当前位置:首页 > 教程 > 帝国cms教程 > 正文

帝国cms灵动标签:e:loop使用教程(图文)

帝国模板之家 2020-07-26 帝国cms教程 评论

本文主要讲解使用e:loop灵动标签调用各新闻栏目的数据。要求会使用Dreamweaver设计简单表格式模板的用户,能看懂基本HTML。我们回从四个部分进行讲解:1、制作显示效果页面;2、修改效果页面加上e:loop调用标签;3、将已加上灵动标签的HTML效果页面代码复制到后台更新;4、查看生成后的页面效果。希望对您使用灵动标签制作模板有所帮助。

我们将使用灵动标签完成一个资讯列表和图文资讯的调用。效果图如下:

帝国cms模板制作:e:loop灵动标签使用教程(图文)

1.制作显示页面效果:如图所示

帝国cms模板制作:e:loop灵动标签使用教程(图文)

2.修改效果页面加上e:loop调用标签;如图所示:

帝国cms模板制作:e:loop灵动标签使用教程(图文)

帝国cms模板制作:e:loop灵动标签使用教程(图文)

帝国cms模板制作:e:loop灵动标签使用教程(图文)

帝国cms模板制作:e:loop灵动标签使用教程(图文)

帝国cms模板制作:e:loop灵动标签使用教程(图文)

3、将已加上灵动标签的HTML效果页面代码复制到后台更新;如图所示:

帝国cms模板制作:e:loop灵动标签使用教程(图文)

4、查看生成后的页面效果。

帝国cms模板制作:e:loop灵动标签使用教程(图文)

实现代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>e:loop灵动标签使用教程</title>
<style>
td {font-size: 10pt;}
.line{line-height: 14pt;font-size: 10pt;}
A:link {text-decoration: none; color:#000000}
A:visited {text-decoration: none; color: #000000} 
A:active {text-decoration: underline; color: #000000 } 
A:hover {text-decoration: underline;    color: #FF0000;}
</style>
</head>

<body topmargin="0">
<table width="700" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
  <tr>
    <td height="60"> 
      <div align="center"><font size="6"><strong>e:loop灵动标签使用教程</strong></font></div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#FFFFFF">&nbsp; </td>
  </tr>
</table>
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="50%" valign="top"> <table width="98%" border="0" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
        <tr> 
          <td height="23"><strong>国内新闻</strong></td>
        </tr>
        <tr> 
          <td bgcolor="#FFFFFF"><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></td>
        </tr>
      </table></td>
    <td width="50%" valign="top"> <table width="98%" border="0" align="right" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
        <tr> 
          <td height="23"><strong>国际新闻</strong></td>
        </tr>
        <tr> 
          <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="1" cellpadding="3">
              [e:loop={35,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></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr> 
    <td colspan="2">
<div align="center">
        <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
          <tr> 
            <td height="23"><strong>图片新闻</strong></td>
          </tr>
          <tr> 
            <td bgcolor="#FFFFFF"><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></td>
          </tr>
        </table>
      </div></td>
  </tr>
  <tr>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr> 
    <td valign="top"> <table width="98%" border="0" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
        <tr> 
          <td height="23"><strong>娱乐新闻</strong></td>
        </tr>
        <tr> 
          <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="1" cellpadding="3">
              [e:loop={36,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></td>
        </tr>
      </table></td>
    <td valign="top"> <table width="98%" border="0" align="right" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
        <tr> 
          <td height="23"><strong>体育新闻</strong></td>
        </tr>
        <tr> 
          <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="1" cellpadding="3">
              [e:loop={37,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></td>
        </tr>
      </table></td>
  </tr>
</table>
<br>
<table width="700" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
  <tr>
    <td height="23">
<div align="center">Powered by <a href="https://www.phome.net" target="_blank">EmpireCMS</a><br>
      </div></td>
  </tr>
</table>
</body>
</html>

至此帝国e:loop灵动标签使用教程介绍完毕!

美梦,诞生在一瞬间,这短暂的喜悦,也就像泡沫一样,往往

已有 位小伙伴发表了看法

欢迎 发表评论

  • 匿名发表

关于

帝国cms模板

网页插件

帝国模板之家 | www.moyouyouw.cn

本站所有模板/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系站长删除,谢谢! 寻找帝国cms模板首选帝国模板之家,用心做站,上线至今广受好评,值得信赖!

  • 交流群1:帝国cms交流群1
  • 交流群2:帝国cms交流群2
在线QQ 给我留言