喜欢追剧嘛?来和我一起整一个追剧指南吧~
写在前面
版权
为什么要把这一点放在最前面,因为好多小伙伴知道我搞了这么一个网站之后的第一反应就是,能不能直接看片😓?
不能!
很多国内个人创办的美剧网站发展至今,前赴后继的从辉煌走向灭亡,无一不是因为版权问题!
有一些能直接播放的网站,要么在国外,要么已经在灰色地带疯狂试探了😓
参考人人影视!!!
是的,没有视频的版权,是没有办法直接做资源播放的!
有一些遗憾,但并不影响我想做一个只推荐剧的指南网👀
背景
我是一个渣渣前端,也会一些后端,有些小伙伴可能因为沸点的日记也眼熟我😂~
一直想写一个自己的项目。中途也尝试做过很多奇奇怪怪的小项目,但都不了了之。
这次终于下定决心要持续维护一个自己的项目(目前已经坚持了将近一个月)。
立项
之所以做一个追剧指南,是因为我本身就是一个追剧狂热爱好者😍,由衷喜爱科幻类型😊。
我也观察过很多具备美剧、英剧...之类资讯合集的网站,但距离我内心想要做的一些功能,还远远比不上😁。
比如说,通过各种条件,检索出自己可能会喜欢的一类剧...
比如说,快速搜索某演员和某演员共同出演的剧...
比如说,某剧和某剧之间有联动,却不知道是第几集和第几集,也就是类似播放时间线的关联...
...
还有很多很多我想到的,和没想到的功能...
所以光想,不如直接动手开始!
技术准备
数据
那么做推荐,肯定需要大量的数据,自己一个一个录,肯定费劲。
这就不得不提到我偶然发现的一个优质的网站tvmaze.com(我自己域名是因为懒得起名字,加上搜了下.cn刚好没被注册,我就注册了😂)
这个网站提供不涉及侵权的开放数据api,有兴趣的小伙伴如果也想自己搞个小项目,也可以用~
唯一美中不足的就是,数据全都是英文,需要自己做一下加工处理。
数据库
mysql
后期应该会加上redis
后端
ThinkJs
ThinkJS 是一款面向未来开发的 Node.js 框架,整合了大量的项目最佳实践,让企业级开发变得更简单、高效。从 3.0 开始,框架底层基于 Koa 2.x 实现,兼容 Koa 的所有功能。
前端
Nuxt + Scss + ElementUI组件(将近10个)
目前使用的还是v2.15.8
版本的Nuxt
,所以vue
也不是v3
的,后面再慢慢升级吧...
更文计划
我可能不会按照从0-1一行一行代码去更新文章,可能会比较跳跃,挑网站中的一些有意思的技术点,去更新。
目前想到的有以下这些,且都是目前网站已经实现的功能:
- 来一起搞个追剧指南:准备工作
- 来一起搞个追剧指南:后端表结构(实时更新)
- 来一起搞个追剧指南:前后端项目搭建、部署指南
- 来一起搞个追剧指南:前端实现阶梯式渐入列表动画效果
- 来一起搞个追剧指南:前端实现整站换肤功能
- 来一起搞个追剧指南:前端实现中英文语言切换功能
- 来一起搞个追剧指南:前端实现在富文本中插入自定义组件
加入我们
不管怎么说,讨论群不能少,如果你也喜欢追剧,或者喜欢技术,或者来和我一起摸鱼,甚至,你想要项目的git权限看源码,那就扫码加入吧~