1. 시스템 소개
이 음악 웹사이트의 클라이언트 및 관리는 VUE 프레임워크를 사용하여 구현되고 서버는 Spring Boot + MyBatis를 사용하여 구현되며 데이터베이스는 MySQL을 사용합니다.
1.1 기능
- 음악을 재생
- 사용자 로그인 회원가입
- 사용자 정보 편집, 아바타 수정
- 노래 및 재생 목록 검색
- 플레이리스트 스코어링
- 재생 목록, 노래 리뷰
- 재생 목록 및 가수 목록의 페이징 표시
- 가사 동시 표시
- 음악 수집, 다운로드, 드래그 제어, 볼륨 제어
- 백그라운드에서 사용자, 노래, 가수, 노래 목록 정보 관리
1.2 기술 스택
백엔드
SpringBoot + MyBatis
프론트엔드
Vue + Vue-Router + Vuex + Axios + ElementUI
1.3 개발 환경
JDK: jdk-8u141
mysql: mysql-5.7.21-1-macos10.13-x86_64
노드: v12.4.0
IDE: IntelliJ IDEA 2018, VSCode
2. 시스템 기능
참고:
https://gitee.com/Yin-hongwei/music-website?_from=gitee_search
2.1 배경 관리 시스템
1. 시스템 홈페이지
2. 사용자 관리
3. 가수 관리
4. 노래 목록 관리
2.2 클라이언트 시스템
1. 홈페이지
2. 노래 목록
3. 아티스트
4. 내 음악
3. 빌드
3.1 배경 구성
1. 구성 파일 수정
데이터베이스 주소를 수정하십시오.
2. 프로젝트 경로 수정
3. 정적 파일 배치
다운로드한 데이터 파일을 music-server 폴더에 넣습니다.
3.2 전경 구성
두 포그라운드 시스템을 각각 가져오고 다음 명령을 실행합니다.
npm install
npm run dev
콘솔 로그 주소를 방문하십시오.
관리 시스템 주소: http://localhost:8080
계정 비밀번호: admin/123
클라이언트 시스템 주소: http://localhost:8081
계정 비밀번호: Yin/123