(转)dedecms网页模板编写

网页模板就是templets中的htm文件,所以编写模板就是要编写html。这篇文章不是关于标签的具体使用,而是对网页模板的一些理解。包括基本的标签语法,封面模板,列表模板和文档模板的关系。

一 关于标签

dedecms标签:就像html标签,不过是织梦自定义的,由标签名,属性,和InnerText构成。

改写文件templets/index.htm

网站名:{dede:global name=cfg_webname/}<br/><br/>
<strong>最近登陆的会员</strong><br/>
{dede:memberlist row=6 signlen=30}
    <a href="[field:spaceurl/]" target="_blank">
        <img src="[field:face/]"  width="52" height="52"/> [field:uname/]<br/>
    </a>
{/dede:memberlist}

通过运行网站主页index.php查看结果。

像dede:global就是标签名,name=cfg_webname是属性,在dede:memberlist标签间的就是InnerText。在织梦中,InnerText又称为底层模板。

短标签:像global这种只有单边的标签叫短标签,表示一个元素的值。

块标签:像memberlist这种成对的标签叫块标签,一般表示一系列的纪录,像上面的代码就表示列出6个会员的默写信息。研究一下会发现这些记录来自数据库。

[field:XX]这个代表记录中的某个属性值。

总结一下,编写模板时用到哪些语言

Html代码+新增的dedecms标签语法。

Css和Js没有新语法,以外部文件的方式调用。

Php,mysql的代码大大减少,与数据库查询有关的代码一部分被标签语法代替。比如说调用memberlist标签,就等价于访问数据表dede_member。Php主要用于插件等新模块的编写和修改。

以上只是织梦标签语法的简述,要编写网页模板,就要学dedecms的标签,详见模板手册。

标记手册1

标记手册2

站长百科

不用全部标签都学,学会global、field、php、arclist、list、pagelist和memberlist即可。其他需要再查。

要学习一个标签,要学会
1标签的基本语法,标签名
2标签,标签对应的网页模板,及标签的逻辑意义
3标签的属性以及其对标签用法的控制
4标签背后的数据来源,及其提供的InnerText

二 模板的种类

2.1 templets文件夹

System文件夹,里面放的是默认底层模板。当我们在块级标签间不写任何东西时,就会自动被调用来作为块级标签的InnerText。

Plus文件夹,里面放的是被root_dir/plus里的php调用的模板。经过一些研究也许能仿写这些模板的代码,待探究。

Default文件夹,里面放的是默认模板,是网页显示主要的模板,如果在网上下一个其他的dedecms模板(非官方默认模板),可能里面只是一个templets文件夹,因为这对外观已经足够了。下面是default文件夹的分析。

我以前只用到index.htm,其他的文件有什么用呢?

我认为这些文件可以分成两类:

第一类不是一个完整的页面,被include的(由于有了dedecms标签,html文档中也可以include)。如head.htm,footer.htm等。

第二类就是完整的页面了,呵呵。

而第二类又分为封面(index)模板,列表(list)模板,文档(内容,article)模板。文件夹中的index_XX.htm就是封面模板,依此类推。

2.2封面、列表和文档模板的测试

在root_dir/index.php中的SetTemplet处把路径改为dirname(__FILE__) . "/templets/default/

list_article.htm",显示的内容不太完整。这些模板要怎么用呢?一下是我探索的办法:

打开dedecms的网站后台管理(对了,请先安装安装数据体验包,这样才有测试数据)

点击网站栏目管理

在网页基础中点更改

常规选项中栏目属性是频道封面

再选择高级选项

高级选项中封面模板为{style}/index_article.htm

如果你安装的数据和我是同一版本,就会知道网页基础是个一级栏目,底下组织了很多文章。

回到网站栏目管理

点击预览,会看到一个关于网页基础栏目的页面。由于常规选项中栏目属性是频道封面,高级选项中封面模板为{style}/index_article.htm,所以网页调用index_article.htm作为模板。

依此类推,如果在常规选项中栏目属性是最终列表栏目,高级选项中封面模板为{style}/list_article.htm,则会调用list_article.htm作为模板,文档模板也依此类推。

模板和栏目的关系

每一个栏目都有自己的三个模板,而同一个模板可被多个栏目所用。也就是说,模板只是提供了样式,但内容终究来至数据库。这也说明了为什么在root_dir/index.php中的SetTemplet处改路径不能显示完整的内容,因为模板没有绑定到某个具体栏目。这也是织梦作为内容管理系统的特点,把样式和内容分离。

再来说说文档模板,在常规选项->栏目属性处看到。作为频道封面栏目不能发布文章的。那我们选一个最终列表栏目,如”Html”

点击更改。看到常规选项中栏目属性是最终列表栏目,点高级选项,就能看到文档模板为{style}/article_article.htm,所以Html栏目下所有的文章都会以这个模板显示。

点击内容管理里的普通文章

选择一篇Html栏目下的文章,点预览(右边的那个绿色小球)

这时看到的是就是article_article.htm模板代表的样式。

到这里,应该就会如何显示/调试封面模板、列表模板和文档模板了。

2.3频道

可以看见templets/default中大部分的模板都是这三类,可见其重要性。那么有index_article.htm,list_article.htm,article_article.htm就够了,其他又是干什么的。

这就要讲到频道,频道是栏目的类型,文章(article)频道、图片(image)频道、软件(soft)频道(实质是一个下载频道)、商品(shop)频道等。频道是一种内容模型,比如动漫、风景都能用图片频道。所以就会有index_article.htm,index_ image.htm,index_ soft.htm,index_shop.htm。每个频道都有自己的三种模板。

那么如何编写模板,当然要先学过标签语法

A、function 扩展,如{dede:标记名称 function=”函数名(@me,其它参数)” /}

B、在Innertext中直接编程,也就是之前一直用的方法

再读一下index_article.htm,list_article.htm,article_article.htm。读源码是最好的学习方法^_^

总的来说,写网页具体要做的就是为每个频道编写网页模板。

关于模板的内容就分享到这里了。

时间: 2024-10-13 03:41:14

(转)dedecms网页模板编写的相关文章

最新dedecms网页游戏开服表发号网站源码模板

模板介绍 最新dedecms网页游戏开服表发号网站源码模板,让你更精确的把握游戏开服时间和战略技巧. 这套网页游戏模板是织梦二次开发后的一套网页源码,后台也是经过二次开发后,适合游戏网站的一些参数说明及添加信息. 模板文件: 404.htm            大气的404页面 article_fahao.htm  发号模板详细页 article_time.htm   发号时间详细页 footer_time.htm    发号时间底部模板 head_time.htm      发号时间头部模板

Play学习 - 体验网页模板

在经过无数个尝试后,最终用sbt把play所依赖的所有包都下载下来了,现在可以非常快速编译运行了.今天体验了下网页模板,觉得非常不错,在这里做个简单的介绍. 原文说明: A Play Scala template is a simple text file that contains small blocks of Scala code. Templates can generate any text-based format, such as HTML, XML or CSV. The tem

网页模板

12款精美的免费 CSS 网页模板下载 这篇文章收集了12款精美的免费CSS网页模板分享给大家,您可以免费下载使用.相信这些漂亮的免费 CSS网页模板 既能够帮助您节省大量的时间和精力,又能有很满意的效果.希望这些免费的CSS网页模板能帮助到您. Coffee ( 演示| 下载 ) CleanBusiness ( 演示| 下载 ) WesternShop ( 演示| 下载 ) Light House ( 演示| 下载 ) Blue Motion ( 演示| 下载 ) Ancient ( 演示| 

关于在DEDECMS当中模板文件不存在的解决方案

大家可能在生成文档的时候遇到过,模板文件不存在,无法解析  这个问题,其实这个遇到这个问题的大多数人应该是修改了默认模板的名称才导致这样的问题,如果你避免这种问题大家在一开始对模板进行命名的时候就要写成默认的名称,不然的话,你后期的工作是很不好做的,如果你都修改了很大一部分问题,后才发现出来了这个问题在那么多的栏目中要找到那个模板文件不存在的栏目貌似不是很容易吧!那么我们就修改一下DEDE的一个文件: 文件地址:include/arc.archives.class.php 打开他,定位到605行

网页模板在线生成系统

上传图片,可生成外链 http://xt.yuanm.net/images.php 在线网页模板制作系统 http://xt.yuanm.net/ph_grzy/index.php ? 我搞了一个还不错,但是只能在他们自己网站上 ,模板无法下载下来 http://xt.yuanm.net/web.php?id=R6iHEVz ? 网站说了 可以做自我介绍 表白等页面.给对方惊喜 ? 我是用于学习github做托管网页,试一试,找个合适的模板做测试的..

商务企业CSS网页模板

商务企业CSS网页模板,模板,网页模板,公司企业,公司,商务,企业,博客,商务企业网页模板是运用于公司企业网站,适用于HTML DIV+CSS 博客模板下载.中国素材网. 来源:http://www.huiyi8.com/blog/ 商务企业CSS网页模板

《ASP.NET1200例》C#在网页上编写动态时钟

包含Timer类的命名空间有3个 Timer Class (System.Threading)‎ Timer Class (System.Windows.Forms)‎ 一般用于窗体程序 Timer Class (System.Timers)‎  一般用于控制台程序 using System; using System.Timers; class Program { public static void Main() { Timer t = new System.Timers.Timer(100

初学者--如何正确的构建一个网页模板----在路上(5)

一.基本网页模板,一般包括六大部分文档:   在你的文件夹中一般包含六个文档:index.html.css.js.img.lib(前提是你已经学过了bootstrap).fonts  (在这只简单介绍一下,后续会把每个部分所涉及到的有关内容写出与你分享) (一) . index.html(结构框架--结构层  从语义出发,描述网页结构的)      超文本标记语言.英文全拼:HyperText Markup Language.负责网页的语义描述.  HTML基本骨架:    <!DOCTYPE

20款响应式的 HTML5 网页模板【免费下载】

下面的列表集合了20款响应式的 HTML5 网页模板,这些专业的模板能够让你的网站吸引很多的访客.除了好看的外观,HTML5 模板吸引大家的另一个原因是由于其响应性和流动性.赶紧来看看. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读文章集锦 经典网页设计:25个应用视差滚动单页网站 经典网页设计:20个新鲜出炉 HTML5 网站 经典网页设计:20例简洁精美着陆页面设计 经典网页设计:20个简约风格电子商务网站 Folder Responsive Html5 Theme 在线演示