随便看看

4天再造一个豆瓣小组界面——影之避难所前端开发实录

[Ar]3d^{6}4s^22021/11/07 05:53:31


影之避难所之前只提供数据库,导致查询不便,做一个网页出来是必须的。这5天我们学校开校运会、停课,我于是有时间来折腾一下代码。

https://img9.doubanio.com/view/group_topic/l/public/p506681575.webp
电脑端首页

https://img2.doubanio.com/view/group_topic/l/public/p506685511.webp
电脑端看帖

现在电脑端的样式如上。

其实如果直接套用豆瓣的css的话写起来还挺简单的,而且我以前也写过了,只是要把字符串改成react而已。写完之后发现手机端体验不好(因为那个css是在电脑端拿到的),于是决定自己写一份前端出来。

写一会儿改一会儿,现在就成了这样:

https://img1.doubanio.com/view/group_topic/l/public/p506683277.webp
主页

https://img9.doubanio.com/view/group_topic/l/public/p506685896.webp
看帖

之后简单用waline做了个评论区,再找lightbox库做了个看图,豆瓣小组除发帖以外的功能基本被我实现干净了。整个开发过程充分发挥了“听炮指挥、能打胜仗、作风优良”的波主义精神,产生了“前端开发会战精神”这一宝贵的精神财富,,,

未来展望:加入发帖功能与原生回帖功能,从而影之避难所在必要时可以直接脱离豆瓣、成为一个独立的论坛。

https://yajuhome.penclub.club:8443


trombe2021/11/09 08:50:13

我两个月前那个 不jz的劝退学产生了jz的效果 这帖子还能找到吗 最近被阿北挖坟删了

[Ar]3d^{6}4s^2楼主2021/11/09 08:50:39

我两个月前那个 不jz的劝退学产生了jz的效果 这帖子还能找到吗 最近被阿北挖坟删了trombe

[Ar]3d^{6}4s^2楼主2021/11/09 09:19:53

我两个月前那个 不jz的劝退学产生了jz的效果 这帖子还能找到吗 最近被阿北挖坟删了trombe
https://yajuhome.penclub.club:8443/topic/242061710
但帖子里的图片没存下来(当时还没开发这个功能)
(1)

trombe2021/11/09 09:23:42

https://yajuhome.penclub.club:8443/topic/242061710 但帖子里的图片没存下来(当时还没开发这个功能)[Ar]3d^{6}4s^2
感谢了

アカネ2021/11/07 05:54:52

誇誇,很厲害~

stoppedclock🏴2021/11/07 06:02:29

最近同在搞react

Kitsch_chan18842021/11/07 06:14:33

我的超人!

新闻与报纸摘要2021/11/07 06:16:57

这个链接是不是已经可以扔出去供人视奸了

[Ar]3d^{6}4s^2楼主2021/11/07 06:27:16

这个链接是不是已经可以扔出去供人视奸了新闻与报纸摘要
按我的理解,外组就是拿来被看的,私密组只是为了不受豆列羞辱,以及相对更宽松的审核而已
(15)

么么哒的嗑药炮2021/11/07 06:37:44

技术力高超

野辰2021/11/08 19:18:27

帖子数据是用爬虫爬下来的吗

[Ar]3d^{6}4s^2楼主2021/11/08 23:58:20

帖子数据是用爬虫爬下来的吗野辰
是的,之前的帖子里有

弗拉明戈人2021/11/09 03:15:33

波萨达斯大档案馆……

一行琉璃2021/11/09 08:04:28

野兽之家(直球)