Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/xishandong/music_web

A simple Web system of music
https://github.com/xishandong/music_web

flask flask-sqlalchemy python-crawler wangyiyunmusic

Last synced: about 1 month ago
JSON representation

A simple Web system of music

Awesome Lists containing this project

README

        

### Music Web

A simple music web, use pure css, js, and jinjia2 html, flask;

### install

```python
pip install requests
pip install pyexecjs2
pip install flask
pip install pymysql
pip install flask-sqlalchemy
pip install wtforms
pip install jieba
pip install werkzeug
npm install crypto-js
...
```
```bash
flask db init
flask db migrate
flask db upgrade
```

### useage

this web use aplyer and demo in codepen

you need edit the config.py to add your own config

sql file not privided, if needed,you can buy it from me

all models are included,once you build the database,you can use this web

provides route to add song to the database(in user blueprint)

you need edit two files,first is wangyi.py in crawl_model dir, add your cookie. Then edit config, add your own database

### function

* login/logout
* recommend
* playlist
* history
* collected
* play/play index
* scroll lyrics
* add song to the database
* create playlist and edit
* delete playlist
* search song
* upload avatar or playlist cover
* ...

### details
##### Home Page
![img.png](README_img/img.png)
##### Search Page
![img.png](README_img/img_1.png)
##### Playlist Page
![img.png](README_img/img_2.png)
##### Create Playlist
![img.png](README_img/img_3.png)
##### Playlist Index Page
![img.png](README_img/img_4.png)
##### Now Playing List Page
![img.png](README_img/img_5.png)
##### Now Playing Page
![img.png](README_img/img_6.png)
##### History Page
![img.png](README_img/img_7.png)
##### Recommend Page
![img.png](README_img/img_8.png)
##### Login and Register Page
![img.png](README_img/img_9.png)
![img.png](README_img/img_10.png)
##### upload playlist from wangyi music
![img.png](README_img/img_11.png)
![img.png](README_img/img_12.png)
##### show transition
![img.png](README_img/img_13.png)
![img.png](README_img/img_14.png)