这是我参与「第四届青训营 」笔记创作活动的第4天
小队项目: 仿掘金页面
书接上文...juejin.cn/post/712835…
上回说到,已经把文章列表页的模板写出来,接下来看看文章详情页吧
文章详情页
特别的需要说明:
文章详情
之前已经有了想法,所以我们打算把文章整个复制下来(连带标签),复制放进--Typora--也就是md文件里,可以看出效果基本一样:
到时候这边用一个盒子包住就行啦
文章内容弄完别忘了还有侧边栏
侧边栏
包含了点赞,评论,收藏等,所以一定要有点赞的那种交互,接口,也是提上日程了
评论区
评论区打算单独另一个接口,通过文章的id去获取,也是写在了模板表格里
评论的回复暂时没有弄,等打算还有时间的话就完善,目前只有评论。
可以看出这里也有是否关注,点赞等,需要特别注意
评论区下的文章推荐区
和首页文章列表大同小异,可以复用
这样子有一个问题,数据量太庞大。
所以我们准备,服用之前创建的文章作者的数据,放进评论列表里,每一个都可以放,这样也有了评论人id,头像,关注未关注等,省了不少时间,评论内容就是走形式了
此处的评论文章表格有7个 id为1~7
作者页面
选取了几个比较重要的字段
Ok 这几个页面的主要内容 就差不多了
总结一下具体怎么填写
小队成员一个人找一篇文章(包含文章作者数据)
所以,一共有7篇文章,7个作者的数据
关于文章的评论区,先行用这7个作者创造出假评论
在飞书上使用在线表格填写,真的很好用
小队成员们也是完美的完成了任务!
接下来...