调用[DOC]-使用织梦建站与仿站教程第四节

使用织梦建站与仿站教程第四节使用织梦建站与仿站教程第四节

一、 了解织梦首页内容的调用方法

二、 了解文章列表页的调用方法

三、 了解文章内容页的调用方法

本节织梦所讲到的所有标签都可以本博客织梦标签大全找到。

<div id="navMenu">

<ul>

<li><a href=' {dede:global.cfg_cmsurl/}/' ><span>主页</span></a></li>

{dede:channel type='t~op' row='~10' currentstyle="<li~clas~s='hover~'><a href=~' typelink 'rel ><span> typename </span></a></li>"}

<li><a href=' [field:typeurl/]'

[f ield:rel/]><span>[f ield:typename/]</span></a></li>{/dede:channel}

</ul>

</div>

解释

在<div></div>里面的就是导航条然后使用了一个无需列表<ul></ul>来做导航条的内容。第一个<li></li>是静态的不能从后台栏目修改而变化从dede channel 开始就是从我们的数据库里面调用出的栏目。type=' top' 顶级栏目 row=' 10' 调用个

数~current~style="<l~i class='hover' ><a href='~typelink~'

~rel ><span> typename </span></a></li>使用的样式。

然后在调用的属性设定好之后就在对应的<li>里面插入相关的标签。[field:typename/]表示

栏目的名称 [f ield:typeurl/]表示对应栏目名称的链接。

标签就是关键词在写文章的时候有一个TAG标签的属性织梦默认的调用方法 <div class="tags">

<h4>热门标签:</h4>

<ul>

{dede:tag row=' 10' getall=' 1' sort='month' }

<li><a href=' [field:link/]' >[field:tag /]</a></li>

{/dede:tag}

</ul>

</div>

在<div></div>里面的就是在首页我们看到的热门标签首先是有一个标题<h4>然后开始调用dede:tag这个标签是织梦调用标签的语句。row=' 10' 调用数量get'all='0'' 获取类型0为当前内容页TAG标记, 1为获取全部TAG标记sort= month 一个月之内的。 week一周内。 rand随即。 同样调用属性设定之后就在对应的<li>里面把标签都列出来

[field:tag /]表示标签的名称 [field: link/]表示对应名称的标签的文章链接。

织梦的特定文章调用我们看前台的特别推荐为例子默认的代码如下

<div class="latestnews">

<dl class="tbox light">

<dt class="light"><strong>特别推荐</strong></dt>

<dd class="light">

<ul class="d2 ico2">

{dede:arclist flag='a' row='6' orderby='pubdate' }

<li><span>[field:pubdate function="MyDate('m-d' ,@me)"/]</span><ahref="[field:arcurl/]">[field:title/]</a></li>

{/dede:arclist}

</ul>

</dd>

</dl>

</div>我们可以看出来在很多个<div>里面使用的特别推荐为标题的文章类型

<dt class="light"><strong>特别推荐</strong></dt>这一句代码中我们看出他是做成静态的无法随着后台栏目改变而改编的。然后我们看到织梦'的文'章调用语句dede:arclis't 。 fla'g='a'表示推荐的栏目row= 6 调用文章的数量orderby= pubdate表示出版的时间属性设定好之后也是到文章的调用 [f ield:pubdate function="MyDate('m-d' ,@me)"/]文章的出版时间。

[field:title/]文章的标题 [field:arcurl/]对应文章标题的链接。

织梦的图片调用方法和文章调"用方法一"样都是使用 {dede:arclist}标签代码如下 <div class= picnews >

<dl class="tbox light">

<dt class=' light'><strong>图文资讯</strong></dt>

<dd class=' light'>

<div class="infiniteCarousel">

<div class="wrapper">

<ul id=' imgscroll' >

{dede:ar'cli'st row=10 ord erby'=pubdate type=' image. 'imgwidth= 143 imgheight= 106 }

<li><"a href"="[field:arcurl/]">[field: image/]<spanclass= title >[field:title/]</span></a></li>

{/dede:arclist}

</ul>

</div>

</div>

</dd>

</dl>

</div>

首先是设置调用属性 row=10表示调用图片的数目 type=' image. ' 调用类型是图

片 imgwidth=' 143' imgheight=' 106'分别表示图片的宽度和高度。然后开始调用 [f ield:image/]表示图片 [f ield:arcurl/]表示图片的链接。 [field:title/]表示图片的标题。

织梦默认的幻灯片代码如下

<div class="flashnews">

<!-- size: 280px * 192px -->

<script language=' javascript'>linkarr = new Array() ;picarr = new Array() ;textarr = new Array() ;var swf_width=280;var swf_height=192;

//文字颜色|文字位置|文字背景颜色|文字背景透明度|按键文字颜色|按键默认颜色|按键当前颜色|自动播放时间|图片过渡效果|是否显示按钮|打开方式v arconfigtg='0xffffff|0|0x3FA61F|5|0xffffff|0xC5DDBC|0x000033|2|3| 1 |_blank' ; var files = "";var links = "";var texts = "";

//这里设置调用标记

{dede:arclist flag='f' row=' 5' }linkarr[[field:global.autoindex/] ] = "[field:arcurl/]";picarr[ [field:global.autoindex/]] = "[field: litpic/]";

textarr'[[field:global.a'uto"index/] ] = "[field:titlefunction= html2text(@me) /] ;

{/dede:arclist}for(i=1 ;i<picarr. length; i++) {if(files=="") files = picarr[i] ;else files += "|"+picarr[i] ;

}for(i=1 ;i<linkarr. length; i++) {if(links=="") links = linkarr[i] ;else links += "|"+linkarr[i] ;

}for(i=1 ;i<textarr. length; i++) {if(texts=="") texts = textarr[i] ;else texts += "|"+textarr[i] ;

}document.wr"ite(' <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-

444553540000codebase="http://fpdownload.ma"cromedia".'com/pub/shockw'a"ve/cabs/f"'lash/swflash.cab'#"v'ersion=6,0,0,0 width= + swf_width + height= +swf_height + > ) ;docum"ent.write(' <param name="movie"value= {dede:global. cfg_temple"turl

/}/defa"ult/"ima'ges/bcastr3. swf ><param name="quality"value= high > ) ;

document.write('"<param"na'me="menu" value="false"><paramname=wmode value= opaque > ) ;docum"ent.write(' <p'aram nam'e="FlashVars"'value='bcastr_file= +f'iles+ &bcas'tr"_'link= +links+'&bcastr_title='+texts+ &bcastr_config= +configtg+ > ) ;document.write(' <embed src="{dede:g"lobal. cf"g_templeturl

/}/default/images/bcastr3. swf wmode= opaque

Fla' shVars='"bcastr_file='+f'iles+'&bcas'tr_link="'+link"s+'&bcastr"_tit"le= +tex"ts+ &bcastr_conf"ig= +conf"igtg+ &menu= fal"se quality= highwidth=" '+ swf_width +' height= '+ s"wf_height +'type= applica"tion/x-shockwave-flashpluginspage= ht'tp://www.ma' cromedia. com/go/getf lashplayer" />' ) ;document.write( </object> ) ;

</script>

</div>

这里是一段js的代码我们直接找到织梦的调用部分的标签

{dede:arclist flag='f' row=' 5' }linkarr[[field:global.autoindex/] ] = "[field:arcurl/]";picarr[ [field:global.autoindex/] ] = "[field: litpic/]";textarr'[[field:global.a'uto"index/] ] = "[field:titlefunction= html2text(@me) /] ;

{/dede:arclist}

我们可以看出 flag='f' 这个是幻灯片类型 row=' 5'调用数量是5个。linkarr[[field:global.autoindex/] ] = "[field:arcurl/]";

表示幻灯片的链接picarr[ [field:global.autoindex/]] = "[field: litpic/]";

表示幻灯片的图片textarr'[[field:global.a'uto"index/] ] = "[field:titlefunction= html2text(@me) /] ;

表示幻灯片的标题

织梦默认的友情链接代码如下

<div class="flink w960 center clear">

<dl class="tbox">

<dt> <strong>友情链接</strong>

<span class="linklabel">

{dede:flinktype type="dedecms"}

<a href="#" _for="flink_[field: id/]">[field:typename/]</a>{/dede:fl inktype}

</s p an>

<span class="more"> <a href="plus/flink.php">所有链接

</a> | <a href="plus/flink_add.php">申请加入</a> </span> </dt>{dede:flinktype type=""}

<dd id="flink_[field: id/]">

<ul class="f5">

{dede:flink/}

</ul>

</dd>

{/dede:fl inktype}

</dl>

</div>

首先我们看到第一段调用代码

{dede:flinktype type="dedecms"}

<a href="#" _for="flink_[field: id/]">[field:typename/]</a>

{/dede:fl inktype}

[field:typename/]表示友情链接类型。

然后我们看第二段调用代码

{dede:flinktype type=""}

<dd id="flink_[field: id/]">

<ul class="f5">

{dede:flink/}

</ul>

</dd>

{dede:flinktype type=""}这个是织梦链的调用我们之前已经把他去掉了。

然后在<ul>里面调用了友情链接每一个友情链接可以用{dede:flink/}表示

{dede: list pagesize=' 10' }