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

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

风笛
2018-06-21 / 0 评论 / 276 阅读 / 正在检测是否收录...

kzi856q7.png

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

kzi85fr4.png

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

经过一番琢磨,我想到,既然这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} -->

kzi85ori.png

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

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

kzi85uf4.png

2018.06.21 00:25

0

评论

博主关闭了当前页面的评论