打开一个用户页面 .. 下面我们再去改造一下这个用户页面的显示 .. 回到项目 .. 找到 UserController 控制器 ..
对用户页面的请求,现在用的是这个控制器里的 show 方法来处理的 .. 把 request 从方法的 context 参数里解构出来 ..
在方法里再添加一个 pageNumber 表示当前请求显示的页码 .. request.input ,得到 pgae 查询参数的值 .. 默认让它等于 1 ..
pageSize ... 每页显示 20 个项目 ..
下面用了 User 模型上的 find 找到了当前页面上的用户 ..
我们再用一下这个 user.load ,载入用户的 profile 这个关系 .. 然后再添加一个 posts ,它的值应该是用户相关的内容列表 ..
await ... 用一下 user 的 posts 这个关系 .. 得到相关的文章列表 .. orderBy ,按 updated_at ,更新时间 .. 降序排列 ..
with ... user ..
再用一个 paginate 分页得到数据 .. 页码是 pageNumber ... 每页项目数量是 pageSize ..
传递给 user.show 视图的数据,除了这个 user .... 再 spread posts.toJSON() ...
然后打开 user.show 视图 ... 改造一下这个视图 .. 里面要添加一个相关的内容列表还有一个分页器 .. 这两个组件的用法跟 tag.show 是一样的 .. 打开这个视图 .. 复制一下里面用的这两个组件 ... 把它们粘贴到 user.show 这个视图里面 ...
预览
再回到用户页面 .. 预览一下 ...