用户登录

打开一个用户页面 .. 下面我们再去改造一下这个用户页面的显示 .. 回到项目 .. 找到 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 这个视图里面 ...

预览

再回到用户页面 .. 预览一下 ...

用户页上的内容列表《 Node.js 应用:重构与改进 #2 》

统计

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

社会化网络

关于

微信订阅号

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