标签-自定义信息列表(带分页)

1.jpg

栏目页模板

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
  <meta content='{PE.Label id="取得META信息" nodeId="@RequestInt_Id" metaType="keywords" /}' name="Keywords" />
  <meta content='{PE.Label id="取得META信息" nodeId="@RequestInt_Id" metaType="description" /}' name="Description" />
  <title>{PE.Label id="取得节点名称" nodeId="@RequestInt_Id" /}-{PE.SiteConfig.SiteTitle/}</title>
  {PE.Label id="脚本" /}
</head>
<body>
<div id="wrap">
<div id="wrap-in" class="clearfix">
{PE.Label id="顶部" /}
<div class="main">
<div class="hd">{PE.Label id="取得节点名称" nodeId="@RequestInt_Id" /}</div>
<div class="bd-list">
<ul>
{PE.Label id="最简信息列表" nodeid="2" page="true" pagesize="12" urlpage="true"/}
</ul>
</div>
<div class="page">
 {PE.Page id="栏目分页" datasource="最简信息列表" /}
</div>
</div>
</div>
</div>
<div class="clear"></div>
{PE.Label id="底部" /}
</body>
</html>

列表标签config

<?xml version="1.0" encoding="utf-8"?>
<root>
  <LabelType>MM标签</LabelType>
  <LabelIntro>
  </LabelIntro>
  <OutType>sin</OutType>
  <LabelDataType>sql_sysquery</LabelDataType>
  <EnabelAjax>False</EnabelAjax>
  <Version officialVersion="" modifiedVersions="5285" compatibleVersion="" />
  <attributes>
    <name>nodeid</name>
    <datatype>supersql</datatype>
    <default>1</default>
    <intro>节点ID</intro>
  </attributes>
  <UsePage>True</UsePage>
  <IsXsltSql>false</IsXsltSql>
  <IsXsltCountSql>false</IsXsltCountSql>
  <LabelSqlString><![CDATA[select top @pagesize CM.* From PE_CommonModel CM where CM.NodeID in (select * From SplitID((select arrChildID from PE_Nodes where NodeID=@nodeid),',')) 
and CM.GeneralID NOT IN (SELECT Top @startrow ICM.GeneralID FROM PE_CommonModel ICM WHERE ICM.NodeID in (select * From SplitID((select arrChildID from PE_Nodes where NodeID=@nodeid),',')) AND ICM.Status=99 ORDER BY ICM.UpdateTime DESC) and CM.Status=99 ORDER BY CM.UpdateTime DESC ]]></LabelSqlString>
  <LabelSqlCount><![CDATA[select count(GeneralID) from PE_CommonModel CM where CM.NodeID in (select * From SplitID((select arrChildID from PE_Nodes where NodeID=@nodeid),',')) and CM.Status=99]]></LabelSqlCount>
  <LabelTemplate><![CDATA[<?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:output method="html" version="1.0" encoding="utf-8" indent="yes"/>
    <xsl:param name="titleLength"/>
    <xsl:param name="displayNewSign" />
    <xsl:template match="NewDataSet">
        <xsl:choose>
            <xsl:when test="Table">
                <xsl:for-each select="Table">
                    <li>
                            <a>
                            <xsl:attribute name="target">_self</xsl:attribute>
<xsl:attribute name="title">标题:<xsl:value-of select="Title"/> <xsl:value-of select="'&#10;'"/>点击数:<xsl:value-of select="Hits"/> <xsl:value-of select="'&#10;'"/>发表时间:<xsl:value-of select="pe:FormatDate(UpdateTime, 'yy年mm月dd日')"/>
</xsl:attribute>
                            <xsl:attribute name="href">
                                <xsl:value-of select="pe:GetInfoPath(NodeID,GeneralID,InputTime,PinyinTitle,HtmlPageName)"/>
                            </xsl:attribute>    
                             <xsl:value-of select="pe:CutText(pe:RemoveHtml(pe:EncodeText(Title,'htmldecode')),80,'…')"/>
                            </a>
                    </li>
                </xsl:for-each>
            </xsl:when>
            <xsl:otherwise>
                <span class="missing_data">还没有任何内容!</span>
            </xsl:otherwise>
        </xsl:choose>
    </xsl:template>
</xsl:stylesheet>]]></LabelTemplate>
</root>

CSS文件,自适应

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
html{ width:100%; height:100%;}
body{ width:100%; height:100%; color:#333;font:16px/20px '宋体'; -webkit-text-size-adjust: none; background:#fff; }
a{color:#333;text-decoration:none; outline:none;}
a:hover { text-decoration:underline; }
.clear{clear: both;font-size: 0;height: 0;line-height: 0;}
html, body, #wrap {height: 100%;width:100%;}
body > #wrap {height: auto; min-height: 100%;}
#wrap-in {padding-bottom: 80px;}  /* 必须使用和footer相同的高度 */
.clearfix:after {content: ".";display: block;height: 0; clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.inbox{width:1000px;margin: 0 auto}
.top{height:30px;line-height:30px;background:#333;color:#fff;text-align:right;}
.top a{color:#fff;padding-right:15px;font-size:12px;}

/*首页用*/
.header{width:1000px;margin:0px auto;padding:100px 0 40px 0;}
.header .logo{height:100px;background: url(images/logo.png) center top no-repeat;}
.header .txt{height:50px;background: url(images/sys1.png) center top no-repeat;}

.search_bd{ height:44px; overflow: hidden;width:650px;margin: 0 auto;}
.search_kk{float: left; height: 28px; line-height: 28px; border:1px solid #bfbfbf;border-right:0px;border-radius: 4px 0 0 4px;padding: 7px 0 7px 20px; width: 555px; font-size: 14px;background: none; outline: none; }
.search_an{width: 74px;height:44px;float: right;background: url(images/search_an.png) 0px center no-repeat;line-height: 28px;text-indent: 200%;overflow: hidden;cursor: pointer; border: none;}

#footer{ width:631px;height:80px;overflow:hidden;margin:-80px auto 0;position: relative;font-size:12px;}
#footer .lbox{width:120px;float:left;background: url(images/erwm.png) right center no-repeat;height:55px;padding-top:15px;padding-right:80px;}
#footer .rbox{width:390px;float:left;margin-left:20px;padding:5px 0 5px 20px;border-left:1px solid #545454;}
#footer .lbox p{ line-height:20px;color:#545454;font-size: 12px;text-align: center;}
#footer .rbox p{ line-height:20px;color:#545454;font-size: 12px;text-align: left;}

/*内页用*/
.header2{width:1000px;margin: 20px auto 10px;overflow:hidden;border-bottom:5px solid #898989;}
.header2 .logo2{width:400px;float:left;height:70px;background: url(images/logo2.png) center top no-repeat;}
.header2 .logo2 a{width:400px;height:70px;display:block;}

.main{width:700px;margin:10px auto;overflow:hidden;}
.main .bd{overflow:hidden;position: relative;}
.main .bd .logo3{display:none;position: absolute;top:115px;left:282px;width:165px;height:165px;background: url(images/logo3.png) center top no-repeat;}
.main .bd .bd-info{width:350px;float:left;}
.main .bd .bd-info li{height:30px;line-height:30px;border-bottom:1px solid #ccc;display:block;padding-left:10px;clear:both;}
.main .bd .bd-info li em{font-weight:bold;color:#000;}
.main .bd .bd-info li p{width:170px;float:left;height:35px;display:block;}
.main .bd .bd-pic{width:270px;float:left;padding:20px 40px;}
.main .bd .bd-txt{padding:10px 10px;overflow:hidden;}
.main .bd .bd-txt h2{font-weight:bold;color:#000;}
.main .bd .bd-txt p{line-height:25px;text-indent:2em;}
.main .bd .bd-txt .pics{}
.main .bd .bd-txt .pics h2{height:30px;line-height:30px;border-bottom:1px dashed #ff0000;color:#ff0000;padding-left:15px;}
.main .bd .bd-txt .pics .big_pic{padding:15px;text-align:center;}
.main .err{overflow:hidden;width:312px;height:85px;background: url(images/err.png) center top no-repeat;margin:180px auto 0px;text-indent:-9999em;}

.main .hd{height:auto;padding:15px 0;overflow:hidden;line-height:22px;border-bottom:1px solid #ccc;text-align:center;font-family: "微软雅黑";font-size:18px;}
.main .bd-list{padding:15px;}
.main .bd-list ul li{height:30px;line-height:30px;background: url(images/li1.png) 0 center no-repeat;padding-left:10px;overflow:hidden;}
.main .bd-art{padding:15px;}
.main .bd-art p{text-indent:2em;line-height:25px;}

/* url_方块样式分页 */
.page{font-size: 0;text-align: center;padding: 25px 0;clear:both; line-height:26px;}
.page a{ font-size:12px; display:inline-block; *display:inline; zoom:1; border:1px solid #d4d4d4; padding:2px 10px; margin-right:5px; border-radius:2px }
.page a:hover {border:1px solid #ff0000; text-decoration:none; color:#ff0000;}
.page b a, .page .current{ background:#ff0000; border:1px solid #ff0000; color:#fff !important;}
.page select{height: 20px;line-height: 20px;padding:0 8px;background:#fff;border:1px solid #d4d4d4;vertical-align:middle;}


/*手机版*/
@media (max-width: 767px) {
.top .inbox{width:100%;}
.top .inbox .c{display:none;}
.header{width:100%;margin:0px auto;padding:80px 0 40px 0;}
.header .logo{height:80px;background: url(images/logo.png) center top no-repeat;}
.header .txt{width:200px;margin:0 auto;height:50px;background: url(images/sys1.png) center center no-repeat;background-size:100%}
.search_bd{ height:133px; overflow: hidden;width:88%;margin:0 auto;clear:both;}
.search_kk{clear:both;float:none;display: block; height: 28px;width:92%;margin:0 auto;text-align:center;line-height: 28px; border-right:1px solid #bfbfbf;border-radius: 4px 4px 4px 4px;padding: 7px 0 7px 0; font-size: 14px; background: none; outline: none;}
.search_an{clear:both;width:250px;float:none;margin:35px auto 0;height:44px;display: block;background: url(images/an2.png) 0px center no-repeat;background-size:100%;border: none;line-height: 28px;text-indent: 200%;overflow: hidden;cursor: pointer; }

 #footer{ width:100%;height:80px;overflow:hidden;margin:-80px auto 0;position: relative;}
 #footer .lbox{display:none;} 
 #footer .rbox{width:100%;float:left;margin-left:0px;padding:5px 0 5px 0px;border-left:0px solid #545454;text-align: center;}
 #footer .rbox p{text-align: center;}
 #footer .rbox i{display:none;}


/*内页用*/
.header2{width:100%;margin: 20px auto 10px;overflow:hidden;border-bottom:5px solid #898989;}
.header2 .logo2{width:100%;float:left;height:70px;background: url(images/logo2.png) center center no-repeat;background-size:96%}
.header2 .logo2 a{width:100%;height:70px;display:block;}

.main{width:98%;margin:10px auto;overflow:hidden;}
.main .bd{overflow:hidden;position: relative;}
.main .bd .logo3{display:none;position: absolute;top:115px;left:282px;width:165px;height:165px;background: url(images/logo3.png) center top no-repeat;}
.main .bd .bd-info{width:100%;float:left;}
.main .bd .bd-info li{height:30px;line-height:30px;border-bottom:0px solid #ccc;display:block;padding-left:10px;clear:both;}
.main .bd .bd-info li:nth-child(2n){background:#f4f4f4;}
.main .bd .bd-info li:last-child{border-bottom:1px solid #ccc;}
.main .bd .bd-info li p{width:170px;float:left;height:35px;display:block;}
.main .bd .bd-pic{width:270px;float:left;padding:20px 40px;display:none;}
.main .bd .bd-txt{padding:10px 10px;overflow:hidden;}
.main .bd .bd-txt p{line-height:25px;text-indent:2em;}
.main .bd .bd-txt .pics{}
.main .bd .bd-txt .pics h2{height:30px;line-height:30px;border-bottom:1px dashed #ff0000;color:#ff0000;padding-left:15px;}
.main .bd .bd-txt .pics .big_pic{padding:15px;text-align:center;}
.main .bd .bd-txt .pics .big_pic img{width:100%}
.main .msg{overflow:hidden;height:500px;}
.main .msg h3{text-align:center;padding:30px 0 0 0px;font-size:20px;color:#ff0000;}
}
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,457评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,837评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,696评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,183评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,057评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,105评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,520评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,211评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,482评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,574评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,353评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,897评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,489评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,683评论 2 335

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,703评论 1 92
  • 转载自cr180大神DiscuzX2.5完整目录结构【source程序文件库】模板目录/template/defa...
    cndaqiang阅读 799评论 0 0
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,208评论 1 41
  • 景丽经常给我絮叨昆明的天空有多美,黄昏的天空,夜晚的天空,山里的天空......不一样的美,一样的惊艳。还...
    河南张鹏阅读 363评论 0 0
  • 又是一个有故事的家伙,他说爱情像是猫吃鱼那么幸福,如果是这样,那我的爱情来的一定不会太简单。 我是一只...
    两犬阅读 338评论 0 7