我们在之前的文章中已经不止一次的提到过index.php模版，它的逻辑结构我们都可以呼之欲出了。现在我们把逻辑图和代码放在一起看看吧。
默认代码模式：
{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文件。
近期评论