来一起搞个追剧指南:准备工作

859 阅读3分钟

喜欢追剧嘛?来和我一起整一个追剧指南吧~

image.png

写在前面

版权

为什么要把这一点放在最前面,因为好多小伙伴知道我搞了这么一个网站之后的第一反应就是,能不能直接看片😓?

不能!

很多国内个人创办的美剧网站发展至今,前赴后继的从辉煌走向灭亡,无一不是因为版权问题!

有一些能直接播放的网站,要么在国外,要么已经在灰色地带疯狂试探了😓

参考人人影视!!!

是的,没有视频的版权,是没有办法直接做资源播放的!

有一些遗憾,但并不影响我想做一个只推荐剧的指南网👀

背景

我是一个渣渣前端,也会一些后端,有些小伙伴可能因为沸点的日记也眼熟我😂~

一直想写一个自己的项目。中途也尝试做过很多奇奇怪怪的小项目,但都不了了之。

这次终于下定决心要持续维护一个自己的项目(目前已经坚持了将近一个月)。

立项

之所以做一个追剧指南,是因为我本身就是一个追剧狂热爱好者😍,由衷喜爱科幻类型😊。

我也观察过很多具备美剧、英剧...之类资讯合集的网站,但距离我内心想要做的一些功能,还远远比不上😁。

比如说,通过各种条件,检索出自己可能会喜欢的一类剧...

比如说,快速搜索某演员和某演员共同出演的剧...

比如说,某剧和某剧之间有联动,却不知道是第几集和第几集,也就是类似播放时间线的关联...

...

还有很多很多我想到的,和没想到的功能...

所以光想,不如直接动手开始!

技术准备

数据

那么做推荐,肯定需要大量的数据,自己一个一个录,肯定费劲。

这就不得不提到我偶然发现的一个优质的网站tvmaze.com(我自己域名是因为懒得起名字,加上搜了下.cn刚好没被注册,我就注册了😂)

这个网站提供不涉及侵权开放数据api,有兴趣的小伙伴如果也想自己搞个小项目,也可以用~

image.png

唯一美中不足的就是,数据全都是英文,需要自己做一下加工处理。

数据库

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权限看源码,那就扫码加入吧~

image.png