网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> 动易专区 >> SiteFactory教程 >> 正文
最新文章
· 三个文件四行代码解决SiteWeaver6.8编
· 会员中心添加视频,FLASH前台不显示
· 网页中加入背景音乐
· 安装网站时提示数据库相关错误解决办
· 批量替换数据库挂马字段内容
· 动易系列软件产品4.7版本发布
· 动易系列软件产品4.6版本发布
· 标题中的符号导致焦点图不显示
· 导航条当前栏目按钮加亮效果详解
· 自定义模型内容页访问地址添加参数的
热门文章
 学习动易SF标签常用的XSLT <xsl:te
 在SiteFactory™后台制作、管
 SiteFactory自定义模型建立操作教程
 学习动易SF标签常用的XSLT元素
 标签出错,提示原因“缺少根元素”
 SiteFactory标签参数
 SiteFactory标签制作流程——最新头
 SiteFactory标签制作流程——最新头
 自定义模型内容页访问地址添加参数
 SiteFactory学习笔记
相关文章
SiteFactory标签制作流程——最新头条新闻
SiteFactory标签制作流程——最新头条新闻
调用自定义表单数据的标签制作流程
SiteFactory标签制作流程——最新头条新闻图片带内容标签制作
来源:动易技术中心 更新时间:2011/3/31 18:53:23 阅读次数:
字体:[ ] 我要投稿

  头条新闻也就是在新闻列表中,第一条新闻的样式及内容比较特殊。如下图:

  

  下面我们就来实现这个标签的制作!

  制作步骤:

  1、新建标签,如下图:

  

  2、添加标签参数,如下图:

  

  参数的数据类型设置:
  1)、凡是涉及到数据库查询的,都要选择SQL类型,如果在SQL语句中又用到in、on、like之类的关键字,必须要用SQL超级参数型。建议:所有用到数据查询的,都可用SQL的超级参数型。
  2)、没涉及到数据查询的,当然就要看是哪种类型的了!
  3、标签查询设置,如图:

  

  SQL语句说明:我们在这里查询数据会涉及到两个表PE_Article和PE_CommonModel;Status=99,表示审核通过的信息,其它的就不介绍了。

  4、标签内容设置:

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:pe="labelproc" exclude-result-prefixes="pe">
<xsl:param name="NodeID" />
<xsl:param name="OutPutQty" />
<xsl:param name="titlelenght" />
<xsl:param name="contentlenght" />
<xsl:output method="html" />
<xsl:template match="/">     '模板定义指向顶级节点
<div class="">
  <div class="newlist_P_C_T">
    <div class="list_C_T">
        <li class="list_T">               '定义标题
            <a>
                <xsl:attribute name="href">
                   <xsl:value-of select="pe:GetInfoPath(/NewDataSet/Table/GeneralID)"/>
                </xsl:attribute>
                <xsl:attribute name="title">
                   <xsl:value-of select="/NewDataSet/Table/Title"/>
                </xsl:attribute>
                   <xsl:value-of select="pe:CutText(/NewDataSet/Table/Title,$titlelenght,'…')"/>
            </a>
        </li>
        <li class="list_C">   '定义内容简介
            <a>
                <xsl:attribute name="href">
                   <xsl:value-of select="pe:GetInfoPath(/NewDataSet/Table/GeneralID)"/>
                </xsl:attribute>
                <xsl:attribute name="title">
                   <xsl:value-of select="/NewDataSet/Table/Title"/>
                </xsl:attribute>
                <xsl:value-of disable-output-escaping="yes" select="pe:CutText(pe:RemoveHtml(/NewDataSet/Table/Content),$contentlenght,'…')"/>
            </a>
        </li>
    </div>
    <div class="newlist_P">   '定义图片显示
            <a>
                <xsl:attribute name="href">
                   <xsl:value-of select="pe:GetInfoPath(/NewDataSet/Table/GeneralID)"/>
                </xsl:attribute>
                <xsl:attribute name="title">
                   <xsl:value-of select="/NewDataSet/Table/Title"/>
                </xsl:attribute>
                   <xsl:choose>
                        <xsl:when test="/NewDataSet/Table/DefaultPicUrl =''">
                           <img width="80px" height="60px" src="../UploadFiles/nopic.gif" />
                        </xsl:when>
                        <xsl:otherwise>
                           <xsl:element name="img">
                              <xsl:attribute name="src">../UploadFiles/<xsl:value-of select="/NewDataSet/Table/DefaultPicUrl"/>
                              </xsl:attribute>
                              <xsl:attribute name="border">0</xsl:attribute>
                              <xsl:attribute name="width">80</xsl:attribute>
                              <xsl:attribute name="height">60</xsl:attribute>
                              </xsl:element>
                        </xsl:otherwise>
                   </xsl:choose>
            </a>
    </div>
    <div class="clearbox"></div>      '目的是想把上面内容和下面内容的样式隔离
  </div>
  <ul>
     <xsl:for-each select="/NewDataSet/Table">    '循环/NewDataSet/Table节点内容
        <li>
           <xsl:if test="position()!=1">       '第二条开始,列表内容出输出
              <a>
                <xsl:attribute name="href">
                     <xsl:value-of select="pe:GetInfoPath(GeneralID)"/>
                </xsl:attribute>
                <xsl:attribute name="title">
                     <xsl:value-of select="Title"/>
                </xsl:attribute>
                     <xsl:value-of select="pe:CutText(Title,$titlelenght,'…')"/>
              </a>
           </xsl:if>
        </li>
    </xsl:for-each>
</ul>
</div>
</xsl:template>
</xsl:stylesheet>

  如果直接复制上面内容做为标签内容,记得把红色解释字去掉!

  注意:最新头条新闻带内容标签制作已完。要调用标签,在模板中调用标签后,记得配置相应的样式。

  标签文档下载:最新头条新闻带内容标签

参考样式:
.newlist_P_C_T{width: 300px;}
.newlist_P img{width:80px;height:60px;}
.newlist_C_T{width: 210px; float: right;}
.list_T a{font-size: 14px; font-weight: bold;}
.clearbox{clear: both; height: 2px; border-bottom: 1px dotted #cccccc;}
.list_C_T{float: right;width: 210px;}

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号