音乐项目，总结

今天的写的思路都挺简单的但是比较繁琐，这个查找，传文件的话可以了，但是没有用分片传送，然后在写音乐播放的处理，<歌单，二级评论，歌曲歌词滚轮播放>三个还没有实现，时间挺紧张的

今天完善了一下模糊查找：

 

    <!-- 根据歌曲标题或作者模糊查询歌曲 -->
    <select id="findSongsByTitleOrAuthor" resultType="Song">
        SELECT *
        FROM songs
        WHERE SongTitle LIKE CONCAT('%', #{keyword}, '%')
           OR Author LIKE CONCAT('%', #{keyword}, '%')
    </select>

 

是可以直接搜歌名和作者的

解决了一些前端的bug：

 if (response.data && Array.isArray(response.data)) {
                console.log("数据获取成功！！！")
                baList.innerHTML = ''; // 清空现有内容
                response.data.slice(0, 5).forEach(song => {

                    const listItem = document.createElement('li');
                    listItem.className = 'item';
                    listItem.onclick = () => {
                        localStorage.setItem(song.SongID, JSON.stringify(song));
                        window.open(`/song2_war_exploded/zyl.html?name=${song.SongID}`, '_blank');
                    };
                    // 创建包含头像、名称和主题的容器
                    const itemContainer = document.createElement('div');
                    itemContainer.className = 'item-container';
                    const name = document.createElement('div');
                    name.className = 'name';
                    name.textContent = song.SongTitle+"    作者："+song.Author;

可以成功从单元格跳转界面。

做了一个捡漏的界面，但好歹功能有：

传文件： 

 

然后再搞那个音乐播放，遇到了问题，加了标签和mp3，应该是可以放出来的，但是放不出来，还不知道是什么问题。