DouPHP如何在一个页面调用多个单页的内容

需求：在导航栏中点击“关于我们”（单页）中的下一级导航跳转到一个页面的对应位置。也就是需要在同一个页面调用多个单页的内容。

首先想到的是通过锚链接，跳转到对应位置。但是如何才能够在同一个页面调用多个单页的内容呢？

经过一番琢磨，我想到，既然这4个单页（4个块状）都是一样的样式，这就有点像文章或产品的列表的了。把这个页面当成一个列表页，通过foreach来循环，是否就能够达到想要的效果了？动手试了一下，果然可以。

那如何做锚链接呢？锚链接需要通过标签设置name的值来完成，这时候，name的值应该就是动态的，如果直接调用单页的别名不就可以了？那么如何调用单页别名呢？在数据库中，我看到别名的字段是unique_id，于是我就尝试用{$page.unique_id}标签看是否可以调用，果不其然，确实能够动态调用到单页别名。

代码如下：

<!-- {foreach from=$page_list name=page_list item=page} -->
<div>
<h4 class="title"><a name="{$page.unique_id}" style="colo6);">{$page.page_name}</a></h4>
<hr />
<div class="text">
{$page.content}
</div>
</div>
<!-- {/foreach} -->

那么剩下的就是怎么设置导航和跳转了。我用的是自定义导航的方式。

经过测试，直接在“链接地址”里面增加“#单页别名”的方式并不能跳转，点击时的连接为“网站地址/#单页别名”。经过观察，我发现如果是单页的连接后面加上“#单页别名”的方式是可以跳转的，于是，我在后台添加自定义导航的时候，在“连接地址”填入“page.php?id=1#单页别名”，经过测试，基本上能够实现客户的需求。

2018.06.21 00:25