新人写的网站，望大佬提供意见

2022-06-27 09:47:52 +08:00
 oyp
新人程序员一枚，写了一个音乐网站，后台有 1000 首无版权的 BGM ，网站提供音乐分类、在线播放、一键下载、登陆注册、收藏音乐、音乐搜索等功能。

网站地址：web.app.ouyangpeng.top/poncon-copyrighted-music/

用了 SPA 的模式开发，比较传统的 jQuery 和 Bootstrap 搭配。

虽然网站做出来了，但我知道，我目前的开发方式太过传统了，学校教的也就这些。希望各位有经验的大佬指点一下，这个网站在开发上有什么地方需要改进，或者改用什么开发模式会更好，比如用 Vue 或者 React 这样的。

然后，我在 Git 仓库的使用上也不太熟悉，大家可以教下我。

新人作品，勿喷。
8114 次点击
所在节点    程序员
85 条回复
madlifer
2022-06-27 10:55:52 +08:00
@oyp 让用户去发现好音乐、在线收听、或者收藏 这跟全网搜的有啥区别，都是一个场景
oyp
2022-06-27 11:00:41 +08:00
@madlifer #21 我觉得吧，全网搜，一般知道歌名或者歌手名，然后一搜一堆，而我这都是冷门的😂😂😂😂😂。相信大部分上全网搜的人，都是大概有了关键词才会去搜吧😂😂😂😂😂
madlifer
2022-06-27 11:15:05 +08:00
@oyp 冷门没问题 汽水音乐你搜一下 跟你的想法是一样的 其实 就是从冷门音乐里面发现好音乐，你去看看他怎么做的。如果要是抱着这个目的的话，这个需求应该把握不住。

我跟你废话的原因就是想让你有点站在用户角度去判断项目价值的这种思维。怎么说呢，就跟建房子一样，你是个建筑工程师，但工程师应该懂需求，既然你花心思 build 了一个项目，肯定要产生相应的价值。如果不懂需求，一栋楼都不设计厕所，你自己感觉很酷，但别人并不会买，那就很没意义，得不到回应也会很消耗热情。
oyp
2022-06-27 11:15:13 +08:00
@oyp #22 用户的需求应该不同，比如我想听某杰伦，可以去可以全网搜的网站找一找，那我的目的就是为了找到这首歌，或许是下载，或许是听。而我做的这个，用户来这里肯定不能是为了找某一首歌，而是随便看看，看下热门推荐的，或者看看分类，找首自己需要的 BGM ，然后下载拿走。
oyp
2022-06-27 11:16:15 +08:00
@madlifer #23 也有道理，没毛病
Snoopy7x7
2022-06-27 11:16:52 +08:00
建议搜索可以优化一下；可以放一个搜索在顶部导航栏上，像这个 https://www.uisdc.com/；看你搜索专门放了一页，这个页面交互上，可以把常用的关键词用标签的样式放在在搜索框下面，这样直接点更快哦~
renhou
2022-06-27 11:21:36 +08:00
感觉很不错，下面是建议
1.在导航栏显著位置加上 github 项目地址和你的个人网站
2.可以加一个 logo ，ico 似乎有读取失败的问题？
3.在一些设备如 iphone 12pro 下载键会和播放器选项重叠
oyp
2022-06-27 11:26:16 +08:00
@renhou #27 第 1 点采纳一下，第 2 点，我应该就是没放 ico ，哈哈😂，第三点，开发时有研究过，所以是刻意让它有一些重叠，这样可以减少对列表的遮挡，也有感觉是按钮吸附在了播放器上，同时也刚好不会挡住播放器的
oyp
2022-06-27 11:27:39 +08:00
@madlifer #23 “既然你花心思 build 了一个项目，肯定要产生相应的价值”，非常同意
kapr1k0rn
2022-06-27 11:43:21 +08:00
打开页面的第一感受是配色不适合音乐网站
可能是个人喜好问题
twing37
2022-06-27 12:08:11 +08:00
挺好的。简直就是做文网文证审查时的标准模板审核站。简洁且有效功能。
有相关热心的同学可以做一套相关的开源出来。
Vegetable
2022-06-27 12:11:29 +08:00
挺好的
Macv1994
2022-06-27 12:30:13 +08:00
@oyp #18 可以在子容器使用 class="h-100"，所有子容器高度就全部一样了
oyp
2022-06-27 12:41:03 +08:00
@Macv1994 #33 真的可以，学到了，感谢🙏
oyp
2022-06-27 12:50:11 +08:00
@Macv1994 #33 已经用刚才这个方法修复好了，栅栏高度一致了，可以刷新网站看看 web.app.ouyangpeng.top/poncon-copyrighted-music/
MarkP
2022-06-27 12:53:26 +08:00
没进去的时候我就在想是不是用的 APlayer ，果然哈哈
Macv1994
2022-06-27 12:55:17 +08:00
@oyp 哈哈哈，互相学习，你这网站速度还挺快的，服务器啥配置呀？
oyp
2022-06-27 12:58:15 +08:00
@Macv1994 #37 阿里云学生机，1 核 2G
eudore
2022-06-27 14:31:30 +08:00
缓存 样式 移动适配都不错 ，挑两个鸡蛋 没有 h2 传输和 br 压缩，lpy 不知道是啥，功能没看。
eudore
2022-06-27 14:33:49 +08:00
var 三大框架任选一个基本是标配了，随便学几个玩玩，开发的思维模式不同，jq 还是有点老。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/862397

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX