首先我们先看一下默认首页模板的图片更新这个地方

这里调用了一个标签显示最新更新的八个图片.下面我们看一下如何制作一个分页标签来代替它.

如果没有增加过分页标签的可以先参考一下这个教程

/help/SiteFactory/1452.html

我这里不在详细讲解分页标签的过程.

步骤跟上面教程大概一致.

一,增加一个数据源标签.

增加标签第一步

第二步

这里不需要设置参数,直接点击下一步

第三步

sql语句

SELECT top @pagesize  PE_CommonModel.*,PE_U_Photo.*  FROM PE_CommonModel INNER JOIN PE_U_Photo ON PE_CommonModel.ItemID = PE_U_Photo.ID  WHERE   PE_CommonModel.Status=99 and PE_CommonModel.DefaultPicUrl like '%.%' and PE_U_Photo.ID not in (SELECT top @startrow  PE_U_Photo.ID  FROM PE_CommonModel INNER JOIN PE_U_Photo ON PE_CommonModel.ItemID = PE_U_Photo.ID  WHERE  PE_CommonModel.Status=99 and PE_CommonModel.DefaultPicUrl like '%.%')

分页语句

SELECT count(*)  FROM PE_CommonModel INNER JOIN PE_U_Photo ON PE_CommonModel.ItemID = PE_U_Photo.ID AND PE_CommonModel.Status=99 and PE_CommonModel.DefaultPicUrl like '%.%'

图片如下

然后点击下一步.进入标签内容编辑区

我们这里作个简单一点的例子,只取出两个字段,如果需要拓展功能的话可以根据需要添加

<?xml version="1.0" encoding="utf-8"?>
<xsl:transform version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:pe="labelproc" exclude-result-prefixes="pe">
<xsl:output method="xml" />
<xsl:template match="/">
<NewDataSet>
<xsl:for-each select="NewDataSet/Table">
<Table>
<Title>
<xsl:value-of select="Title"/>
</Title>

<GeneralID>
<xsl:value-of select="GeneralID"/>
</GeneralID>

<DefaultPicUrl>
<xsl:value-of select="DefaultPicUrl"/>
</DefaultPicUrl>

</Table>
</xsl:for-each>
</NewDataSet>
</xsl:template>
</xsl:transform>

图片如下

点击完成,这个数据源标签就添加完毕了

下面我们再增加一个自定义标签.这个自定义标签的作用是取出信息对应id所在的路径,代码比较简单,我就用截图来说明.

第一步

第二步

第三步

sql语句

SELECT TOP 1 GeneralID  FROM PE_CommonModel where GeneralID = @GeneralID 

第四步

标签内容

<?xml version="1.0" encoding="utf-8"?>
<xsl:transform version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:pe="labelproc" exclude-result-prefixes="pe">
<xsl:output method="html" />
<xsl:template match="/NewDataSet/Table">
<xsl:value-of select="pe:GetInfoPath(GeneralID)"/>
</xsl:template>
</xsl:transform>

然后点击保存

添加完这两个标签之后,下面我们就可以在模板里面实现分页了.

打开首页模板.找到下列代码

          <!-- 图片更新开始 -->
          <div class="c_main_one">
            <dl>
              <dt class="c_title">
                <div class="more"> <a href="{PE.Label id="显示栏目路径" nodeid="2"/}" target="_blank">[更多]</a></div>
                <a href="{PE.Label id="显示栏目路径" nodeid="2"/}" target="_blank">图片更新</a></dt>
              <dd class="c_content">
                <!-- 显示8张最新图片 -->
                <div class="p_class_list">{PE.Label id="带图片内容列表_图片_普通式" parentid="2" arrnodeid="2" includechild="true" specialid="0" shownum="8" ishot="false" iselite="false" datenum="0" ordertype="3" imgwidth="160" imgheight="120" titlelen="20" contentlen="0" showtips="false" urltype="0" hits="0" elitelevel="0" span="" class="" /}
                  <div class="clearbox"></div>
                </div>
              </dd>
            </dl>
          </div>
          <!-- 图片更新结束 -->

把这段代码替换成

{PE.DataSource datasource="图片分页" id="fenye" page="true" pagesize="8" urlpage="true" span="" class="" /}

          <div class="c_main_one">
            <dl>
              <dd class="c_content">
                <div class="p_class_list">
<ul>
{PE.Repeat id="fenye" loop="8"}
<li>
<div class="pe_u_thumb">
<a href="{PE.Label id="读取信息路径" GeneralID="{PE.field fieldname="GeneralID"/}" span="" class="" /}">
<img class="pic2" src="UploadFiles/{PE.field fieldname="DefaultPicUrl"/}"  width="160" height="120" alt="{PE.field fieldname="Title"/}" border="0" />
</a>
</div>
<div class="pe_u_thumb_title">
<a href="{PE.Label id="读取信息路径" GeneralID="{PE.field fieldname="GeneralID"/}" span="" class="" /}">{PE.field fieldname="Title"/}</a>
<br /></div></li><br />
{/PE.Repeat}

</ul>
                  <div class="clearbox"></div>

{PE.Page id="url_动易后台风格" datasource="fenye" span=""/}
                </div>
              </dd>
            </dl>
          </div>

然后保存首页模板,刷新首页

 

如果想显示一行.或者三行,四行来分页,只需要改动上面代码红色地方的8,改成4为一行,12为三行,以此类推.

相关标签下载:标签下载