besscroft / diyfile-web Goto Github PK

使用 Google’s Material Design specification 重写前端，包括重写移动端，以便带来更好的交互体验。顺便让自己对 PC 和移动端样式、交互逻辑的视频更熟悉，也借此学习学习。
准备采用 Vuetify3 为基础重写。

由于一开始的设计，让“文件地址”作为了“访问地址”，也就是以文件路由的形式访问。

优点不言而喻，文件地址所见即所得。但经过长时间的使用以及迭代，发现局限性很多。

首先，路由见跳转，某些情况下会导致整个页面需要重新渲染，造成不好的用户体验。其次，在功能方面，由于需要兼顾这一特性，导致难以开发。而使用文件路由时，如果将打包后的文件放入后端的 tomcat，会造成很多兼容性的问题，导致某些情况下无法正常使用。虽然本地调试改造后可以用，但是代码设计会有很大的变动，后端除了 spring 接管的部分需要调整，还要兼容 tomcat 内部的一些东西，会让人有些许的不爽。

播放音乐支持吸底模式，且加载当前目录内所有歌曲进列表。

经过使用迭代发现，某些场景下，会有整个页面白嫖的问题。虽然不影响使用，但是确实是需要解决的一个问题，在查阅资料后，考虑引入 SSR 来解决这一问题。

注意要考虑引入 SSR，是否会影响当前前端的某些部署方式，是否需要更改。