Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/fanchaoo/netease-cloud-music-community

参照网易云音乐云村做的一个小程序社区，后端技术栈为Java，SpringBoot，MySQL，Redis，前端技术栈为uni-app。欢迎吐槽。
https://github.com/fanchaoo/netease-cloud-music-community

java javascript mysql netease netease-cloud-music netease-music oss redis spring-boot springboot uni-app uniapp vue

Last synced: 5 days ago
JSON representation

参照网易云音乐云村做的一个小程序社区，后端技术栈为Java，SpringBoot，MySQL，Redis，前端技术栈为uni-app。欢迎吐槽。

Host: GitHub
URL: https://github.com/fanchaoo/netease-cloud-music-community
Owner: fanchaoo
Created: 2020-10-13T15:02:49.000Z (about 4 years ago)
Default Branch: main
Last Pushed: 2021-02-19T10:12:24.000Z (almost 4 years ago)
Last Synced: 2024-11-24T12:04:18.525Z (27 days ago)
Topics: java, javascript, mysql, netease, netease-cloud-music, netease-music, oss, redis, spring-boot, springboot, uni-app, uniapp, vue
Language: Java
Homepage:
Size: 437 KB
Stars: 395
Watchers: 9
Forks: 118
Open Issues: 5
Metadata Files:
- Readme: README.md

Awesome-GitHub-Repo - netease-cloud-music-community - 参照网易云音乐云村做的小程序社区。[<img src="https://tva1.sinaimg.cn/large/008i3skNly1gxlhtmg11mj305k05k746.jpg" alt="微信" width="18px" height="18px" />](https://mp.weixin.qq.com/s?__biz=MzUxNjg4NDEzNA%3D%3D&chksm=f9a1dacdced653db91bb860841b272b8c868e02ece6b08c6be1813c22a10af363fb74b308a7a&idx=1&mid=2247485700&scene=21&sn=93207b8d49bd52e8c9e4e0ed36e23a22#wechat_redirect) (实战项目 / 小程序实战项目)

# 功能简介

微信登录，发文本动态，发图文动态，发视频动态，关注，转发，评论，点赞，收藏等等

# 项目运行截图

![image.png](https://upload-images.jianshu.io/upload_images/1754553-a870b839d364ca92.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

# 演示小程序（QQ扫码）

![](https://cclive.org.cn/miniqq.png)

# 技术栈

后端：Java，SpringBoot，MyBatis，MySQL，Redis

前端：uni-app

# 开发环境

后端：IntelliJ IDEA

前端：HbuilderX，微信开发者工具，QQ小程序开发者工具

# 项目运行

## 后端

1. 创建数据库，执行根目录中的live.sql，并修改artist表中的微信APPID等配置

![image.png](https://upload-images.jianshu.io/upload_images/1754553-996c58c6a5bd443c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

2. 使用IDEA导入live-backend-mp项目，并通过Modules的方式导入live-backend-common项目

![image.png](https://upload-images.jianshu.io/upload_images/1754553-b9c521cc05c9daf4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

3. 修改application-dev中的MySQL，Redis，阿里云OSS配置

![image.png](https://upload-images.jianshu.io/upload_images/1754553-9f45dc596be980de.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![image.png](https://upload-images.jianshu.io/upload_images/1754553-202694c75f360a9a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

## 前端

1. 使用Hbuilder导入项目

2. 修改manifest.json的APPID配置（微信小程序或QQ小程序）

![image.png](https://upload-images.jianshu.io/upload_images/1754553-ee5278336889869c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![image.png](https://upload-images.jianshu.io/upload_images/1754553-d4d9f7f24328b0f3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

3. 修改App.vue中的domain配置（修改为后端项目的路径）

![image.png](https://upload-images.jianshu.io/upload_images/1754553-26b1b3281e92399c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

4. 在项目根目录运行“npm install”

5. 运行到微信小程序

![image.png](https://upload-images.jianshu.io/upload_images/1754553-25c7af0b1cd18477.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)