努力当好一个小队队长(4)|青训营笔记

89 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第4天

小队项目: 仿掘金页面

书接上文...juejin.cn/post/712835…

上回说到,已经把文章列表页的模板写出来,接下来看看文章详情页吧

文章详情页

2022-08-06_195825.png 特别的需要说明:

文章详情

之前已经有了想法,所以我们打算把文章整个复制下来(连带标签),复制放进--Typora--也就是md文件里,可以看出效果基本一样:

2022-08-06_200354.png

到时候这边用一个盒子包住就行啦

文章内容弄完别忘了还有侧边栏

侧边栏

包含了点赞,评论,收藏等,所以一定要有点赞的那种交互,接口,也是提上日程了

评论区

评论区打算单独另一个接口,通过文章的id去获取,也是写在了模板表格里

2022-08-06_200924.png

评论的回复暂时没有弄,等打算还有时间的话就完善,目前只有评论。

2022-08-06_201507.png

可以看出这里也有是否关注,点赞等,需要特别注意

评论区下的文章推荐区

和首页文章列表大同小异,可以复用

这样子有一个问题,数据量太庞大。

所以我们准备,服用之前创建的文章作者的数据,放进评论列表里,每一个都可以放,这样也有了评论人id,头像,关注未关注等,省了不少时间,评论内容就是走形式了

此处的评论文章表格有7个 id为1~7

2022-08-06_202158.png

作者页面

选取了几个比较重要的字段

2022-08-06_214704.png

Ok 这几个页面的主要内容 就差不多了

总结一下具体怎么填写

小队成员一个人找一篇文章(包含文章作者数据)

所以,一共有7篇文章,7个作者的数据

关于文章的评论区,先行用这7个作者创造出假评论

在飞书上使用在线表格填写,真的很好用

2022-08-06_215241.png

小队成员们也是完美的完成了任务!

接下来...