用户登录

按下内容列表里面的项目会打开一个内容详情页面,页面上会显示更具体的内容 .. 先去新建一个内容页面 .. 放在 pages/posts 目录的下面,因为 WordPress 里的文章内容叫 posts .. 里面添加一个 show.js ..

在页面文件里用一下 Page 方法 .. 先给它一个空白的对象参数 ..

然后再创建一个对应的视图文件 .. 放在同一个目录的下面,名字是 show.wxml ..

打开小程序的 app.json ,在 pages 这里要说明一下,我们又添加了一个页面 .. 地址是 pages/posts/show

传递 ID

再打开内容列表页面的视图 .. 内容项目我们用了一个 navigator 组件,它可以把用户带到指定的页面 .. 给它添加一个 url 属性,对应的值是一个地址 .. /pages/posts/show 问号 .. 再添加一个 id 属性,对应的值设置成 item.id ..

这样在 posts/show 这个页面上,我们可以得到内容的 id 号,然后我们可以去向后端服务请求这个对应的 id 的内容 ..

打开内容详情页面 ... 在页面里添加一个 onLoad 生命周期方法,页面加载以后会调用这个方法 .. 给它一个 options 参数 ..

在它里面定义一个 id .. 对应的值是 options 下面的 id 这个属性的值 .. 这个 id 就是从 navigator 组件那里传递过来的 ..

把这个 id 的值输出到控制台上检查一下 ..

预览

回到模拟器 .. 按一下列表页面上的某个内容项目 .. 这样会打开刚才我们定义的 show 这个页面 .. 页面加载以后 .. 在控制台上会输出一个内容 id 的值 ..

下面我们可以利用这个 id 的值去请求这个页面上需要的数据 ..

内容页面:创建内容详情页《 微信小程序:内容页面 #2 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点