SDCMS标签大全

SDCMS门户版主要包含：文章、组图、视频、下载、单页、外链等模块，系统内置会员模型：会员组，VIP会员，积分购买，会员投稿，投票，评论，留言，心情，搜索，标签，头像组件，在线充值，支持QQ、新浪微博、支付宝等账户的一键登录登功能，是您快速建立类似A5,站长之家之类门户平台的良好选择。

最终版为3.3版，之后官网就不再更新ASP版的sdcms，转向PHP版本的开发。

但是使用SDCMS的人数还有不少，所以整理发布一下SDCMS的标签，此标签针对ASP版的SDCMS门户版

网站通用标签

基本语法

截取字符串

基本语法

图片输出

基本语法

• 判断如果有图片，输出图片地址，没有就用默认的图片

1. {if $rs[ispic]=1}{$rs[pic]}{else}{webroot}theme/default/images/nophoto.jpg{/if}

• 手机版

1. {if $rs[ispic]=1}{$rs[pic]}{else}{skins}/images/nophoto.jpg{/if}

日期输出

基本语法

自用函数formatdate

• 调用方法：

1. 列表：{sdcms.formatdate($rs[createdate],".",1)}
2. 内容： {sdcms.formatdate(createdate,".",1)}

1. case 1 
2. ' yyyy-mm-dd 
3. case 2 
4. ' yy-mm-dd 
5. case 3 
6. ' mm-dd 
7. case 4 
8. ' yyyy-mm-dd hh:mm:ss 
9. case 5 
10. ' hh:mm:ss 
11. case 6 
12. ' yyyy年mm月dd日 
13. case 7 
14. ' yyyymmdd 
15. case 8 
16. 'yyyymmddhhmmss 
17. case 9 
18. ' mm-dd hh:mm:ss

IF判断

基本语法

1. {if:条件语句}
2. 显示内容 
3. {else} 
4. 显示内容
5. {end if}

标签嵌套

1. {if:条件语句}
2.     {if1:条件语句}
3.         显示内容1
4.     {else}
5.         {if2:条件语句}
6.             显示内容1
7.         {else}
8.             显示内容2
9.         {end if2}
10.     {end if1}
11. {else}
12.     显示内容2
13. {end if}

For循环、标签TAG

基础语法

1. For 循环变量=初值 To 终值 Step 步长 
2. 程序语句… 
3. ［ Exit For］ 
4. 程序语句… 
5. Next

标签嵌套

1. {dim wayarr:wayarr=split($rs[downway],",")}
   {for i=0 to ubound(wayarr)}
      <li><a href="" >{wayarr(i)}</a></li>
   {/for}

• 这个是以下载地址为例，获取下载地址的个数，逐个输出

【内容页】输出tag

1. {for i=0 to ubound(tags)}<a href="{webroot}plug/tags.asp?tag={server.urlencode(tags(i))}">{tags(i)}</a> {/for}

• 【任意页面】查询一个内容时输出tag

1. {dim toptags:toptags=Split($rs[tags],",")}
2. {for i=0 to ubound(toptags)}
3. <a href="{webroot}plug/tags.asp?tag={server.urlencode(toptags(i))}" rel="category tag">{toptags(i)}</a>
4. {/for}

• 【任意页面】查询多个内容时输出tags

1. {dim listtags,thistag}
2. ---rs查询中---
3. <% thistag=$rs[tags]%>
4. <%listtags=Split(thistag,",")%>
5. {for i=0 to ubound(listtags)}<a href="{webroot}plug/tags.asp?tag={server.urlencode(listtags(i))}" rel="category tag">{listtags(i)}</a> {/for}

JOIN语句、自定义字段

基础语法

以文章模型news为例

第一步在{sdcms:rs …… }中加入以下字段：

join="left join sd_model_news on sd_content.id=sd_model_news.cid"

第二步在field参数里加上你要调用的字段

第三步{$rs[字段名]}

1. {sdcms:rs join="left join sd_model_news on sd_content.id=sd_model_news.cid"  field="id,isurl,url,ispic,pic,title,style,classid,point,createdate,content" table="sd_content" where= islock=1" order="ontop desc,createdate desc"}

自定义字段

1. {sdcms:rs join="left join sd_model_news on sd_content.id=sd_model_news.cid"  field="id,isurl,url,ispic,pic,title,style,classid,point,createdate,content,自定义字段" table="sd_model_news" where= islock=1" order="ontop desc,createdate desc"}

• 列表调用｛$rs[自定义字段]｝
• 内容调用：{rsshow[自定义字段名]}

调用类别名称、url、内容的url、常用标签

标签函数

列表常用标签

RS查询语句

内容查询

1. {sdcms:re table="sd_category" top="1" where="modeid in (2,5)" order="ordnum,cateid"  var="nid:cateid"}
2.     {sdcms:rs top="10" field="id,isurl,url,ispic,pic,title,style,classid,createdate" table="sd_content" where="classid in([sdcms.get_sonid(1)]) and islock=1" order="ontop desc,createdate desc"}
3.     <li><a href="{$rs[link]}" title="{$rs[title]}">{sdcms.cutstr($rs[title],90,1)}</a></li>
4.     {/sdcms:rs}
5. {/sdcms:re}

栏目查询

1. {sdcms:re table="sd_category" top="1" where="cateid in (2,5)" order="ordnum,cateid"  var="ctid:cateid"}
2.     {sdcms:rs table="sd_category" top="0" where="followid = [ctid]" order="ordnum,cateid" }
3.         <li{if $rs[cateid]=classid} class="hover"{/if}><a href="{$rs[link]}">{$rs[catename]}</a></li>
4.     {/sdcms:rs}
5. {/sdcms:re}

模糊查询

1. <!--产品开始-->
2. {sdcms:re top="1" table="sd_category" where="modeid in (5,2)" order="ordnum,cateid" var="v_rp:cateid"}
3. {dim sjcp:sjcp=sdcms.get_sonid(v_rp)}
4. <!--下面再查询栏目或内容-->
5.     {sdcms:rs top="3" field="id,isurl,url,ispic,pic,title,style,classid,intro" table="sd_content" where="classid in([sjcp]) and islock=1" order="ontop desc,id desc"}
6.     //内容
7.     {/sdcms:rs}
8. {/sdcms:re}
9. <!--产品结束-->

排序

制作幻灯片模块

步骤

第一种方法：【推荐】

在后台扩展》广告处，添加一个广告分类；

然后添加图片广告，添加的时候选择对应的分类

然后记下该分类的id，使用广告代码调取

第二种方法：

在后台栏目处，添加一个外链接作为一级栏目；

在此栏目下，添加子栏目作为幻灯片图片，上传图片

记下该一级栏目的id，调用图片的时候使用

查询logo【一个图】

1. {sdcms:rs top="1" field="fileurl,url,title" table="sd_expand_ad" where="islock=1 and classid=1" order="ordnum,id"}{rs:eof}没有广告{/rs:eof}
2. <a href="{$rs[url]}" target="_blank"><img src="{$rs[fileurl]}" alt="{$rs[title]}" width="740" height="230" /></a>
3. {/sdcms:rs}

==========内页banner======

1. {if catepic=""}默认图片{else}{catepic}{/if}

广告调取【推荐】

1. {sdcms:rs top="5" field="fileurl,url,title" table="sd_expand_ad" where="islock=1 and classid=1" order="ordnum,id"}
2. {rs:eof}没有广告{/rs:eof}
3. <li><a href="{$rs[url]}" target="_blank"><img src="{$rs[fileurl]}" alt="{$rs[title]}" width="740" height="230" /></a></li>
4. {/sdcms:rs}

查询扩展分类名称

1. {sdcms:rs top="1" field="classname" table="sd_expand_class" where="classid=1"}
2. 分类名称：{$rs[classname]}
3. {/sdcms:rs}

导航菜单

基础语法

1. <li><a href="{webroot}">网站首页</a></li>
2. {sdcms:rs top="0" table="sd_category" where="followid=0 and ismenu=1" order="ordnum,cateid" var="sdcms_rp:cateid"}
3. <li><a href="{$rs[link]}" title="{$rs[catename]}"{if $rs[modeid]=-2} target="_blank"{/if}>{$rs[catename]}</a>
4. <ul class="subnav">
5. {sdcms:rp top="0" table="sd_category" where="followid=[sdcms_rp] and ismenu=1" order="ordnum,cateid"}
6.         <li><a href="{$rp[link]}" title="{$rp[catename]}"{if $rp[modeid]=-2} target="_blank"{/if}>{$rp[catename]}</a></li>
7. {/sdcms:rp}
8. </ul>
9. </li>
10. {/sdcms:rs}

------------------------

1. {sdcms.is_current(parentid,$rs[cateid],"class=""hover""")}

判断某个数($rs[cateid])在某个数组(parentid)里,如果在，就显示class=”hover”

可用来判断导航是否是当前栏目

面包屑导航

基础语法

首页常用标签

模版引用

1. <%if not in_sdcms then response.write("template load fail"):response.end() end if%>

模版文件路径引用

1. <script src="{webroot}theme/default/js/sdcms.js"></script>

动态文件引用

1. {sdcms:include("sdcms_head.asp")}

标题、关键词、描述 

1. <title>{sdcms[webname]}{sdcms[seotitle]}</title>
2. <meta name="Keywords" content="{sdcms[seokey]}" />
3. <meta name="Description" content="{sdcms[seodesc]}" />
4. <meta name="author" content="{weburl}" />
5. <meta name="copyright" content="{weburl}" />
6. <link rel="canonical" href="{weburl}" /> 
7. <script>var webroot="{webroot}";</script>
8. <script src="{webroot}lib/js/jquery.js"></script>
9. {if sdcms[sys_mobile]}<script src="{webroot}lib/js/mobile.js"></script>{/if}

例：推荐带图新闻

1. {sdcms:rs top="5" field="id,title,style,createdate,isurl,url,classid,pic,intro" table="sd_content" where="islock=1 and ispic=1 and isnice=1" order="ontop desc,id desc"}
2. {rs:eof}
3. <li>
4.   <div class="pic"> <img src="{webroot}theme/default/pic/f01.jpg" width="300" height="210" />
5.     <div class="title">无图片新闻标题</div>
6.     <div class="intro">无图片内容简介</div>
7.   </div>
8. </li>
9. {/rs:eof}
10. <li>
11.   <div class="pic"> <a href="{$rs[link]}" title="{$rs[title]}"><img src="{$rs[pic]}" width="300" height="210" alt="{$rs[title]}" /></a>
12.     <div class="title">{sdcms.cutstr($rs[title],30,1)}</div>
13.     <div class="intro">{sdcms.cutstr(sdcms.nohtml($rs[intro]),90,1)}</div>
14.   </div>
15. </li>
16. {/sdcms:rs}

例：循环所有列表栏目、内容

1. {sdcms:rp table="sd_category" top="6" where="followid=0 and modeid>0" order="ordnum,cateid" var="sdcms_dim:sonid" auto="j"}
2.             <div class="block b">
3.                 <div class="subject"><span><a href="{$rp[link]}">更多>></a></span><a href="{$rp[link]}">{$rp[catename]}</a></div>
4.                 {dim tid:tid=0}
5.                 {sdcms:rs top="1" field="id,title,style,createdate,isurl,url,classid,pic,intro" table="sd_content" where="islock=1 and classid in([sdcms_dim]) and ispic=1 and isnice=1" order="ontop desc,id desc"}<div class="toppic"><img src="{$rs[pic]}" width="100" height="70" /><a href="{$rs[link]}" title="{$rs[title]}"{if $rs[isurl]=1} target="_blank"{/if}>{sdcms.cutstr($rs[title],20,1)}</a>{sdcms.cutstr(sdcms.nohtml($rs[intro]),54,1)}</div><%tid=$rs[id]%>{/sdcms:rs}
6.                 <ul class="topnew">
7.                 {sdcms:rs top="8" field="id,title,style,createdate,isurl,url,classid" table="sd_content" where="islock=1 and classid in([sdcms_dim]) and id<>[tid]" order="ontop desc,id desc"}
8.                     <li><span>[{sdcms.getdate($rs[createdate],"-",1)}]</span>·<a href="{$rs[link]}" title="{$rs[title]}"{if $rs[isurl]=1} target="_blank"{/if} {$rs[style]}>{sdcms.cutstr($rs[title],30,1)}</a></li>
9.                 {/sdcms:rs}    
10.                 </ul>
11.             </div>
12.             {/sdcms:rp}

例：产品展示

1. {sdcms:rs top="8" table="sd_model_pro" join="left join sd_content on sd_model_pro.cid=sd_content.id"  where="islock=1 and isnice=1" order="ontop desc,id desc"}
2.             <li><a href="{$rs[link]}" title="{$rs[title]}"><img src="{if $rs[ispic]=1}{$rs[pic]}{else}{webroot}theme/default/images/nopic_pro.gif{/if}" alt="{$rs[title]}" width="208" height="208" border="0" /><div class="title">{sdcms.cutstr($rs[title],20,0)}</div><div class="more">查看更多</div></a></li>
3.             {/sdcms:rs}

例：新闻资讯

1. {sdcms:rs top="4" table="sd_model_news" join="left join sd_content on sd_model_news.cid=sd_content.id"  where="islock=1" order="ontop desc,id desc"}
2.    <li><a href="{$rs[link]}" title="{$rs[title]}"><img src="{if $rs[ispic]=1}{$rs[pic]}{else}{webroot}theme/default/images/nopic_news.gif{/if}" alt="{$rs[title]}" width="160" height="100" border="0" /><div class="title">{sdcms.cutstr($rs[title],30,0)}</div><div class="date">{sdcms.getdate($rs[createdate],"-",1)}</div><div class="intro">{sdcms.cutstr(sdcms.nohtml($rs[intro]),110,1)}</div></a></li>
3. {/sdcms:rs}

例：友情链接

1. {sdcms:rs top="0" table="sd_expand_link" where="islock=1 and islogo=1" order="id desc"}
2. {rs:eof}<li>没有资料</li>{/rs:eof}
3.  <li><a href="{$rs[weburl]}" target="_blank"><img src="{$rs[weblogo]}" width="88" height="31" border="0" alt="{$rs[webname]}" /></a></li>
4.  {/sdcms:rs}

单页调用

【任意页面】调用单页简介

1. {sdcms:rs table="sd_model_page" where="classid=1"}   
2. {sdcms.dehtml($rs[intro])}   
3. {/sdcms:rs}

【单页专用】调用单页内容

1. {sdcms:rs table="sd_model_page" top="1" where="classid=[classid]"}
2. {sdcms.get_content_split($rs[content],htmlrule)}
3. {/sdcms:rs}
4. {if get_content_page<>""}<div class="npage">{get_content_page}</div>{/if}

列表模版

模版引用

1. <%if not in_sdcms then response.write("template load fail"):response.end() end if%>

模版文件路径引用

1. <script src="{webroot}theme/default/js/sdcms.js"></script>

动态文件引用

1. {sdcms:include("../../sdcms_head.asp")}

常用标签

标题、关键词、描述 

1. <title>{sdcms.iif(sdcms.strlen(seotitle)>0,seotitle,classname)}{if page>1}_第{page}页{/if}_{sdcms[webname]}</title>
2. <meta name="Keywords" content="{seokey}" />
3. <meta name="Description" content="{seodesc}" />
4. <meta name="author" content="{weburl}" />
5. <meta name="copyright" content="{weburl}" />
6. <link rel="canonical" href="{weburl}{sdcms.getcateurl(classid)}"/> 
7. <script>var webroot="{webroot}",murl="list.asp?classid={classid}";</script>
8. <script src="{webroot}lib/js/jquery.js"></script>
9. {if sdcms[sys_mobile]}<script src="{webroot}lib/js/mobile.js"></script>{/if}

输出分类

1. {sdcms:rs top="0" table="sd_category" where="followid=[classid]" order="ordnum,cateid" var="cid:cateid"}
2.     {sdcms:rp top="0" table="sd_category" where="followid=[cid]" order="ordnum,cateid" var="sid:cateid"} 
3.         {sdcms:rx top="0" table="sd_category" where="followid=[sid]" order="ordnum,cateid"} 
4.         {/sdcms:rx}
5.     {/sdcms:rp}
6. {/sdcms:rs}

1. <ul class="topcate">
2. {sdcms:rp table="sd_category" top="0" where="followid=[classid]" order="ordnum,cateid"}
3. {rp:eof}{if followid=0}<li class="hover"><a href="{sdcms.getcateurl(classid)}">{classname}</a></dt>{else}{sdcms:rs table="sd_category" top="0" where="followid=[followid]" order="ordnum,cateid"}
4. {rs:eof}<li>没有资料</li>{/rs:eof}
5. <li {if $rs[cateid]=classid} class="hover"{/if}><a href="{$rs[link]}" title="{$rs[catename]}">{$rs[catename]}</a></li>
6. {/sdcms:rs}{/if}{/rp:eof}
7. <li {if $rp[cateid]=classid} class="hover"{/if}><a href="{$rp[link]}" title="{$rp[catename]}">{$rp[catename]}</a></li>
8. {/sdcms:rp}  
9. </ul>

• 经典案例

• 查询全部当前分类： where="cateid in ([parentid]) or followid in ([parentid])"
• 查询当前下级分类： where="followid in ([parentid])"
• 查询当前分类（除了一级分类）：followid in ([parentid]) and depth=2

输出列表

1. <div id="photolist">
2. <ul class="photolist">
3. {sdcms:rs field="id,isurl,url,title,style,classid,pic,ispic,intro" table="sd_content" where="classid in([sonid]) and islock=1" order="ontop desc,id desc" pagesize="{var pagenum}"}
4. {rs:eof}<li>没有资料</li>{/rs:eof}
5. <li><a href="{$rs[link]}" title="{$rs[title]}"><img src="{if $rs[ispic]=1}{$rs[pic]}{else}{webroot}theme/default/images/nophoto.jpg{/if}" width="130" alt="{$rs[title]}" /></a><div><a href="{$rs[link]}" title="{$rs[title]}">{sdcms.cutstr($rs[title],10,0)}</a></div><p>{sdcms.cutstr(sdcms.nohtml($rs[intro]),40,1)}</p></li>
6. {/sdcms:rs}
7. </ul>
8. </div>

1. <div class="w610 b">
2. <div class="title">{classname}</div>
3. <ul class="newslist">
4. {sdcms:rs field="id,isurl,url,title,style,classid,point,createdate" table="sd_content" where="classid in([sonid]) and islock=1" order="ontop desc,id desc" pagesize="{var pagenum}"}
5. {rs:eof}<li>没有资料</li>{/rs:eof}
6. <li><span>{sdcms.getdate($rs[createdate],".",0)}</span>· <a href="{$rs[link]}" title="{$rs[title]}"{if $rs[isurl]=1} target="_blank"{/if} {$rs[style]}>{sdcms.cutstr($rs[title],90,1)}</a></li>
7. {if i mod 5=0}<li class="mid"></li>{/if}
8. {/sdcms:rs}
9. </ul>
10. <div class="list_page page_group c mt15"><ul>{showpage}</ul></div>
11. </div>

查询内容

1. {sdcms:rs top="6" field="*" table="sd_content" where="islock=1 and classid in ([sdcms.get_sonid(1)])" order="ontop desc,id desc" auto="i"}
2. {/sdcms:rs}

• 下面是单页内容输出

1. {sdcms:rs table="sd_model_page" top="1" where="classid=[classid]"}
2. {sdcms.get_content_split($rs[content],htmlrule)}
3. {/sdcms:rs}
4. {if [get_content_page]<>""}<div class="npage">{get_content_page}</div>{/if}

查询栏目

1. {sdcms:rs table="sd_category" top="0" where="cateid in ([sdcms.get_sonid(1)])" order="ordnum,cateid" var="sdcms_cateid:cateid"}
2. {/sdcms:rs}

或者： where="followid=2"

分页代码

1. <div class="list_page page_group c mt15"><ul>{showpage}</ul></div>

分页样式

1. /*list*/
2. .list_page{text-align:center;margin:10px;display:block;}
3. .list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
4. .list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
5. .list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
6. .list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
7. .page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
8. .page_group ul li{border-right:none;border-radius:0;float:left;}
9. .page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
10. .page_group ul li:first-child{border-radius:4px 0 0 4px;}
11. .page_group ul li:last-child{border-radius:0 4px 4px 0;}
12. .page_group ul .active a{background:#f3f3f3;border-radius:0;}

内容模版

模版引用

1. <%if not in_sdcms then response.write("template load fail"):response.end() end if%>

模版文件路径引用

1. <script src="{webroot}theme/default/js/sdcms.js"></script>

动态文件引用

1. {sdcms:include("../../sdcms_head.asp")}

常用标签

不常用标签

标题、关键词、描述 

1. <title>{title}{if page>1}_第{page}页{/if}_{classname}_{sdcms[webname]}</title>
2. <meta name="Keywords" content="{seokey}" />
3. <meta name="Description" content="{seodesc}" />
4. <meta name="author" content="{weburl}" />
5. <meta name="copyright" content="{weburl}" />
6. <link rel="canonical" href="{contenturl}"/>
7. <script>var webroot="{webroot}",infoid="{rsshow[cid]}",murl="show.asp?id={id}",contenturl="{contenturl}";</script>
8. <script src="{webroot}lib/js/jquery.js"></script>
9. {if sdcms[sys_mobile]}<script src="{webroot}lib/js/mobile.js"></script>{/if}
10. <script src="{webroot}lib/js/sdcms.hits.js"></script>

• 您所在的位置：<a href="{webroot}">首页</a>{sdcms.getpostion(parentid," > ")} > 正文

• 内容分页<div class="list_page page_group"><ul>{get_content_page}</ul></div>
•  <strong>本文网址：</strong><a href="{asp%20replace(contenturl,"%26","&")}" title="{title}">{asp%20replace(contenturl,"%26","&")}</a>

热门排行

1. {sdcms:rs top="10" field="id,title,style,createdate,isurl,url,classid" table="sd_content" where="islock=1 and classid=[classid]" order="hits desc,id desc"}
2. {rs:eof}<li>没有资料</li>{/rs:eof}
3. <li><a href="{$rs[link]}" title="{$rs[title]}"{if $rs[isurl]=1} target="_blank"{/if} {$rs[style]}>{sdcms.cutstr($rs[title],30,1)}</a></li>
4. {/sdcms:rs}

相关阅读

1. {if likeid<>"0"}
2. {sdcms:rs top="10" field="id,title,style,createdate,isurl,url,classid" table="sd_content" where="islock=1 and id in([likeid])" order="ontop desc,id desc"}
3. <li><a href="{$rs[link]}" title="{$rs[title]}"{if $rs[isurl]=1} target="_blank"{/if} {$rs[style]}>{sdcms.cutstr($rs[title],30,1)}</a></li>
4. {/sdcms:rs}
5. {/if}

上一条、下一条

1. <div class="pre">上一篇：{sdcms:rs top="1" field="id,isurl,url,title,style,classid" table="sd_content" where="islock=1 and classid=[classid] and id<[id] and isurl=0" order="id desc"}
2. {rs:eof}<span class=c9>没有资料</span>{/rs:eof}
3. <a href="{$rs[link]}" title="{$rs[title]}">{sdcms.cutstr($rs[title],70,1)}</a>
4. {/sdcms:rs}</div>
5.  
6. <div class="next">下一篇：{sdcms:rs top="1" field="id,isurl,url,title,style,classid" table="sd_content" where="islock=1 and classid=[classid] and id>[id] and isurl=0"}
7. {rs:eof}<span class=c9>没有资料</span>{/rs:eof}
8. <a href="{$rs[link]}" title="{$rs[title]}">{sdcms.cutstr($rs[title],70,1)}</a>
9. {/sdcms:rs}</div>

编辑器格式

1. <script src="{webroot}lib/highlight/highlight.js"></script>
2. <script>window.highlight&&highlight();</script>

必备js

1. <script>var webroot="{webroot}";</script>
2. <script src="{webroot}lib/js/jquery.js"></script>
3. <script src="{webroot}lib/js/jquery-migrate-1.1.0.min.js"></script>
4. <script src="{webroot}lib/tips/jquery.tips.js"></script>
5. <script src="{webroot}lib/js/base.js"></script>
6. <script src="{webroot}lib/validator/jquery.validator.js"></script>
7. <script src="{webroot}lib/validator/zh_CN.js"></script>
8. <script src="{webroot}theme/default/js/sdcms.js"></script>
9. <script>
10. $(function()
11. {
12. if($("#bookstaus").length>0)
13. {
14. $.ajax(
15. {
16. type:"post",
17. cache:false,
18. url:"?act=islogin",
19. success:function(_){$("#bookstaus").html(_);}
20. });
21. }
22. $(".form_book").validator(
23. {
24. stopOnError:true,
25. theme:'yellow_top',
26. ignore:':hidden',
27. valid:function(form)
28. {
29. $.fn.tips({type:'loading',content:'数据提交中'});
30. $.ajax(
31. {
32. url:"?act=add",
33. type:"post",
34. data:$(form).serialize(),
35. success:function(data){
36. data=jQuery.parseJSON(data);
37. if(data.status!="y"){$.fn.tips({content:data.info});}
38. if(data.status=="y")
39. {
40. var info=data.info.substring(1);
41. $.fn.tips({type:"ok",content:info});
42. $(".form_book")[0].reset();
43. if(data.info.substring(0,1)==2){setTimeout(function() 
44. {location.href='?';},1500)}
45. }
46. }
47. });
48. }
49. });
50. //
51. })
52. </script>

留言输出

1. {sdcms:rs field="avatar,username,createdate,content,reply" table="sd_expand_book" where="islock=1" order="id desc" pagesize="20" isadminurl="0"}
2. {rs:eof}暂无留言{/rs:eof}
3.     <table class="hovertable">
4.         <tr>
5.             <td rowspan="2"><img src="{webroot}upfile/avatar/{$rs[avatar]}/normal.jpg" /></td>
6.             <td>{$rs[username]}<span>留言时间：{$rs[createdate]}</span></td>
7.         </tr>
8.         <tr>
9.             <td>{$rs[content]}</td>
10.         </tr>{if sdcms.strlen($rs[reply])>0}
11.         <tr>
12.             <td><strong>管理员回复：</strong></td>
13.             <td>{$rs[reply]}</td>
14.         </tr>{/if}
15.     </table>
16. {/sdcms:rs}
17. <div class="npage">{showpage}</div>

留言表单

1. <form class="form_book" method="post">
2. <table class="hovertable">
3. <tr>
4. <td>昵称：</td>
5. <td><input type="text" name="t0" id="nicekname" maxlength="20" data-rule="昵称:required;" class="ip" /></td>
6. </tr>
7. <tr>
8. <td>留言内容：</td>
9. <td><textarea name="t1" rows="4" data-rule="留言内容:required;" class="ip" onKeyUp="strlen_verify(this,'booklen',255)" ></textarea></textarea><label>还可以输入<span id="booklen">255</span>个字符</label></td>
10. </tr>
11. <tr>
12. <td>联系电话：</td>
13. <td><input type="text" name="t2" maxlength="20" data-rule="联系电话:required;mobile|tel" class="ip" />　可以填写电话或手机，电话请加区号</td>
14. </tr>
15. <tr>
16. <td>性别：</td>
17. <td><select name="t3" id="sex"><option value="0">保密</option><option value="1">男</option><option value="2">女</option></select></td>
18. </tr>
19. <tr>
20. <td>验证码：</td>
21. <td><input type="text" name="t4" size="4" maxlength="4" data-rule="验证码:required;" class="ip" /> <img src="{webroot}lib/imgcode.asp?t0=80&t1=20" title="看不清楚？点击刷新！" align="absmiddle" id="imgcode" onClick="this.src+='&'+Math.random();" /></td>
22. </tr>
23. <tr>
24. <td><input type="submit" value="提交" class="bnt" /></td>
25. <td><input type="reset" value="重设" class="bnt" /></td>
26. </tr>
27. </table>
28. </form>

表格样式

1. table.hovertable {font-family: verdana,arial,sans-serif;font-size:11px;color:#333333;border-width: 1px;border-color: #ddd;border-collapse: collapse;text-align:left;margin:3px auto 3px;}
2. table.hovertable th {background-color:#ddd;color:#333;border-width: 1px;padding: 8px;border-style: solid;border-color: #ddd;}
3. table.hovertable tr {background-color:#fff;}
4. /*table.hovertable tr:nth-child(2), table.hovertable tr:nth-child(4),table.hovertable tr:nth-child(6),table.hovertable tr:nth-child(8),table.hovertable tr:nth-child(10){background-color:#eee;}
5. table.hovertable tr:hover {background-color:#ddd;}*/
6. table.hovertable td {border-width: 1px;padding: 8px;border-style: solid;border-color: #ddd;}
7. table.hovertable input:focus ,table.hovertable textarea:focus{outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}table.hovertable input[type="text"],table.hovertable select,table.hovertable textarea,table.hovertable input.bnt{padding:2px;border:1px solid #c9c9c9;color:#666;outline:none;font-size:14px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;}table.hovertable input[type="text"],table.hovertable select{height:30px;}
8. table.hovertable input.bnt{height:30px;width:60px;background:#fff;}
9. table.hovertable input.bnt:hover{height:30px;width:60px;background:rgba(0,0,0,.075);}
10. /*!表格专用css*/
11. table{max-width:100%;border-collapse:collapse;border-spacing:0}table,.table{width:100%;margin-bottom:18px}table th,.table th,table td,.table td{padding:8px;line-height:18px;text-align:left;vertical-align:top;border-top:1px solid #ddd}table th,.table th{font-weight:bold}table thead th,.table thead th{vertical-align:bottom}table thead:first-child tr th,.table thead:first-child tr th,table thead:first-child tr td,.table thead:first-child tr td{border-top:0}table tbody+tbody,.table tbody+tbody{border-top:2px solid #ddd}.table-condensed th,.table-condensed td{padding:4px 5px}table{border:1px solid #ddd;*border-collapse:collapsed;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}table th+th,table td+td,table th+td,table td+th{border-left:1px solid #ddd}table thead:last-child tr:last-child th:last-child,table tbody:last-child tr:last-child td:last-child{}.table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5}table th{background:#fffbe9}.table th,.table td{vertical-align:middle}

分页样式

1. /*分页专用css2 -- npage*/
2. .npage{clear:both; padding:15px 0; color:#666; font:normal 12px/28px Arial; text-align:center;}
3. .npage li{list-style:none; display:inline-block; margin-left:3px;}
4. .npage span{ padding:0 5px;}
5. .npage a{display:inline-block; height:28px; margin:0 2px; padding:0 8px; border:solid 1px #ccc;  background:#fff; color:#333; font:normal 12px/28px Arial, Helvetica, sans-serif; cursor:pointer;}
6. .npage a:hover,.npage a.on,.npage li.active a{ border:none; background:#00549a; color:#fff!important;  text-decoration:none;}
7. .npage a.select{cursor:default;}
8. /*分页专用css*/
9. .npage{ text-align:center; padding:15px 0px 0px 0px; border:0; line-height:normal}
10. .npage input{width:20px;padding-left:10px;margin-left:10px;}
11. .npage a,.npage a:visited{color: #666; line-height:24px; padding:2px 5px 2px 5px; margin:2px 5px 2px 5px; border:1px solid #D9D9D9; height:24px; overflow:hidden; background:#fff}
12. .npage a:hover,.npage a:active,.npage a.on{color: #333; background:#DCDDDF; border:1px solid #D9D9D9}
13. .npage span,.npage span:hover,.npage span:active {color: #fff; line-height:24px; padding:2px 5px 2px 5px;  margin:2px 5px 2px 5px; background:#f06522; border:1px solid #f06522; height:24px; overflow:hidden}

内容来源：http://doc.zajan.cn/