从零开始学DedeCms模板

这时我轻轻地闭上了眼睛,我好像来到童话世界,好像在和小鸟讨论秋天的美景,好像在和小草拍秋天的照片。农民伯伯在田野里收获了庄稼,果农们在果园里收获了果子,我们在学校里收获快乐、收获知识、收获成长。

学习dede模版代码

Dedecms的代码很有特色,只要熟悉以后很快就能上手而且使用非常灵活。dede模板引擎的代码样式有如下几种形式:

{dede:标记名称 属性='值'/}
{dede:标记名称 属性='值'}{/dede:标记名称}
{dede:标记名称 属性='值'}自定义样式模板(InnerText){/dede:标记名称}

从上面我们可以看出,dede模板引擎的代码可以分为标记名称、属性和自定义样式模版三部分,标记名称和属性用{}包围

而自定义样式模版在两个{}之间。

运用方法举例

先看下面的例子:

 {dede:arclist typeid='0' titlelen='28' row='10' }
 <li><a rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a></li>

{/dede:arclist} 上面是最基本的取得最新内容列表标记arclist,由开始标记{dede:arclist 属性typeid='' titlelen='28' row='10' col='1'}模版样式<li><a rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a></li>和结束标记 {/dede:arclist}组成。当你完成页面制作后,便可开始添加dede代码。没有添加dede代码之前:

<ul>
<li><a rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a></li>
<li><a rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a></li>
<li><a rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a></li>
<li><a rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a></li>
<li><a rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a></li>
<li><a rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a></li>
<li><a rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a></li>
<li><a rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a></li>
<li><a rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a></li>
<li><a rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a></li>
</ul>

添加代码后

<ul>
{dede:arclist typeid='0' titlelen='28' row='10' }
<li><a rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a></li>
{/dede:arclist}
</ul>

模版解析后就是添加代码前的样子。列表list标记,友情链接flink标记,导航channel标记,站内新闻mynews标记等待都是同样道理。

文章页里用到{dede:标记名称 属性='值'/},如{dede:field name='title' /}就是文章标题的意思。

模版里面的路径问题:本例使用{dede:global name='cfg_basehost'/}/templets/w3cpro/img/css.css,{dede:global name='cfg_basehost'/}是取得网站根目录的意思。这里有个模版保护问题,如果你珍惜你的网页模版,就把img目录独立分离出来,这样别人就不会知道你的模版目录。

本文从零开始学DedeCms模板到此结束。少壮真当努力,一年过去,何可攀援。小编再次感谢大家对我们的支持!