用户登录

如果你打算渲染一个视图 ..上面显示资源列表的话,我们需要再去处理一下 .. 回到项目 .. 可以先把得到的这个 posts 输出到控制台上检查一下 .. console.log ,输出 posts ..

回到浏览器 .. 访问一下 posts 这个地址 .. 再回到命令行 .. 打开运行项目的这个命令行窗口 .. 上面显示的就是 posts 里面的内容 ..

这里出现的数据就是模型对象 .. 我们不能直接在视图里面使用这种数据 .. 所以需要再处理一下才行 .. 可以用一个 toJSON 这个方法,把它们转换成真正能用的数据 ..

回到项目 .. 先把 view 解构出来用一下 ..

return ,响应一个视图 .. 视图可以是 post 里面的 index .. 再给视图带一个数据 .. 名字是 posts .. 对应的值就是上面用模型的 all 方法得到的这个 posts .. 后面用一个 toJSON 方法,这样才能在视图里使用真正的文章资源数据 ..

下面再去创建一个视图 .. 在 resources .. views .. post 的下面,创建一个视图文件,名字是 index.edge

视图里面先用一下 layouts 里面的 main 这个布局 .. 这个布局里有个 content 区域 .. 一组 section ,定义一下 content 区域里的内容 ..

一个 div ,上面加上 container .. 它里面可以包装一个资源列表 .. 用一组 each 标签 .. post in posts .. 循环处理一下传递给这个视图的 posts 这个数据,每次循环的时候当前的项目叫 post ..

一个大标题 .. 上面加上 mt-5 .. mb-4 .. 添加点外边距 .. 里面绑定输出的是 post 里的 title .. 就是文章的标题 .. 这个 title 就是在 posts 数据表里面的一个 column 的名字 .. 一个栏,或者叫一个字段的名字 ..

下面是一个 div .. 里面绑定输出一个 post 里的 content .. 这个 content 是文章的正文 ...

预览

回到浏览器 ... 刷新一下这个 posts 这个地址 ... 现在这里会显示一个页面,上面是一个文章资源列表 .. 这个列表数据是我们用模型的 all 方法得到的 .. 然后把得到的数据交给了指定的视图 .. 在视图里使用循环输出了这个资源列表 ..

在视图中使用模型数据《 Node.js 应用:模型 》

统计

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

社会化网络

关于

微信订阅号

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