我们在之前的文章中已经不止一次的提到过index.php模版,它的逻辑结构我们都可以呼之欲出了。现在我们把逻辑图和代码放在一起看看吧。
默认代码模式:
Markup
{template:header}<!-- 调用header.php --><body class="multi {$type}"> <div id="divAll"> <div id="divPage"> <div id="divMiddle"> <div id="divTop"> <h1 id="BlogTitle"><a href="{$host}">{$name}</a></h1> <h3 id="BlogSubTitle">{$subname}</h3> </div> <div id="divNavBar"> <ul> {module:navbar}<!-- 调用导航栏(navbar) --> </ul> </div> <div id="divMain"> {foreach $articles as $article}<!-- 循环调用文章列表模版 --> {if $article.IsTop}<!-- 如果是置顶文章的判断 --> {template:post-istop} {else} {template:post-multi} {/if} {/foreach} <div class="pagebar">{template:pagebar}<!-- 调用分页pagebar.php --></div> </div> <div id="divSidebar"> {template:sidebar}<!-- 调用侧栏sidebar.php --> </div>{template:footer}<!-- 调用footer.php -->
看过之前教程#5文章并且会点html代码的就不需要我解释了,还没理解的我就再唠叨一边:
index.php模版开头调用了header.php文件,结尾调用了footer.php文件。其中</body>
代码是写在footer.php文件里面的。网页通过div架构,调用了网站的标题{$name}
和副标题{$subname}
,并且给标题做了一个超链接,链接到网站的网址{$host}
,然后,网站调用了导航栏模块navbar。
#divMian
的架构下是调用了文章列表,给它做了一个foreach循环,并且通过if来判断,置顶文章调用post-istop.php模板,普通的调用post-multi.php模板。最后,在文章列表底部调用了分页模版pagebar.php。
侧栏直接直接调用了sidebar.php文件。