Project Introduction Page
In this webpage, users can share music scores and link them to anime music, enabling a comprehensive search from anime music search to music scores.
Please note that this is only a description page, not a page from the project . Please do not measure it as a project document for grade evaluation!
Features
Anime
On the Anime page, users can learn about the latest anime information obtained from the MyAnimeList API, but for time reasons, we only made the API available.
Sheet
In Sheet, users can see the latest sheet music releases and access their personal page by clicking on View Details or clicking on the author's avatar. Also, logged in users can click Upload to post their own sheet music.
On the Detai page, users can see a Sheet with some detailed information, including associated music and anime information, and ratings including a graph of recent rating trends. Alternatively, logged-in users can click on the file to download it, view comments, or post their own opinions.
Song
Song page due to time, so we'll just make a list. Users can find the corresponding music by the association of the sheet, or view the latest logged in music directly in the sheet page. All the music will be associated with anime and can be clicked to jump to the corresponding location on the anime page. The user can also add music and listen to demos.
User
The User page will not be open for editing information for time reasons. However, you can see the user's favorites, the list of works created by the user, etc. You can also see some user information and logout functions in the upper right corner of the page. The user's login is also accessed through the avatar in the upper right corner.
Important!
- 1. We used a large number of JS and CSS extranet libraries, which resulted in a lot of css and js files inside the project.
- 2. Some other js libraries require us to add custom attribute names on top of the html tag, which may cause and them, the html validator to fail.
- 3. Some css extranet libraries may contain css variables, which will make it impossible to pass css validation.
- 4. Some js libraries may add forbidden elements such as div, span, br, etc. to the DOM when generating elements, but these are not written in our own html or js code.
- 5. All of the above js and css references have been approved by Bob, and are used appropriately.
- 6. Some pages may be slow to load; refreshing the page will solve the problem.
The HTML part does not pass the html validation because we have added custom attributes on top of the tag, but our html syntax is fully compliant with the w3c standard.
Validation
Last
Thank you very much for visiting our project website. You can sign up for an account using your own email address, or use the account we provide.
Username: Tester
Password: Tester@2020