微信小程序项目-小湖音乐

March 8, 2021

760views

1875 words

> 早期学习微信小程序迭代而出的产品，根据小破站某视频教学更新优化而来。
> 
> 项目开源于GitHub，与各位大佬一起学习进步，接口均来自网易云官方真实接口。
> 
> 演示地址：暂无上线，微信官方表示个人用户不能上线音乐产品。

项目开源地址：[https://github.com/lexinhu/lake_music](https://github.com/lexinhu/lake_music)

```
lake_music                      // 小湖音乐
 ├── components                  // 组件
 ├── lakeMusic_api_server        // node版本网易云音乐接口
 ├── pages                       // 小程序页面
 │       └── index                 // 首页
 │       └── login                 // 登录页
 │       └── personal              // 个人中心
 │       └── recommendSong         // 每日推荐
 │       └── search                // 搜索页
 │       └── songDetail            // 音乐详细页
 │       └── songListDetail        // 歌单页
 │       └── video                 // 视频页
 ├── utils                       // 工具
 │       └── request.js            // 请求封装体
 ├── static                      // 静态资源
```

后端应用来自民间大神的 node 版本：[https://binaryify.github.io/NeteaseCloudMusicApi/](https://binaryify.github.io/NeteaseCloudMusicApi/)，但由于大神保持着更新，某些接口地址和参数会更换，所以建议大家使用我项目里的 **lakeMusic_api_server**，在该目录下执行 `npm run start` 即可启动后端。

## 开发笔记

记录了一些开发过程的笔记
</div>
<div class="preview">
<div class="post-inser post box-shadow-wrap-normal">
<a href="https://www.xn2001.com/archives/645.html" target="_blank" class="post_inser_a no-external-link no-underline-link">
<div class="inner-image bg" style="background-image: url(https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210201033027.gif);background-size: cover;"></div>

<div class="inner-content" >
<p class="inser-title">小湖音乐开发笔记</p>
<div class="inster-summary text-muted">
  let {musicId, ids} = this.data这样写可以直接从 data 中获取同名的 musi...
</div>
</div>
</a>

</div>

</div>

## 项目截图

[album type="photos"]

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210307235142.jpg)

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210307235302.jpg)

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210307235319.jpg)

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210307235349.jpg)

[/album] </div>

[album type="photos"]

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210307235405.jpg)

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210307235416.jpg)

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210307235427.jpg)

![](https://cdn.jsdelivr.net/gh/lexinhu/Image/img/2021/20210307235437.jpg)

[/album] </div>

<hr class="content-copyright" style="margin-top:50px" /><blockquote class="content-copyright" style="font-style:normal"><p class="content-copyright">版权属于：乐心湖's Blog</p><p class="content-copyright">本文链接：<a class="content-copyright" href="https://www.xn2001.com/archives/644.html">https://www.xn2001.com/archives/644.html</a></p><p class="content-copyright">声明：博客所有文章除特别声明外，均采用 <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.zh" target="_blank" rel="nofollow noopener noopener" one-link-mark="yes">CC BY-SA 4.0 协议</a> ，转载请注明出处！</p></blockquote>

腾讯云社区邀请各位技术博主加入，福利多多噢！

Last modification：March 23rd, 2021 at 04:25 pm

如果觉得我的文章对你有用，请随意赞赏

微信小程序项目-小湖音乐

钟小湖 • 2021 年 03 月 08 日

北京艺术培训
March 29th, 2021 at 01:18 pm

真不错赞一个

zc
March 23rd, 2021 at 04:17 pm

npm start 失败怎么搞

1. 钟小湖
  March 23rd, 2021 at 04:18 pm
  
  @zc
  
  npm run start
  
。。
March 17th, 2021 at 05:37 pm

求问大佬，enable-flex设置不起作用怎么办啊，依旧是竖向排列

微信小程序项目-小湖音乐

4 comments

Leave a Comment Cancel reply

微信小程序项目-小湖音乐