链接到详情页

在我们的博客网站的例子中,当你点击主页上每篇文章下面的‘阅读更多’链接,页面应当跳转到那篇博客文章的具体内容页。在这个章节中,我们就要实现这个功能。

创建详情组件

要链接到一个详情页,我们需要建立一个组件来显示博客文章的详细内容。新建一个组件,并将组件显示的内容更改为下图

数据源

添加一个数据源。在这里,我们不需要显示一个循环列表,只需要显示每篇博客的具体内容。因此,我们要添加的数据源应选择ContentItem下的ById,给这个数据源设置一个别名。

在下一步,选择具体的文件夹。

切换回数据绑定的标签,首先我们需要的是绑定标题。在预览窗口中点选标题,并在右侧点击‘数据’按键。

将标题绑定到相应的标题数据源。同理,绑定其他数据到相应的字段上。

列表与详情的链接

我们需要所详情页与前面的列表页建立关联。 回到 'blog_list' 组件, 选择 “阅读更多”, 然后点击右边的“链接”

在打开的弹窗中, 选择组件下的"blog_details"

回到列表页预览, 现在你的列表页与详情页都可以正常工作了。

创建详情页面

列表页与详情页之间的链接是自动创建的,并会带上相应的参数。

如果你没有为带详情展示的组件创建一个页面, 那详情组件与显示在列表组件相同的页面里。

如果你给详情组件创建一个单独的页面, 那列表页中的链接会自动指向新的页面。