sablog模板设计教程[2] – sablog模板的组成

下面我来介绍一下sablog-x模板的组成部分,sablog与其大同小异,但比sablog-x更加简单

这里要提前讲一下模板文件是如何被使用的,以便理解下面内容,php中的模板不是由页构成,而是由块构成,我们可以把一个首页理解成若干个块,以sablog来举例,一般分为 header,footer和page,header块显示在页面最顶部,一般用来显示logo;footer块显示在页面最底部,一般用来显示版权信息;page块也就是中间的主要内容部分,很重要的是page还分为两块,分别是left和right,left就是首页中间左面的部分,用来显示日历,最新评论,日志分类,日志归档,友情链接等内容,而其实日历,最新评论,日志分类,日志归档,友情链接其实也是属于left中的块;right就很复杂了,在不同的页面中他显示不同的内容,调用不同的模板,比如在首页标准浏览模式下他调用normail.htm,列表模式下他调用list.htm,而在用户列表页面他调用user.htm等等.而这里指的模板不是整个页面的模板,而是某一块的模板.

目录
calendar

    calendar目录用于存放日历的背景图片,就是日历后面的很大的月份数字 1,2,3,4,5…..11,12
     

样式表
style.css

    style.css是sablog模板中很重要的一部分,他控制着整个模板的样式风格,很多时候我们不需要修改其他文件而只修改style.css就能做出一个很漂亮的模板了.
     

页面文件
attachment.htm

    attachment.htm是附件列表的模板,也就是yourdomain.com?action=attachment页面
     

comments.htm

    comments.htm是添加评论页面的模板
     

footer.htm

    footer.htm是页脚的模板,也就是最下方版权信息那部分
     

index.htm

    index.htm也是非常重要的一部分,他控制着整个模板的显示的布局,也控制着菜单栏的显示.
     

left.htm

    left.htm是左侧部分的模板,也就是显示显示日历,最新评论,日志分类,日志归档,友情链接等内容的那一块
     

list.htm

    list.htm是列表浏览模式下文章的显示模板,也就是列表模式下right那块显示的模板
     

login.htm

    login.htm看名字就知道,是登陆页面的模板
     

message.htm

    message.htm 返回信息并进行跳转,一般在触发某事件时调用,比如刷新过快.
     

none.htm

    none.htm 返回未定义操作,是出错之后显示的页面
     

normal.htm

    normal.htm是标准浏览模式先文章的显示模板,也就是标准模式下right那块显示的模板
     

profile.htm

    profile.htm是修改个人资料的模板
     

reg.htm

    reg.htm是注册页面的模板,也就是yourdomain.com?action=reg页面下right块的模板
     

rss.htm

    rss.htm是聚合订阅页面的模板,也就是yourdomain.com?action=rss页面下right块的模板
     

search.htm

    search.htm是高级搜索页面的模板,也就是yourdomain.com?action=search页面下right块的模板
     

searchstats.htm

    searchstats.htm 热门搜索页面的模板,也就是yourdomain.com?action=searchstats页面下right块的模板
     

show.htm

    show.htm是显示文章的模板
     

showuser.htm

    showuser.htm是显示特定用户信息的模板,就是在用户列表内选择了用户之后显示的内容
     

tag.htm

    tag.htm是标签列表的模板,也就是yourdomain.com?action=tagslist页面下right块的模板
     

trackbacks.htm

    trackbacks.htm 是引用列表的模板,也就是yourdomain.com?action=user页面下right块的模板
     

user.htm

    user.htm是用户列表的模板,也就是yourdomain.com?action=trackbacks页面下right块的模板
     

图片
big5.jpg 这个基本上没有什么用,用来显示编码的
gbk.jpg 这个基本上没有什么用,用来显示编码的
noface.jpg 这个是在用户没有设置头像的时候默认显示的头像图片
sidebar_border.jpg 在默认模板default中是中间部分的背景,主要是为了控制显示中间的竖线
top_home.gif 这个是什么没有太注意…
watermark.png 是水印标记,当在后台打开了水印功能请修改此图片

这里再给大家举了例子,来说明一下模板是如何工作的,当用户发出请求进入yourdomain.com的时候,也就是进入你的首页的时候,我们这里先不涉及缓存问题,首先程序会从设置里找到你当前使用的模板名,然后去指定模板目录调用index.htm,index.htm又会调用header.htm,left.htm,footer.htm,然后程序再根据当前的请求来判断right部分去调用哪个模板,如果当前浏览模式为标准,请求为index.php,那么right部分会调用normal.htm在调用这些模板的同时对模板中的变量进行替换,然后再生成缓存,最后输出我们看到的首页.不过我说的这个并不是sablog-x中模板的工作流程,因为一直很忙,没有太多时间去读sablog-x的程序,这里只是为了让大家更好的理解模板的工作方法,从而做出更好的模板.

未完待续
本人技术有限,难免出现错误,希望高手指出
在接下来的文章里我将详细的为大家介绍如何修改每一个文件

作者:maker
发表时间:2007.1.5

Random Posts

Leave a Reply