需求:在导航栏中点击“关于我们”(单页)中的下一级导航跳转到一个页面的对应位置。也就是需要在同一个页面调用多个单页的内容。
首先想到的是通过锚链接,跳转到对应位置。但是如何才能够在同一个页面调用多个单页的内容呢?
经过一番琢磨,我想到,既然这4个单页(4个块状)都是一样的样式,这就有点像文章或产品的列表的了。把这个页面当成一个列表页,通过foreach来循环,是否就能够达到想要的效果了?动手试了一下,果然可以。
那如何做锚链接呢?锚链接需要通过<a>标签设置name的值来完成,这时候,name的值应该就是动态的,如果直接调用单页的别名不就可以了?那么如何调用单页别名呢?在数据库中,我看到别名的字段是unique_id,于是我就尝试用{$page.unique_id}标签看是否可以调用,果不其然,确实能够动态调用到单页别名。
代码如下: