Front Design For GeSong System Content Before Front(User) 1. Index Page 2. Search Page 3. History Page 4. List Page 5. Confirm Page Back(Admin) 1. Access Page 2. Audit Page 3. List Page 4. System Page Before All template use WebApi to deal the operate Recommand Vue.js, but you still can use jQuery(Ajax) :D All Response Code (Int) 10000 Success Front(User) Index Page The index page use the root path ("/"), Server will response a 301 code to jump to search page ("/search") Search Page The search page use the path "/search" A user have to log in to use the search function WebApi Interface Detail: Path: /api/search Method: POST Args: keyword string keyword of the song token string user token Response Format: Json Json Args: code int response code content list list of songs List of Songs Args(content): pid int platform id id int song id(platform) name string name of song artists list list of artists album dict album of this song url string the media url of this song List of Artists Args: id int artist id(platform) name string name of this artist cover string image url of this aritist Album Args: id int album id(platform) name string name of this album cover string image url of this album History Page The history page use the path "/history" Anybody can directly get history of songs WebApi Interface Detail: Path: /api/history Method: GET Args: Nothing Response Format: Json Json Args: code int response code content list list of history songs