下面演示了如何通过自下定义标签来实现对下载软件进行下载排行
效果演示：
此主题相关图片如下：
查询语句：下面的查询语句适用与SQL版本，AC版本请把红色部分改成Status =-3
select top 10 SoftID,ChannelID,SoftName,Hits,WeekHits from PE_Soft where ChannelID={input(0)} and Status =3 and Deleted=0 order by Hits desc
参数列表:
请填写: ChannelID
标签内容：
<div class="b1 s228" id="left">
<div class="s228 rank" id="left">
<div class="pm1" id="left"><div style="margin-top: 4px;"><b>排行</b></div></div>
<div class="pm2" id="left"><b>游戏名称</b></div>
<div class="pm3" id="left"><b>近期下载</b></div>
<div class="pm4" id="right"><b>总下载</b></div>
</div>
<div class="s228 rank" id="left">
<div style="margin-top: 5px;">[本排行榜依据总下载次数]</div>
</div>
{Loop}{Infobegin}
<div class="s228 rank" id="left">
<div class="pm1" id="left"><img src="files/images/no1.gif" /></div>
<div class="pm2" id="left"><a href="{$InstallDir}{$Field(0,GetUrl,Soft,1)}" target="_blank">{$Field(2,Text,10,2,1)}</a></div>
<div class="pm3" id="left">{$Field(4,Num,0,0)}</div>
<div class="pm4" id="right">{$Field(3,Num,0,0)}</div>
</div>{Infoend}{Infobegin}
<div class="s228 rank" id="left">
<div class="pm1" id="left"><img src="files/images/no2.gif" /></div>
<div class="pm2" id="left"><a href="{$InstallDir}{$Field(0,GetUrl,Soft,1)}" target="_blank">{$Field(2,Text,10,2,1)}</a></div>
<div class="pm3" id="left">{$Field(4,Num,0,0)}</div>
<div class="pm4" id="right">{$Field(3,Num,0,0)}</div>
</div>{Infoend}{Infobegin}
<div class="s228 rank" id="left">
<div class="pm1" id="left"><img src="files/images/no3.gif" /></div>
<div class="pm2" id="left"><a href="{$InstallDir}{$Field(0,GetUrl,Soft,1)}" target="_blank">{$Field(2,Text,10,2,1)}</a></div>
<div class="pm3" id="left">{$Field(4,Num,0,0)}</div>
<div class="pm4" id="right">{$Field(3,Num,0,0)}</div>
</div>{Infoend}{Infobegin}
<div class="s228 rank" id="left">
<div class="pm1" id="left"><img src="files/images/no4.gif" /></div>
<div class="pm2" id="left"><a href="{$InstallDir}{$Field(0,GetUrl,Soft,1)}" target="_blank">{$Field(2,Text,10,2,1)}</a></div>
<div class="pm3" id="left">{$Field(4,Num,0,0)}</div>
<div class="pm4" id="right">{$Field(3,Num,0,0)}</div>
</div>{Infoend}{Infobegin}
<div class="s228 rank" id="left">
<div class="pm1" id="left"><img src="files/images/no5.gif" /></div>
<div class="pm2" id="left"><a href="{$InstallDir}{$Field(0,GetUrl,Soft,1)}" target="_blank">{$Field(2,Text,10,2,1)}</a></div>
<div class="pm3" id="left">{$Field(4,Num,0,0)}</div>
<div class="pm4" id="right">{$Field(3,Num,0,0)}</div>
</div>{Infoend}{Infobegin}
<div class="s228 rank" id="left">
<div class="pm1" id="left"><img src="files/images/no6.gif" /></div>
<div class="pm2" id="left"><a href="{$InstallDir}{$Field(0,GetUrl,Soft,1)}" target="_blank">{$Field(2,Text,10,2,1)}</a></div>
<div class="pm3" id="left">{$Field(4,Num,0,0)}</div>
<div class="pm4" id="right">{$Field(3,Num,0,0)}</div>
</div>{Infoend}{Infobegin}
<div class="s228 rank" id="left">
<div class="pm1" id="left"><img src="files/images/no7.gif" /></div>
<div class="pm2" id="left"><a href="{$InstallDir}{$Field(0,GetUrl,Soft,1)}" target="_blank">{$Field(2,Text,10,2,1)}</a></div>
<div class="pm3" id="left">{$Field(4,Num,0,0)}</div>
<div class="pm4" id="right">{$Field(3,Num,0,0)}</div>
</div>{Infoend}{Infobegin}
<div class="s228 rank" id="left">
<div class="pm1" id="left"><img src="files/images/no8.gif" /></div>
<div class="pm2" id="left"><a href="{$InstallDir}{$Field(0,GetUrl,Soft,1)}" target="_blank">{$Field(2,Text,10,2,1)}</a></div>
<div class="pm3" id="left">{$Field(4,Num,0,0)}</div>
<div class="pm4" id="right">{$Field(3,Num,0,0)}</div>
</div>{Infoend}{Infobegin}
<div class="s228 rank" id="left">
<div class="pm1" id="left"><img src="files/images/no9.gif" /></div>
<div class="pm2" id="left"><a href="{$InstallDir}{$Field(0,GetUrl,Soft,1)}" target="_blank">{$Field(2,Text,10,2,1)}</a></div>
<div class="pm3" id="left">{$Field(4,Num,0,0)}</div>
<div class="pm4" id="right">{$Field(3,Num,0,0)}</div>
</div>{Infoend}{Infobegin}
<div class="s228 rank" id="left">
<div class="pm1" id="left"><img src="files/images/no10.gif" /></div>
<div class="pm2" id="left"><a href="{$InstallDir}{$Field(0,GetUrl,Soft,1)}" target="_blank">{$Field(2,Text,10,2,1)}</a></div>
<div class="pm3" id="left">{$Field(4,Num,0,0)}</div>
<div class="pm4" id="right">{$Field(3,Num,0,0)}</div>
</div>
{Infoend}{/Loop}</div>
用到的CSS：
.b1 {
border: 1px solid #56CBE1;
background: #EEFFF7;
}
.pm1 {
width:35px;
margin:2px;
}
.pm2 {
width:80px;
margin-left: 2px;
margin-top: 6px;
text-align: left;
}
.pm3 {
width:55px;
margin-top: 6px;
text-align: left;
}
.pm4 {
width:50px;
margin-top: 6px;
text-align: center;
}
.s228 {
width: 228px;
}
图片资源下载：资源下载
-----------------------------------感谢 huangking 友情提供----------------------
技术中心首页
安全与更新
动易产品知识库
动易产品用户手册
动易开发文档
模板设计教程