fix: 修复歌单歌曲数量显示问题

android/app/.gradle/config.properties

@@ -0,0 +1,2 @@
+#Mon Oct 28 21:45:22 CST 2024
+java.home=C\:\\Program Files\\Android\\Android Studio\\jbr

android/app/local.properties

@@ -0,0 +1,8 @@
+## This file must *NOT* be checked into Version Control Systems,
+# as it contains information specific to your local configuration.
+#
+# Location of the SDK. This is only used by Gradle.
+# For customization when using a Version Control System, please read the
+# header note.
+#Mon Oct 28 21:45:22 CST 2024
+sdk.dir=C\:\\Users\\zxp\\AppData\\Local\\Android\\Sdk

android/app/src/main/AndroidManifest.xml

@@ -30,4 +30,8 @@
             android:name="flutterEmbedding"
             android:value="2" />
     </application>
+    <!-- 添加存储权限 -->
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
+    <uses-permission android:name="android.permission.MANAGE_EXTERNAL_STORAGE"/>
 </manifest>

android/build.gradle

@@ -1,6 +1,13 @@
 buildscript {
     ext.kotlin_version = '1.7.10'
     repositories {
+        maven { url 'https://maven.aliyun.com/repository/public/' }
+        maven { url 'https://maven.aliyun.com/repository/spring/'}
+        maven { url 'https://maven.aliyun.com/repository/google/'}
+        maven { url 'https://maven.aliyun.com/repository/gradle-plugin/'}
+        maven { url 'https://maven.aliyun.com/repository/spring-plugin/'}
+        maven { url 'https://maven.aliyun.com/repository/grails-core/'}
+        maven { url 'https://maven.aliyun.com/repository/apache-snapshots/'}
         google()
         mavenCentral()
     }
@@ -13,8 +20,16 @@ buildscript {
 
 allprojects {
     repositories {
+        maven { url 'https://maven.aliyun.com/repository/public/' }
+        maven { url 'https://maven.aliyun.com/repository/spring/'}
+        maven { url 'https://maven.aliyun.com/repository/google/'}
+        maven { url 'https://maven.aliyun.com/repository/gradle-plugin/'}
+        maven { url 'https://maven.aliyun.com/repository/spring-plugin/'}
+        maven { url 'https://maven.aliyun.com/repository/grails-core/'}
+        maven { url 'https://maven.aliyun.com/repository/apache-snapshots/'}
         google()
         mavenCentral()
+        mavenCentral()
     }
 }
 

android/gradle.properties

@@ -1,3 +1,4 @@
 org.gradle.jvmargs=-Xmx1536M
 android.useAndroidX=true
 android.enableJetifier=true
+systemProp.org.gradle.wrapper.timeout=300000

android/gradle/wrapper/gradle-wrapper.properties

@@ -2,4 +2,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-7.5-all.zip
+distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-7.5-all.zip

devtools_options.yaml

@@ -0,0 +1,3 @@
+description: This file stores settings for Dart & Flutter DevTools.
+documentation: https://docs.flutter.dev/tools/devtools/extensions#configure-extension-enablement-states
+extensions:

lib/api/api_client.dart

@@ -6,11 +6,11 @@ import 'package:music_player_miao/models/universal_bean.dart';
 import '../models/getInfo_bean.dart';
 import '../models/login_bean.dart';
 
-const String _LoginURL = 'http://flyingpig.fun:10010/users/login';
-const String _LogoutURL = 'http://flyingpig.fun:10010/users/logout';
-const String _SetupURL = 'http://flyingpig.fun:10010/email/register';
-const String _verificationURL = 'http://flyingpig.fun:10010/email/verificationCode';
-const String _GetInfoURL = 'http://flyingpig.fun:10010/users/info';
+const String _LoginURL = 'http://8.210.250.29:10010/users/login';
+const String _LogoutURL = 'http://8.210.250.29:10010/users/logout';
+const String _SetupURL = 'http://8.210.250.29:10010/email/register';
+const String _verificationURL = 'http://8.210.250.29:10010/email/verificationCode';
+const String _GetInfoURL = 'http://8.210.250.29:10010/users/info';
 
 ///登录
 class LoginApiClient {

lib/api/api_client_info.dart

@@ -1,14 +1,14 @@
 import 'dart:io';
-
 import 'package:dio/dio.dart';
-
+import 'package:flutter/material.dart';
 import '../models/universal_bean.dart';
 
-const String _changeNameURL = 'http://flyingpig.fun:10010/users/username';
-const String _changeHeaderURL = 'http://flyingpig.fun:10010/users/avatar';
+const String _changeNameURL = 'http://8.210.250.29:10010/users/username';
+const String _changeHeaderURL = 'http://8.210.250.29:10010/users/avatar';
 
 class ChangeApiClient {
   final Dio dio = Dio();
+   final ValueNotifier<String> avatarUrlNotifier = ValueNotifier<String>("");
   ///修改昵称
   Future<UniversalBean> changeName({
     required String Authorization,
@@ -16,13 +16,19 @@ class ChangeApiClient {
   }) async {
     Response response = await dio.put(
         _changeNameURL,
-        data: {
-          'Authorization': Authorization,
-        },
+        // data: {
+        //   'Authorization': Authorization,
+        // },
         queryParameters: {'userName':userName},
-        options: Options(headers:{'Authorization':Authorization,'Content-Type':'application/json;charset=UTF-8'})
+        options: Options(
+            headers:{
+              'Authorization':Authorization,
+              'Content-Type':'application/json;charset=UTF-8'
+            }
+        )
     );
     print(response.data);
+
     return UniversalBean.formMap(response.data);
   }
 ///修改头像
@@ -32,7 +38,7 @@ class ChangeApiClient {
     required File avatar,
   }) async {
     FormData formData = FormData.fromMap({
-      'Authorization': Authorization,
+      // 'Authorization': Authorization,
       'avatar': await MultipartFile.fromFile(avatar.path, filename: 'avatar.jpg'),
     });
 
@@ -46,8 +52,8 @@ class ChangeApiClient {
         },
       ),
     );
-
     print(response.data);
+    avatarUrlNotifier.value = avatar.path;
     return UniversalBean.formMap(response.data);
   }
 

lib/api/api_collection.dart

@@ -0,0 +1,30 @@
+// api/api_collection.dart
+
+import 'package:dio/dio.dart';
+import 'package:music_player_miao/models/universal_bean.dart';
+
+const String _CollectionURL = 'http://8.210.250.29:10010/collections';
+
+class CollectionApiMusic {
+  final Dio dio = Dio();
+
+  /// 添加收藏
+  Future<UniversalBean> addCollection({
+    required int musicId,
+    required String Authorization,
+  }) async {
+
+      Response response = await dio.post(
+        _CollectionURL,
+        queryParameters: {'musicId': musicId},
+        options: Options(headers: {
+          'Authorization': Authorization,
+          'Content-Type': 'application/json;charset=UTF-8'
+        })
+      );
+
+      print(response.data);
+      return UniversalBean.formMap(response.data); // 将返回的数据转换为 UniversalBean 对象
+
+  }
+}

lib/api/api_download.dart

@@ -0,0 +1,110 @@
+import 'dart:io';
+import 'package:dio/dio.dart';
+import 'package:permission_handler/permission_handler.dart';
+import 'package:flutter/material.dart';
+import 'package:path/path.dart' as path;
+
+
+class DownloadApi {
+  final Dio dio = Dio();
+
+  // 申请存储权限
+  Future<bool> _requestStoragePermission(BuildContext context) async {
+    // 检查权限状态
+    PermissionStatus status = await Permission.manageExternalStorage.status;
+
+    if (status.isDenied) {
+      // 如果权限被拒绝，请求权限
+      // PermissionStatus status1 = await Permission.storage.request();
+      status = await Permission.manageExternalStorage.request();
+      print(status);
+      if (status.isDenied ||  status.isPermanentlyDenied ||  status.isRestricted) {
+        if (context.mounted) {
+          showDialog(
+            context: context,
+            builder: (BuildContext context) => AlertDialog(
+              title: const Text('需要存储权限'),
+              content: const Text('下载音乐需要存储权限，请在设置中允许访问存储权限。'),
+              actions: <Widget>[
+                TextButton(
+                  child: const Text('取消'),
+                  onPressed: () => Navigator.of(context).pop(),
+                ),
+                TextButton(
+                  child: const Text('去设置'),
+                  onPressed: () {
+                    Navigator.of(context).pop();
+                    openAppSettings();  // 打开应用设置页面
+                  },
+                ),
+              ],
+            ),
+          );
+        }
+        return false;
+      }
+    }
+    return status.isGranted;
+  }
+
+  String _getFileExtension(String url) {
+    // Remove query parameters
+    final urlWithoutQuery = url.split('?').first;
+    // Get the extension including the dot
+    final extension = path.extension(urlWithoutQuery);
+    return extension.isNotEmpty ? extension : '.mp3'; // Default to .mp3 if no extension found
+  }
+
+  Future<String?> downloadMusic({
+    required String musicUrl,
+    required String name,
+    required BuildContext context,
+    required Function(double) onProgress,
+  }) async {
+    try {
+
+      String fileExtension = _getFileExtension(musicUrl);
+      final fileName = '$name$fileExtension';
+
+      // 检查并申请权限
+      if (!await _requestStoragePermission(context)) {
+        throw Exception('没有存储权限');
+      }
+
+      // 获取下载目录
+      final downloadDir = Directory('/storage/emulated/0/MTMusic');
+      if (!await downloadDir.exists()) {
+        await downloadDir.create(recursive: true);
+      }
+
+      // 构建完整的文件路径
+      final filePath = '${downloadDir.path}/$fileName';
+
+      print("Music URL: $musicUrl");
+      print("Saving as: $filePath");
+
+      // 开始下载
+      await dio.download(
+        musicUrl,
+        filePath,
+        options: Options(
+          headers: {
+            // 如果需要添加请求头可以在这里添加
+          },
+        ),
+        onReceiveProgress: (received, total) {
+          if (total != -1) {
+            // 计算下载进度并通过回调函数传递
+            double progress = received / total;
+            onProgress(progress);  // 调用回调函数
+          }
+        },
+      );
+
+      return filePath;
+    } catch (e) {
+      print('Download error: $e');
+      return null;
+    }
+  }
+}

lib/api/api_music_likes.dart

@@ -4,7 +4,7 @@
 import 'package:dio/dio.dart';
 import 'package:music_player_miao/models/universal_bean.dart';
 
-const String _LikesURL = 'http://flyingpig.fun:10010/likes';
+const String _LikesURL = 'http://8.210.250.29:10010/likes';
 
 class LikesApiMusic {
   final Dio dio = Dio();

lib/api/api_music_list.dart

@@ -1,16 +1,34 @@
 import 'package:dio/dio.dart';
 
+import '../common_widget/Song_widegt.dart';
 import '../models/getMusicList_bean.dart';
 import '../models/getRank_bean.dart';
 
-const String _getMusic1 = 'http://flyingpig.fun:10010/musics/1';
-const String _getMusic2 = 'http://flyingpig.fun:10010/musics/2';
-const String _getMusic3 = 'http://flyingpig.fun:10010/musics/3';
+const String _getMusic = 'http://8.210.250.29:10010/musics/';
+const String _getMusic1 = 'http://8.210.250.29:10010/musics/1';
+const String _getMusic2 = 'http://8.210.250.29:10010/musics/2';
+const String _getMusic3 = 'http://8.210.250.29:10010/musics/3';
+const String _getSongDetail = 'http://8.210.250.29:10010/musics';
 
-///排行榜
+/// 精选歌曲
 class GetMusic {
   final Dio dio = Dio();
 
+  Future<MusicListBean> getMusicById({required int id, required String Authorization}) async {
+    print(_getMusic + id.toString());
+    Response response = await dio.get(
+        _getMusic + id.toString(),
+        data: {
+          'Authorization': Authorization,
+        },
+        options: Options(headers: {
+          'Authorization': Authorization,
+          'Content-Type': 'application/json;charset=UTF-8'
+        }));
+    print(response.data);
+    return MusicListBean.formMap(response.data);
+  }
+
   Future<MusicListBean> getMusic1({required String Authorization}) async {
     Response response = await dio.get(
         _getMusic1,
@@ -51,3 +69,40 @@ class GetMusic {
     return MusicListBean.formMap(response.data);
   }
 }
+
+// 获取歌曲详细信息
+class GetMusicDetail {
+  final Dio dio = Dio();
+
+  // 根据歌曲ID获取歌曲详情
+  Future<Song> getMusicDetail({required int songId, required String Authorization}) async {
+    try {
+      // 更新路径，将 songId 作为路径参数插入 URL
+      final String url = 'http://8.210.250.29:10010/musics/$songId'; // 假设这个是你的API路径
+
+      // 发起 GET 请求
+      Response response = await dio.get(
+        url,
+        options: Options(
+          headers: {
+            'Authorization': Authorization,
+            'Content-Type': 'application/json;charset=UTF-8',
+          },
+        ),
+      );
+
+      print("Song detail response: ${response.data}");
+
+      // 检查响应的状态码和数据
+      if (response.statusCode == 200) {
+        // 将返回的响应数据封装成Song对象
+        return Song.fromMap(response.data['data']);
+      } else {
+        throw Exception("Failed to load song details");
+      }
+    } catch (e) {
+      print("Error occurred while fetching song details: $e");
+      rethrow; // 抛出异常以供调用方处理
+    }
+  }
+}

lib/api/api_music_rank.dart

@@ -2,7 +2,7 @@ import 'package:dio/dio.dart';
 
 import '../models/getRank_bean.dart';
 
-const String _getRank = 'http://flyingpig.fun:10010/musics/rank-list';
+const String _getRank = 'http://8.210.250.29:10010/musics/rank-list';
 ///排行榜
 class GetRank {
   final Dio dio = Dio();

lib/api/api_music_return.dart

@@ -6,21 +6,30 @@ import 'package:music_player_miao/models/universal_bean.dart';
 import '../models/getComment_bean.dart';
 import '../models/search_bean.dart';
 
-const String _SearchURL = 'http://flyingpig.fun:10010/musics/search';
-const String _postComment = 'http://flyingpig.fun:10010/comments';
+const String _SearchURL = 'http://8.210.250.29:10010/musics/search';
+const String _postComment = 'http://8.210.250.29:10010/comments';
 ///搜索
-class SearchMusic{
+class SearchMusic {
   final Dio dio = Dio();
-  Future<SearchBean> search({required String keyword,}) async {
+
+  Future<SearchBean> search({
+    required String keyword,
+    required String Authorization,
+  }) async {
     Response response = await dio.get(
-        _SearchURL,
-        queryParameters: {'keyword':keyword}
+      _SearchURL,
+      queryParameters: {'keyword': keyword},
+      options: Options(headers: {
+        'Authorization': Authorization,
+        'Content-Type': 'application/json;charset=UTF-8',
+      }),
     );
     print(response.data);
     return SearchBean.formMap(response.data);
   }
 }
 
+
 ///评论
 class commentMusic {
   final Dio dio = Dio();
@@ -32,9 +41,10 @@ class commentMusic {
     Response response = await dio.post(
         _postComment,
         data: {
+          'content': content,
           'musicId': musicId,
-          'password': content,
-          'Authorization': Authorization
+          'Authorization':Authorization
+
         },
         options: Options(headers:{'Authorization':Authorization,'Content-Type':'application/json;charset=UTF-8'})
     );
@@ -47,24 +57,29 @@ class commentMusic {
 class getCommentApi {
   final Dio dio = Dio();
   Future<GetCommentBean> getComment({
-    required String musicId,
-    required String pageNo,
-    required String pageSize,
-    required String Authorization
+    required int musicId,
+    required int pageNo,
+    required int pageSize,
+    required String Authorization,
   }) async {
     Response response = await dio.get(
       _postComment,
-        queryParameters: {'musicId':musicId,'pageNo':pageNo,'pageSize':pageSize},
-        options: Options(headers:{'Authorization':Authorization,'Content-Type':'application/json;charset=UTF-8'})
+      queryParameters: {
+        'musicId': musicId,
+        'pageNo': pageNo,
+        'pageSize': pageSize,
+      },
+      options: Options(headers: {
+        'Authorization': Authorization,
+        'Content-Type': 'application/json;charset=UTF-8',
+      }),
     );
     print(response.data);
     return GetCommentBean.formMap(response.data);
   }
-
 }
 
 
 
 
 
-

lib/api/api_release.dart

@@ -7,7 +7,7 @@ import 'dart:io';
 
 import 'package:path/path.dart';
 
-const String _ReleaseURL = 'http://flyingpig.fun:10010/musics';
+const String _ReleaseURL = 'http://8.210.250.29:10010/musics';
 
 ///上传
 class ReleaseApi {
@@ -35,11 +35,10 @@ class ReleaseApi {
         queryParameters: {'singerName':singerName,'name':name,'introduce':introduce},
         data: formData,
         options: Options(headers:{'Authorization':Authorization,
-          'Content-Type':'multipart/form-data;boundary=--------------------------741231434897925203274596',
-          'Content-Length':'2858240'})
+          })
     );
     print(response.data);
     return UniversalBean.formMap(response.data);
 
   }
-}
+}

lib/api/api_songlist.dart

@@ -2,13 +2,41 @@ import 'package:dio/dio.dart';
 import 'package:music_player_miao/models/search_bean.dart';
 import 'package:music_player_miao/models/songlist_bean.dart';
 
+import '../models/getAllSongs_bean.dart';
 import '../models/universal_bean.dart';
+import 'package:music_player_miao/models/getMyWorks.dart';
+const String _SonglistURL = 'http://8.210.250.29:10010/songlists';
+const String _MyWorksURL = 'http://8.210.250.29:10010/musics/upload-music';
+
 
-const String _SonglistURL = 'http://flyingpig.fun:10010/songlists';
-///返回歌单
 class SonglistApi {
   final Dio dio = Dio();
+  ///获取歌单中所有歌曲
+  Future<MyMusicListBean> getAllSongs({required int id, required String Authorization}) async {
+    String urlWithId = 'http://8.210.250.29:10010/songlist-musics/$id/music-list';
+    Response response = await dio.get(urlWithId,
+        options: Options(headers: {
+          'Authorization': Authorization,
+          'Content-Type': 'application/json;charset=UTF-8'
+        }));
+    print(response.data);
+    return MyMusicListBean.formMap(response.data);
+  }
 
+  ///获取我的作品
+  Future<MyWorks> getMyworks({required String Authorization}) async {
+    Response response = await dio.get(_MyWorksURL,
+        data: {
+          'Authorization': Authorization,
+        },
+        options: Options(headers: {
+          'Authorization': Authorization,
+          'Content-Type': 'application/json;charset=UTF-8'
+        }));
+    print(response.data);
+    return MyWorks.formMap(response.data);
+  }
+  ///返回歌单
   Future<SearchBean> getSonglist({required String Authorization}) async {
     Response response = await dio.get(_SonglistURL,
         data: {

lib/common/audio_player_controller.dart

@@ -0,0 +1,201 @@
+// audio_player_controller.dart
+
+import 'dart:async';
+import 'package:get/get.dart';
+import 'package:just_audio/just_audio.dart';
+import '../common_widget/Song_widegt.dart';
+import '../models/getMusicList_bean.dart';
+import '../common/download_manager.dart';
+import '../common_widget/app_data.dart';
+import '../api/api_music_list.dart';
+
+class AudioPlayerController extends GetxController {
+  final audioPlayer = AudioPlayer();
+  final downloadManager = Get.find<DownloadManager>();
+  final appData = AppData();
+
+  // Observable values
+  final currentSongIndex = 0.obs;
+  final duration = Duration.zero.obs;
+  final position = Duration.zero.obs;
+  final isPlaying = false.obs;
+  final isLoading = false.obs;
+  final isRotating = false.obs;
+  final isDisposed = false.obs;
+
+  // Current song info
+  final artistName = ''.obs;
+  final musicName = ''.obs;
+  final likesStatus = false.obs;
+  final collectionsStatus = false.obs;
+
+  // Song lists
+  final songList = <Song>[].obs;
+  final ids = <int>[].obs;
+  final songUrls = <String>[].obs;
+  final artists = <String>[].obs;
+  final musicNames = <String>[].obs;
+  final likes = <bool>[].obs;
+  final collections = <bool>[].obs;
+
+  StreamSubscription? _positionSubscription;
+  StreamSubscription? _durationSubscription;
+  StreamSubscription? _playerStateSubscription;
+
+  void initWithSongs(List<Song> songs, int initialIndex) {
+    songList.value = songs;
+    currentSongIndex.value = initialIndex;
+    _initializeSongLists();
+    _initializePlayer();
+  }
+
+  void _initializeSongLists() {
+    for (int i = 0; i < songList.length; i++) {
+      ids.add(songList[i].id);
+      songUrls.add(songList[i].musicurl ?? '');
+      artists.add(songList[i].artist);
+      musicNames.add(songList[i].title);
+      likes.add(songList[i].likes ?? false);
+      collections.add(songList[i].collection ?? false);
+    }
+    _updateCurrentSongInfo();
+  }
+
+  void _initializePlayer() {
+    // Position updates
+    _positionSubscription = audioPlayer.positionStream.listen((pos) {
+      position.value = pos;
+    });
+
+    // Duration updates
+    _durationSubscription = audioPlayer.durationStream.listen((dur) {
+      duration.value = dur ?? Duration.zero;
+    });
+
+    // Player state updates
+    _playerStateSubscription = audioPlayer.playerStateStream.listen((state) {
+      // isPlaying.value = state.playing;
+      if (state.processingState == ProcessingState.completed) {
+        playNext();
+      }
+    });
+
+    // Initial load
+    _loadAndPlayCurrentSong();
+  }
+
+  void _updateCurrentSongInfo() {
+    artistName.value = artists[currentSongIndex.value];
+    musicName.value = musicNames[currentSongIndex.value];
+    likesStatus.value = likes[currentSongIndex.value];
+    collectionsStatus.value = collections[currentSongIndex.value];
+  }
+
+  Future<void> toggleLike() async {
+    final currentIndex = currentSongIndex.value;
+    likesStatus.value = !likesStatus.value;
+    likes[currentIndex] = likesStatus.value;
+  }
+
+  Future<void> toggleCollection() async {
+    final currentIndex = currentSongIndex.value;
+    collectionsStatus.value = !collectionsStatus.value;
+    collections[currentIndex] = collectionsStatus.value;
+  }
+
+  Future<void> _loadAndPlayCurrentSong() async {
+    isLoading.value = true;
+    position.value = Duration.zero;
+    duration.value = Duration.zero;
+    _updateCurrentSongInfo();
+
+    await _checkAndUpdateSongStatus(currentSongIndex.value);
+
+    try {
+      await audioPlayer.stop();
+
+      final localSong = downloadManager.getLocalSong(currentSongIndex.value);
+      final audioSource = localSong != null
+          ? AudioSource.file(localSong.musicurl!)
+          : AudioSource.uri(Uri.parse(songUrls[currentSongIndex.value]));
+
+      await audioPlayer.setAudioSource(audioSource, preload: true);
+      duration.value = await audioPlayer.duration ?? Duration.zero;
+      await audioPlayer.play();
+    } catch (e) {
+      print('Error loading audio source: $e');
+    } finally {
+      isLoading.value = false;
+    }
+  }
+
+  Future<void> _checkAndUpdateSongStatus(int index) async {
+    if (songList[index].likes == null || songList[index].collection == null) {
+      try {
+        MusicListBean musicListBean = await GetMusic().getMusicById(
+          id: ids[index],
+          Authorization: appData.currentToken,
+        );
+
+        if (musicListBean.code == 200) {
+          likes[index] = musicListBean.likeOrNot!;
+          collections[index] = musicListBean.collectOrNot!;
+
+          if (index == currentSongIndex.value) {
+            likesStatus.value = musicListBean.likeOrNot!;
+            collectionsStatus.value = musicListBean.collectOrNot!;
+          }
+        }
+      } catch (e) {
+        print('Error fetching song status: $e');
+      }
+    }
+  }
+
+  void playOrPause() async {
+    if (audioPlayer.playing) {
+      isPlaying.value = false;
+      await audioPlayer.pause();
+    } else {
+      await audioPlayer.play();
+      isPlaying.value = true;
+    }
+  }
+
+  void playNext() {
+    if (currentSongIndex.value < songList.length - 1) {
+      currentSongIndex.value++;
+    } else {
+      currentSongIndex.value = 0;
+    }
+    _loadAndPlayCurrentSong();
+  }
+
+  void playPrevious() {
+    if (currentSongIndex.value > 0) {
+      currentSongIndex.value--;
+    } else {
+      currentSongIndex.value = songList.length - 1;
+    }
+    _loadAndPlayCurrentSong();
+  }
+
+  void seekTo(Duration position) async {
+    await audioPlayer.seek(position);
+  }
+
+  void changeSong(int index) {
+    currentSongIndex.value = index;
+    _loadAndPlayCurrentSong();
+  }
+
+  @override
+  void onClose() {
+    isDisposed.value = true;
+    _positionSubscription?.cancel();
+    _durationSubscription?.cancel();
+    _playerStateSubscription?.cancel();
+    audioPlayer.dispose();
+    super.onClose();
+  }
+}

lib/common/download_manager.dart

@@ -0,0 +1,213 @@
+import 'dart:convert';
+import 'dart:io';
+
+import 'package:get/get.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+import '../api/api_download.dart';
+import '../common_widget/Song_widegt.dart';
+import 'package:path/path.dart' as path;
+
+class DownloadItem {
+  final Song song;
+  double progress;
+  bool isCompleted;
+  bool isDownloading;
+
+  DownloadItem({
+    required this.song,
+    this.progress = 0.0,
+    this.isCompleted = false,
+    this.isDownloading = false,
+  });
+
+  Map<String, dynamic> toJson() {
+    return {
+      'song': {
+        'pic': song.pic,
+        'artistPic': song.artistPic,
+        'title': song.title,
+        'artist': song.artist,
+        'musicurl': song.musicurl,
+        'id': song.id,
+        'likes': song.likes,
+        'collection': song.collection
+      },
+      'progress': progress,
+      'isCompleted': isCompleted,
+      'isDownloading': isDownloading,
+    };
+  }
+
+  // 从JSON创建DownloadItem
+  factory DownloadItem.fromJson(Map<String, dynamic> json) {
+    return DownloadItem(
+      song: Song(
+        pic: json['song']['pic'],
+        artistPic: json['song']['artistPic'],
+        title: json['song']['title'],
+        artist: json['song']['artist'],
+        musicurl: json['song']['musicurl'],
+        id: json['song']['id'],
+        likes: json['song']['likes'],
+        collection: json['song']['collection'],
+      ),
+      progress: json['progress'],
+      isCompleted: json['isCompleted'],
+      isDownloading: json['isDownloading'],
+    );
+  }
+}
+
+class DownloadManager extends GetxController {
+  static const String PREFS_KEY = 'downloads_data';
+  final _downloads = <String, DownloadItem>{}.obs;
+  final downloadApi = DownloadApi();
+  late SharedPreferences _prefs;
+
+  @override
+  void onInit() async {
+    super.onInit();
+    await _initPrefs();
+  }
+
+  Future<void> _initPrefs() async {
+    _prefs = await SharedPreferences.getInstance();
+    await _loadDownloadsFromPrefs();
+  }
+
+  // 从SharedPreferences加载数据
+  Future<void> _loadDownloadsFromPrefs() async {
+    final String? downloadsJson = _prefs.getString(PREFS_KEY);
+    if (downloadsJson != null) {
+      final Map<String, dynamic> downloadsMap = json.decode(downloadsJson);
+      downloadsMap.forEach((key, value) {
+        _downloads[key] = DownloadItem.fromJson(value);
+      });
+    }
+  }
+
+  // 保存数据到SharedPreferences
+  Future<void> _saveDownloadsToPrefs() async {
+    final Map<String, dynamic> downloadsMap = {};
+    _downloads.forEach((key, value) {
+      downloadsMap[key] = value.toJson();
+    });
+    await _prefs.setString(PREFS_KEY, json.encode(downloadsMap));
+  }
+
+  List<Song> getLocalSongs() {
+    final localSongs = <Song>[];
+    _downloads.forEach((key, value) {
+      if (value.isCompleted) {
+        localSongs.add(value.song);
+      }
+    });
+    return localSongs;
+  }
+
+  Map<String, DownloadItem> get downloads => _downloads;
+
+  bool isDownloading(int id) => _downloads[id.toString()]?.isDownloading ?? false;
+  bool isCompleted(int id) => _downloads[id.toString()]?.isCompleted ?? false;
+  double getProgress(int id) => _downloads[id.toString()]?.progress ?? 0.0;
+
+  Song? getLocalSong(int id) {
+    final downloadItem = _downloads[id.toString()];
+    if (downloadItem?.isCompleted ?? false) {
+      return downloadItem!.song;
+    }
+    return null;
+  }
+
+  bool removeSong(int id) {
+    if (_downloads[id.toString()]?.isCompleted ?? false) {
+      File file = File.fromUri(Uri.parse(_downloads[id.toString()]!.song.musicurl!));
+      file.deleteSync();
+      _downloads.remove(id.toString());
+      _saveDownloadsToPrefs();
+      return true;
+    }
+    return false;
+  }
+
+  int completedNumber() {
+    int count = 0;
+    _downloads.forEach((key, value) {
+      if (value.isCompleted) {
+        count++;
+      }
+    });
+    return count;
+  }
+
+  Future<void> startDownload({
+    required Song song,
+    required context,
+  }) async {
+    if (_downloads[song.id.toString()]?.isDownloading ?? false) return;
+
+    final fileName = '${song.id}_${song.title}_${song.artist}';
+
+    final downloadItem = DownloadItem(
+      song: song,
+      isDownloading: true,
+    );
+    _downloads[song.id.toString()] = downloadItem;
+
+    try {
+      final filePath = await downloadApi.downloadMusic(
+        musicUrl: song.musicurl!,
+        name: fileName,
+        context: context,
+        onProgress: (progress) {
+          downloadItem.progress = progress;
+          _downloads[song.id.toString()] = downloadItem;
+        },
+      );
+
+      if (filePath != null) {
+        downloadItem.isCompleted = true;
+        downloadItem.isDownloading = false;
+        downloadItem.progress = 1.0;
+        song.musicurl = _getLocalAudioPath(fileName, song.musicurl!);
+        print(song.musicurl);
+      } else {
+        downloadItem.isDownloading = false;
+        downloadItem.progress = 0.0;
+      }
+    } catch (e) {
+      print('Download error: $e');
+      downloadItem.isDownloading = false;
+      downloadItem.progress = 0.0;
+    }
+
+    _downloads[song.id.toString()] = downloadItem;
+    await _saveDownloadsToPrefs();
+  }
+
+  bool updateSongInfo(int id, bool isCollected, bool isLiked) {
+    final downloadItem = _downloads[id.toString()];
+    if (downloadItem != null) {
+      downloadItem.song.collection = isCollected;
+      downloadItem.song.likes = isLiked;
+      _downloads[id.toString()] = downloadItem;
+      _saveDownloadsToPrefs();
+      return true;
+    }
+    return false;
+  }
+
+  String _getFileExtension(String url) {
+    // Remove query parameters
+    final urlWithoutQuery = url.split('?').first;
+    // Get the extension including the dot
+    final extension = path.extension(urlWithoutQuery);
+    return extension.isNotEmpty ? extension : '.mp3'; // Default to .mp3 if no extension found
+  }
+
+  String _getLocalAudioPath(String fileName, String url) {
+    final extension = _getFileExtension(url);
+    final fullFileName = '$fileName$extension';
+    return path.join('/storage/emulated/0/MTMusic', fullFileName);
+  }
+}

lib/common_widget/Song_widegt.dart

@@ -1,12 +1,36 @@
 class Song {
-  final String pic;
-  final String artistPic;
-  final String title;
-  final String artist;
-  final String musicurl;
-  final int id;
-  final bool likes;
-  final bool collection;
+  String pic;
+  String artistPic;
+  String title;
+  String artist;
+  String? musicurl;
+  int id;
+  bool? likes;
+  bool? collection;
 
-  Song({required this.pic,required this.artistPic,required this.title, required this.artist, required this.musicurl,required this.id,required this.likes,required this.collection});
+  // 构造函数
+  Song({
+    required this.pic,
+    required this.artistPic,
+    required this.title,
+    required this.artist,
+    required this.musicurl,
+    required this.id,
+    required this.likes,
+    required this.collection,
+  });
+
+  // 使用 Map 数据创建 Song 实例
+  factory Song.fromMap(Map<String, dynamic> map) {
+    return Song(
+      pic: map['coverPath'] ?? '',  // 封面图，假设是 coverPath
+      artistPic: map['coverPath'] ?? '',  // 如果没有返回值或字段，可以为空字符串（示例中没有提供 artistPic）
+      title: map['name'] ?? '',  // 歌曲名称，假设是 name
+      artist: map['singerName'] ?? '',  // 歌手名称，假设是 singerName
+      musicurl: map['musicPath'] ?? '',  // 歌曲路径，假设是 musicPath
+      id: map['id'] ?? 0,  // 歌曲 ID，假设是 id
+      likes: map['likeOrNot'] ?? false,  // 是否喜欢，假设是 likeOrNot
+      collection: map['collectOrNot'] ?? false,  // 是否收藏，假设是 collectOrNot
+    );
+  }
 }

lib/common_widget/app_data.dart

@@ -7,5 +7,7 @@ class AppData extends GetxController{
   String get currentToken => box.read('currentToken');
   String get currentUsername => box.read('currentUsername') ?? '游客';
   String get currentAvatar=> box.read('currentAvatar') ?? 'http://b.hiphotos.baidu.com/image/pic/item/e824b899a9014c08878b2c4c0e7b02087af4f4a3.jpg';
-
+  set currentToken(String token) => box.write('currentToken', token);
+  set currentUsername(String username) => box.write('currentUsername', username);
+  set currentAvatar(String avatar) => box.write('currentAvatar', avatar);
 }

lib/common_widget/rank_song_row.dart

@@ -1,211 +1,260 @@
 import 'package:flutter/material.dart';
+import '../api/api_music_likes.dart'; // 导入点赞 API
+import '../api/api_collection.dart'; // 导入收藏 API
+import '../view_model/comment_page.dart'; // 导入评论页面
+
 class RankSongsRow extends StatelessWidget {
   final Map sObj;
   final VoidCallback onPressedPlay;
   final VoidCallback onPressed;
   final String? rank;
+
   const RankSongsRow({
     super.key,
     required this.sObj,
     required this.onPressed,
-    required this.onPressedPlay, required this.rank,
+    required this.onPressedPlay,
+    required this.rank,
   });
 
   @override
   Widget build(BuildContext context) {
     rank: sObj["rank"];
-    return
-      Column(
-        children: [
-          Row(
-            // mainAxisAlignment: MainAxisAlignment.spaceBetween,
-            children: [
-              Row(
-                children: [
-                  SizedBox(
-                    width: 15,
-                    child: RichText(
-                      text: TextSpan(
-                        text: sObj["rank"],
-                        style: TextStyle(
-                          fontSize: getRankFontSize(sObj["rank"]),
-                          fontWeight: FontWeight.w700,
-                          color: Color(0xffCE0000),
-                        ),
+    return Column(
+      children: [
+        Row(
+          children: [
+            Row(
+              children: [
+                SizedBox(
+                  width: 15,
+                  child: RichText(
+                    text: TextSpan(
+                      text: sObj["rank"],
+                      style: TextStyle(
+                        fontSize: getRankFontSize(sObj["rank"]),
+                        fontWeight: FontWeight.w700,
+                        color: Color(0xffCE0000),
                       ),
                     ),
                   ),
-                  const SizedBox(width: 10,),
-                  ClipRRect(
-                    borderRadius: BorderRadius.circular(10),
-                    child: Image.asset(
-                      sObj["image"],
-                      width: 80,
-                      height: 80,
-                      fit: BoxFit.cover,
-                    ),
+                ),
+                const SizedBox(width: 10),
+                ClipRRect(
+                  borderRadius: BorderRadius.circular(10),
+                  child: Image.asset(
+                    sObj["image"],
+                    width: 80,
+                    height: 80,
+                    fit: BoxFit.cover,
                   ),
-
-                  const SizedBox(width: 20,),
-                  SizedBox(
-                    width: 170,
-                    child: Column(
-                          crossAxisAlignment: CrossAxisAlignment.start,
-                          children: [
-                            Text(
-                              sObj["name"],
-                              maxLines: 1,
-                              style: TextStyle(
-                                  color: Colors.black,
-                                  fontSize: 16,
-                                  fontWeight: FontWeight.w400),
-                            ),
-                            Text(
-                              sObj["artists"],
-                              maxLines: 1,
-                              style: TextStyle(color: Colors.black, fontSize: 14),
-                            )
-                          ],
-                    ),
+                ),
+                const SizedBox(width: 20),
+                SizedBox(
+                  width: 170,
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        sObj["name"],
+                        maxLines: 1,
+                        style: TextStyle(
+                          color: Colors.black,
+                          fontSize: 16,
+                          fontWeight: FontWeight.w400,
+                        ),
+                      ),
+                      Text(
+                        sObj["artists"],
+                        maxLines: 1,
+                        style: TextStyle(color: Colors.black, fontSize: 14),
+                      )
+                    ],
                   ),
-                  const SizedBox(width: 20,),
-
-
-                ],
-              ),
-              IconButton(
-                onPressed: (){
-                  _bottomSheet(context);
-                },
-                icon: Image.asset(
-                  "assets/img/More.png",
-                  width: 25,
-                  height: 25,
-
                 ),
+                const SizedBox(width: 20),
+              ],
+            ),
+            IconButton(
+              onPressed: () {
+                _bottomSheet(context);
+              },
+              icon: Image.asset(
+                "assets/img/More.png",
+                width: 25,
+                height: 25,
               ),
-              const SizedBox(height: 20,)
-            ],
-          ),
-          const SizedBox(height: 10,)
-        ],
-
-      );
-
+            ),
+            const SizedBox(height: 20)
+          ],
+        ),
+        const SizedBox(height: 10)
+      ],
+    );
   }
-   getRankFontSize(String rank) {
+
+  double getRankFontSize(String rank) {
     switch (rank) {
-      case '1': case '2':case '3':
-      return 30.0;
+      case '1':
+      case '2':
+      case '3':
+        return 30.0;
       default:
         return 20.0;
     }
   }
-  Future _bottomSheet(BuildContext context){
+
+  Future _bottomSheet(BuildContext context) {
     return showModalBottomSheet(
-        context: context,
-        backgroundColor: Colors.white,
-        shape: const RoundedRectangleBorder(borderRadius: BorderRadius.vertical(top: Radius.circular(30))),
-        builder: (context) =>Container(
-          height: 210,
-          padding: const EdgeInsets.only(top: 20),
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.stretch,
-            children: [
-              Row(
-                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-                children: [
-                  Column(
-                    children: [
-                      IconButton(
-                        onPressed: (){},
-                        icon: Image.asset("assets/img/list_add.png"),
-                        iconSize: 60,
-                      ),
-                      Text("加入歌单")
-                    ],
-                  ),
-                  Column(
-                    children: [
-                      IconButton(
-                        onPressed: (){},
-                        icon: Image.asset("assets/img/list_download.png"),
-                        iconSize: 60,
-                      ),
-                      Text("下载")
-                    ],
-                  ),
-                  Column(
-                    children: [
-                      IconButton(
-                        onPressed: (){},
-                        icon: Image.asset("assets/img/list_collection.png"),
-                        iconSize: 60,
-                      ),
-                      Text("收藏")
-                    ],
-                  ),
-                  Column(
-                    children: [
-                      IconButton(
-                        onPressed: (){},
-                        icon: Image.asset("assets/img/list_good.png"),
-                        iconSize: 60,
-                      ),
-                      Text("点赞")
-                    ],
-                  ),
-                  Column(
-                    children: [
-                      IconButton(
-                        onPressed: (){},
-                        icon: Image.asset("assets/img/list_comment.png"),
-                        iconSize: 60,
-                      ),
-                      Text("评论")
-                    ],
-                  ),
-                ],
-              ),
-              const SizedBox(height: 10,),
-              ElevatedButton(
-                onPressed: () {
-                  // Get.to(()=>const MainTabView());
-                },
-                child: Text(
-                  "查看详情页",
-                  style: const TextStyle(color:Colors.black,fontSize: 18),
+      context: context,
+      backgroundColor: Colors.white,
+      shape: const RoundedRectangleBorder(
+          borderRadius: BorderRadius.vertical(top: Radius.circular(30))),
+      builder: (context) => Container(
+        height: 210,
+        padding: const EdgeInsets.only(top: 20),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+              children: [
+                Column(
+                  children: [
+                    IconButton(
+                      onPressed: () {
+                        // TODO: 加入歌单的逻辑
+                      },
+                      icon: Image.asset("assets/img/list_add.png"),
+                      iconSize: 60,
+                    ),
+                    Text("加入歌单"),
+                  ],
                 ),
-                style: ElevatedButton.styleFrom(
-                  backgroundColor: const Color(0xffE6F4F1),
-                  padding: const EdgeInsets.symmetric(vertical: 8),
-                  tapTargetSize: MaterialTapTargetSize.shrinkWrap,
-                  shape: RoundedRectangleBorder(
-                    borderRadius: BorderRadius.zero,
-                  ),
+                Column(
+                  children: [
+                    IconButton(
+                      onPressed: () {
+                        // TODO: 下载的逻辑
+                      },
+                      icon: Image.asset("assets/img/list_download.png"),
+                      iconSize: 60,
+                    ),
+                    Text("下载"),
+                  ],
                 ),
-
+                Column(
+                  children: [
+                    IconButton(
+                      onPressed: () async {
+                        // 点击收藏按钮时调用收藏 API
+                        await _toggleCollect();
+                      },
+                      icon: Image.asset("assets/img/list_collection.png"),
+                      iconSize: 60,
+                    ),
+                    Text("收藏"),
+                  ],
+                ),
+                Column(
+                  children: [
+                    IconButton(
+                      onPressed: () async {
+                        // 点击点赞按钮时调用点赞 API
+                        await _toggleLike();
+                      },
+                      icon: Image.asset("assets/img/list_good.png"),
+                      iconSize: 60,
+                    ),
+                    Text("点赞"),
+                  ],
+                ),
+                Column(
+                  children: [
+                    IconButton(
+                      onPressed: () {
+                        // 跳转到评论页面
+                        Navigator.push(
+                          context,
+                          MaterialPageRoute(
+                            builder: (context) => const CommentPage(),
+                          ),
+                        );
+                      },
+                      icon: Image.asset("assets/img/list_comment.png"),
+                      iconSize: 60,
+                    ),
+                    Text("评论"),
+                  ],
+                ),
+              ],
+            ),
+            const SizedBox(height: 10),
+            ElevatedButton(
+              onPressed: () {
+                // TODO: 查看详情页的逻辑
+              },
+              child: Text(
+                "查看详情页",
+                style: const TextStyle(color: Colors.black, fontSize: 18),
               ),
-              ElevatedButton(
-                onPressed: () =>Navigator.pop(context),
-                child: Text(
-                  "取消",
-                  style: const TextStyle(color:Colors.black,fontSize: 18),
+              style: ElevatedButton.styleFrom(
+                backgroundColor: const Color(0xffE6F4F1),
+                padding: const EdgeInsets.symmetric(vertical: 8),
+                tapTargetSize: MaterialTapTargetSize.shrinkWrap,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.zero,
                 ),
-                style: ElevatedButton.styleFrom(
-                  backgroundColor: const Color(0xff429482),
-                  padding: const EdgeInsets.symmetric(vertical: 8),
-                  tapTargetSize: MaterialTapTargetSize.shrinkWrap,
-                  shape: RoundedRectangleBorder(
-                    borderRadius: BorderRadius.zero,
-                  ),
+              ),
+            ),
+            ElevatedButton(
+              onPressed: () => Navigator.pop(context),
+              child: Text(
+                "取消",
+                style: const TextStyle(color: Colors.black, fontSize: 18),
+              ),
+              style: ElevatedButton.styleFrom(
+                backgroundColor: const Color(0xff429482),
+                padding: const EdgeInsets.symmetric(vertical: 8),
+                tapTargetSize: MaterialTapTargetSize.shrinkWrap,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.zero,
                 ),
-
               ),
-            ],
-          ),
-        )
-
+            ),
+          ],
+        ),
+      ),
     );
   }
+
+  // 点赞功能
+  Future<void> _toggleLike() async {
+    final api = LikesApiMusic(); // 实例化点赞 API
+    try {
+      String authorizationToken = 'eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiI1ZDBmY2Q3ZThlYmY0N2QzOThlNmVjNDQ0ZTM5NTAxNSIsInN1YiI6IjEiLCJpc3MiOiJmbHlpbmdwaWciLCJpYXQiOjE3MzEwNDM3NTgsImV4cCI6MTczMzYzNTc1OH0.5jfhZtK46YNSC7KCaBWiPxSLO7Ym6ntBXnQwfsvMrCw'; // 替换为实际的授权 Token
+      await api.likesMusic(
+        musicId: sObj['id'], // 使用当前音乐的 ID
+        Authorization: authorizationToken,
+      );
+      print('Liked music ID: ${sObj['id']}');
+    } catch (e) {
+      print('Error liking music: $e');
+    }
+  }
+
+  // 收藏功能
+  Future<void> _toggleCollect() async {
+    final api = CollectionApiMusic(); // 实例化收藏 API
+    try {
+      String authorizationToken = 'eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiI1ZDBmY2Q3ZThlYmY0N2QzOThlNmVjNDQ0ZTM5NTAxNSIsInN1YiI6IjEiLCJpc3MiOiJmbHlpbmdwaWciLCJpYXQiOjE3MzEwNDM3NTgsImV4cCI6MTczMzYzNTc1OH0.5jfhZtK46YNSC7KCaBWiPxSLO7Ym6ntBXnQwfsvMrCw'; // 替换为实际的授权 Token
+      await api.addCollection(
+        musicId: sObj['id'], // 使用当前音乐的 ID
+        Authorization: authorizationToken,
+      );
+      print('Collected music ID: ${sObj['id']}');
+    } catch (e) {
+      print('Error collecting music: $e');
+    }
+  }
 }

lib/main.dart

@@ -1,9 +1,13 @@
 import 'package:flutter/material.dart';
 import 'package:music_player_miao/common_widget/app_data.dart';
+import 'package:music_player_miao/view/begin/begin_view.dart';
+import 'package:music_player_miao/view/begin/login_v.dart';
+import 'package:music_player_miao/view/home_view.dart';
 import 'package:music_player_miao/view/splash_view.dart';
 import 'package:get/get.dart';
 import 'dart:io';
 import 'package:flutter/services.dart';
+import 'package:music_player_miao/view/user/user_view.dart';
 
 void main(){
   WidgetsFlutterBinding.ensureInitialized();
@@ -20,9 +24,14 @@ class MyApp extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const GetMaterialApp(
-      debugShowCheckedModeBanner: false,
-      home: SplashView(),
+    return GetMaterialApp(
+      title: 'Flutter Demo',
+      initialRoute: '/login', // 初始路由
+      routes: {
+        '/': (context) => HomeView(), // 定义首页路由
+        '/user': (context) => UserView(),
+        '/login' : (context) => BeginView()// 定义UserView的路由
+      },
     );
   }
 }

lib/models/getAllSongs_bean.dart

@@ -0,0 +1,43 @@
+class MyMusicListBean {
+  int? code;
+  String? msg;
+  List<DataBean>? data;
+
+  MyMusicListBean.formMap(Map map) {
+    code = map['code'];
+    msg = map['msg'];
+    if (map['data'] is! List) return;
+
+    data = (map['data'] as List)
+        .map((item) => DataBean._formMap(item))
+        .toList();
+  }
+}
+
+class DataBean {
+  int? songlistId;
+  SongDetails? musicDetail; // 修改为单个SongDetails对象
+
+  DataBean._formMap(Map map) {
+    songlistId = map['songlistId'];
+    musicDetail = SongDetails._formMap(map['musicDetail']); // 直接处理单个对象
+  }
+}
+
+class SongDetails {
+  int? id;
+  String? name;
+  String? coverPath;
+  String? musicPath;
+  String? singerName;
+  String? uploadUserName;
+
+  SongDetails._formMap(Map map) {
+    id = map['id'];
+    name = map['name'];
+    coverPath = map['coverPath'];
+    musicPath = map['musicPath'];
+    singerName = map['singerName'];
+    uploadUserName = map['uploadUserName'];
+  }
+}

lib/models/getComment_bean.dart

@@ -1,26 +1,30 @@
-
 class GetCommentBean {
   int? code;
   String? msg;
   int? total;
   List<CommentBean>? rows;
 
-  GetCommentBean.formMap(Map map) {
-    code = map['code'];
-    msg = map['msg'];
-    total = map['total'];
-
-    List<dynamic>? rowList = map['rows'];
-    if (rowList == null) return;
-
-    rows = rowList
-        .map((item) => CommentBean._formMap(item))
-        .toList();
+  GetCommentBean.formMap(Map<String, dynamic> map) {
+    code = map['code'] as int?;
+    msg = map['msg'] as String?;
+
+    // 首先获取 data 字段，然后在 data 中查找 total 和 rows
+    Map<String, dynamic>? data = map['data'];
+    if (data != null) {
+      total = data['total'] as int?;
+
+      List<dynamic>? rowList = data['rows'];
+      if (rowList != null) {
+        rows = rowList.map((item) => CommentBean.formMap(item as Map<String, dynamic>)).toList();
+      } else {
+        rows = []; // 如果 rows 为空，初始化为空列表
+      }
+    } else {
+      rows = []; // 如果 data 为空，初始化为空列表
+    }
   }
 }
 
-
-
 class CommentBean {
   int? id;
   String? content;
@@ -28,11 +32,11 @@ class CommentBean {
   String? username;
   String? avatar;
 
-  CommentBean._formMap(Map map) {
-    id = map['id'];
-    content = map['content'];
-    time = map['time'];
-    username = map['username'];
-    avatar = map['avatar'];
+  CommentBean.formMap(Map<String, dynamic> map) {
+    id = map['id'] as int?;
+    content = map['content'] as String? ?? 'No content';
+    time = map['time'] as String? ?? 'Unknown time';
+    username = map['username'] as String? ?? 'Anonymous';
+    avatar = map['avatar'] as String? ?? 'Default avatar';
   }
-}
+}

lib/models/getMusicList_bean.dart

@@ -9,6 +9,8 @@ class MusicListBean {
   String? uploadUserName;
   bool? likeOrNot;
   bool? collectOrNot;
+
+
   MusicListBean.formMap(Map map){
     code = map['code'];
     msg= map['msg'];

lib/models/getMyWorks.dart

@@ -0,0 +1,34 @@
+class MyWorks {
+  int? code;
+  String? msg;
+  List<DataBean>? data;
+
+  MyWorks.formMap(Map map) {
+    code = map['code'];
+    msg = map['msg'];
+    if (map['data'] == null) return;
+
+    List<dynamic>? dataList = map['data'];
+    if (dataList == null) return;
+
+    data = dataList
+        .map((item) => DataBean._formMap(item))
+        .toList();
+  }
+}
+
+class DataBean {
+  int? id;
+  String? name;
+  String? coverPath;
+  String? musicPath;
+  String? singerName;
+
+  DataBean._formMap(Map map) {
+    id = map['id'];
+    name = map['name'];
+    coverPath = map['coverPath'];
+    musicPath = map['musicPath'];
+    singerName = map['singerName'];
+  }
+}

lib/models/getRank_bean.dart

@@ -24,8 +24,6 @@ class DataBean {
   String? musicPath;
   String? name;
 
-
-
   DataBean._formMap(Map map) {
     id = map['id'];
     singerName = map['singerName'];

lib/models/search_bean.dart

@@ -20,9 +20,10 @@ class SearchBean {
 class DataBean {
   int? id;
   String? name;
-
+  int? musicCount;
   DataBean._formMap(Map map) {
     id = map['id'];
     name = map['name'];
+    musicCount = map['musicCount'];
   }
 }

lib/models/songlist_bean.dart

@@ -3,6 +3,7 @@ class SonglistBean {
   String? msg;
   int? id;
   String? name;
+  int? musicCount;
 
   SonglistBean.formMap(Map map) {
     code = map['code'];
@@ -12,5 +13,6 @@ class SonglistBean {
     if (data == null) return;
     id = map['id'];
     name = map['name'];
+    musicCount = map['musicCount'];
   }
 }

lib/models/universal_bean.dart

@@ -6,6 +6,14 @@ class UniversalBean {
   UniversalBean.formMap(Map map) {
     code = map['code'];
     msg = map['msg'];
-    data = map['data'];
+
+
+    if (map['data'] is String) {
+      data = map['data'];
+    } else if (map['data'] is bool) {
+      data = map['data'].toString();
+    } else {
+      data = null;
+    }
   }
-}
+}

lib/view/begin/begin_view.dart

@@ -17,138 +17,144 @@ class _BeginViewState extends State<BeginView> with TickerProviderStateMixin {
 
   @override
   void initState() {
-    tabController = TabController(
-        initialIndex: 0,
-        length: 2,
-        vsync: this
-    );
+    tabController = TabController(initialIndex: 0, length: 2, vsync: this);
+    tabController.addListener(() {
+      if (!tabController.indexIsChanging) {
+        FocusScope.of(context).unfocus();
+      }
+    });
     super.initState();
   }
 
-
   @override
   Widget build(BuildContext context) {
-    return Container(
-      decoration: BoxDecoration(
-        image: DecorationImage(
-          image: AssetImage("assets/img/app_bg.png"),
-          fit: BoxFit.cover,
-        ),
-      ),
-      child: Scaffold(
-        backgroundColor: Colors.transparent,
-        body: SingleChildScrollView(
-          child: Column(
-            children: [
-              Padding(
-                padding: const EdgeInsets.only(top: 110,left: 40,right: 40),
-                child: Row(
-                  children: [
-                    const Column(
+    return GestureDetector(
+        onTap: () {
+          FocusScope.of(context).unfocus();
+        },
+        child: Container(
+          decoration: const BoxDecoration(
+            image: DecorationImage(
+              image: AssetImage("assets/img/app_bg.png"),
+              fit: BoxFit.cover,
+            ),
+          ),
+          child: Scaffold(
+            backgroundColor: Colors.transparent,
+            resizeToAvoidBottomInset: false,
+            body: ScrollConfiguration(
+              behavior: const ScrollBehavior().copyWith(
+                physics: const NeverScrollableScrollPhysics(),
+              ),
+              child: Column(
+                children: [
+                  // 顶部欢迎部分
+                  Padding(
+                    padding:
+                        const EdgeInsets.only(top: 110, left: 40, right: 40),
+                    child: Row(
                       children: [
-                        Text(
-                          "你好吖喵星来客,",
-                          style: TextStyle(
-                              color: Colors.black,
-                              fontSize: 20,
-                              fontWeight: FontWeight.w500
-                          ),
-                        ),
-                        Row(
+                        const Column(
                           children: [
                             Text(
-                              "欢迎来到",
+                              "你好吖喵星来客,",
                               style: TextStyle(
                                   color: Colors.black,
                                   fontSize: 20,
-                                  fontWeight: FontWeight.w500
-                              ),
+                                  fontWeight: FontWeight.w500),
                             ),
-                            Text(
-                              "喵听",
-                              style: TextStyle(
-                                  color: Colors.black,
-                                  fontSize: 32,
-                                  fontWeight: FontWeight.w800
-                              ),
+                            Row(
+                              children: [
+                                Text(
+                                  "欢迎来到",
+                                  style: TextStyle(
+                                      color: Colors.black,
+                                      fontSize: 20,
+                                      fontWeight: FontWeight.w500),
+                                ),
+                                Text(
+                                  "喵听",
+                                  style: TextStyle(
+                                      color: Colors.black,
+                                      fontSize: 32,
+                                      fontWeight: FontWeight.w800),
+                                ),
+                              ],
                             ),
                           ],
                         ),
+                        const SizedBox(width: 25),
+                        Image.asset("assets/img/app_logo.png", width: 80),
                       ],
                     ),
-                    const SizedBox(width: 25,),
-                    Image.asset("assets/img/app_logo.png", width: 80),
-                  ],
-                ),
-              ),
-              SizedBox(
-                height: MediaQuery.of(context).size.height,
-                child: Stack(
-                  children: [
-                    Align(
-                      child: SizedBox(
-                        height: MediaQuery.of(context).size.height/1.06,
-                        child: Column(
-                          children: [
-                            Padding(
-                              padding: const EdgeInsets.symmetric(horizontal: 30.0),
-                              child: Material(
-                                color: Colors.white,
-                                elevation: 3,
-                                borderRadius: BorderRadius.circular(10),
-                                child: TabBar(
-                                  controller: tabController,
-                                  unselectedLabelColor: Color(0xffCDCDCD),
-                                  labelColor: Colors.black,
-                                  indicator:BoxDecoration(
-                                        borderRadius: BorderRadius.circular(10),
-                                      color: MColor.LGreen
-                                    ),
-                                  tabs:  [
-                                    Container(
-                                      padding: EdgeInsets.all(8.0),
-                                      // color: Colors.pink,
-                                      child: Text(
-                                        '登录',
-                                        style: TextStyle(
-                                          fontSize: 20,
-                                        ),
-                                      ),
-                                    ),
+                  ),
+
+                  const SizedBox(height: 20), // 添加一些间距
 
-                                    Container(
-                                      padding: EdgeInsets.all(8.0),
-                                      child: Text(
-                                        '注册',
-                                        style: TextStyle(
-                                          fontSize: 20,
-                                        ),
-                                      ),
+                  // 剩余部分使用 Expanded
+                  Expanded(
+                    child: Column(
+                      children: [
+                        // TabBar部分
+                        Padding(
+                          padding: const EdgeInsets.symmetric(horizontal: 30.0),
+                          child: Material(
+                            color: Colors.white,
+                            elevation: 3,
+                            borderRadius: BorderRadius.circular(10),
+                            child: TabBar(
+                              controller: tabController,
+                              unselectedLabelColor: const Color(0xffCDCDCD),
+                              // onTap: (_) {
+                              //   FocusScope.of(context).unfocus();
+                              // },
+                              labelColor: Colors.black,
+                              indicatorSize: TabBarIndicatorSize.tab,
+                              indicator: BoxDecoration(
+                                  borderRadius: BorderRadius.circular(10),
+                                  color: MColor.LGreen),
+                              tabs: [
+                                Container(
+                                  padding: const EdgeInsets.all(8.0),
+                                  child: const Text(
+                                    '登录',
+                                    style: TextStyle(
+                                      fontSize: 20,
                                     ),
-                                  ],
+                                  ),
                                 ),
-                              ),
+                                Container(
+                                  padding: const EdgeInsets.all(8.0),
+                                  child: const Text(
+                                    '注册',
+                                    style: TextStyle(
+                                      fontSize: 20,
+                                    ),
+                                  ),
+                                ),
+                              ],
                             ),
-                            Expanded(
-                                child: TabBarView(
-                                  controller: tabController,
-                                  children: [
-                                    LoginV(),
-                                    SignUpView(),
-                                  ],
-                                )
-                            )
-                          ],
+                          ),
                         ),
-                      ),
-                    )
-                  ],
-                ),
+
+                        // TabBarView部分
+                        Expanded(
+                          child: TabBarView(
+                            controller: tabController,
+                            physics: const NeverScrollableScrollPhysics(),
+                            children: const [
+                              LoginV(),
+                              SignUpView(),
+                            ],
+                          ),
+                        )
+                      ],
+                    ),
+                  ),
+                ],
               ),
-            ],
+            ),
           ),
-        ),
-      ),
-    );
+        ));
   }
-}
+}

lib/view/begin/login_v.dart

@@ -4,15 +4,12 @@ import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:music_player_miao/common_widget/app_data.dart';
-import 'package:music_player_miao/models/search_bean.dart';
 import 'package:music_player_miao/view/main_tab_view/main_tab_view.dart';
 
 import '../../api/api_client.dart';
-import '../../api/api_songlist.dart';
 import '../../common/color_extension.dart';
 import '../../models/getInfo_bean.dart';
 import '../../models/login_bean.dart';
-import '../../models/songlist_bean.dart';
 import '../../widget/my_text_field.dart';
 
 class LoginV extends StatefulWidget {
@@ -30,6 +27,16 @@ class _LoginVState extends State<LoginV> {
   IconData iconPassword = CupertinoIcons.eye_fill;
   bool obscurePassword = true;
 
+  final _passwordFocusNode = FocusNode();
+  final _nameFocusNode = FocusNode();
+
+  @override
+  void dispose() {
+    _passwordFocusNode.dispose();
+    _nameFocusNode.dispose();
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
     return Form(
@@ -42,6 +49,7 @@ class _LoginVState extends State<LoginV> {
                 child: MyTextField(
                     controller: nameController,
                     hintText: '请输入账号',
+                    focusNode: _nameFocusNode,
                     obscureText: false,
                     keyboardType: TextInputType.emailAddress,
                     prefixIcon: Image.asset("assets/img/login_user.png"))),
@@ -52,6 +60,7 @@ class _LoginVState extends State<LoginV> {
                 child: MyTextField(
                   controller: passwordController,
                   hintText: '请输入密码',
+                  focusNode: _passwordFocusNode,
                   obscureText: obscurePassword,
                   keyboardType: TextInputType.visiblePassword,
                   prefixIcon: Image.asset("assets/img/login_lock.png"),
@@ -81,24 +90,81 @@ class _LoginVState extends State<LoginV> {
                     child: TextButton(
                         onPressed: () async {
                           try {
+                            _nameFocusNode.unfocus();
+                            _passwordFocusNode.unfocus();
+                            Get.dialog(
+                              Center(
+                                child: CircularProgressIndicator(
+                                  color: const Color(0xff429482),
+                                  backgroundColor: Colors.grey[200],
+                                ),
+                              ),
+                              barrierDismissible: false, // 防止用户点击背景关闭
+                            );
+
                             LoginBean bean = await LoginApiClient().login(
                               email: nameController.text,
                               password: passwordController.text,
                             );
                             if (bean.code == 200) {
-                              Get.to(() => const MainTabView());
-                              _showDialog(context,
-                                  title: 'assets/img/correct.png',
-                                  message: '登录成功!');
+                              Get.back();
+                              Get.off(() => const MainTabView());
+                              ScaffoldMessenger.of(context).showSnackBar(
+                                SnackBar(
+                                  content: const Center(
+                                    child: Text(
+                                      '登录成功',
+                                      style: TextStyle(
+                                        color: Colors.black,
+                                        fontSize: 16.0, // 设置字体大小
+                                      ),
+                                    ),
+                                  ),
+                                  duration: const Duration(seconds: 3),
+                                  behavior: SnackBarBehavior.floating,
+                                  backgroundColor: Colors.white,
+                                  elevation: 3,
+                                  width: 200,
+                                  // 设置固定宽度
+                                  shape: RoundedRectangleBorder(
+                                    borderRadius: BorderRadius.circular(10),
+                                  ),
+                                ),
+                              );
                               GetInfoBean bean1 = await GetInfoApiClient()
                                   .getInfo(
                                       Authorization: AppData().currentToken);
+                            } else {
+                              throw Exception("账号或密码错误");
                             }
                           } catch (error) {
-                            String errorMessage = error.toString();
-                            _showDialog(context,
-                                title: 'assets/img/warning.png',
-                                message: errorMessage);
+                            Get.back();
+                            print(error.toString());
+                            ScaffoldMessenger.of(context).showSnackBar(
+                              SnackBar(
+                                content: Center(
+                                  child: Text(
+                                    error.toString().replaceAll ('Exception: ', ''),
+                                    style: const TextStyle(
+                                      color: Colors.black,
+                                      fontSize: 16.0, // 设置字体大小
+                                    ),
+                                  ),
+                                ),
+                                duration: const Duration(seconds: 3),
+                                behavior: SnackBarBehavior.floating,
+                                backgroundColor: Colors.white,
+                                elevation: 3,
+                                margin: EdgeInsets.only(
+                                  bottom: 50,  // 距离底部50像素
+                                  right: (MediaQuery.of(context).size.width - 200) / 2,  // 水平居中
+                                  left: (MediaQuery.of(context).size.width - 200) / 2,
+                                ),
+                                shape: RoundedRectangleBorder(
+                                  borderRadius: BorderRadius.circular(10),
+                                ),
+                              ),
+                            );
                           }
                         },
                         style: TextButton.styleFrom(

lib/view/begin/setup_view.dart

@@ -1,5 +1,7 @@
 // ignore_for_file: use_build_context_synchronously
 
+import 'dart:async';
+
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
@@ -28,6 +30,44 @@ class _SignUpViewState extends State<SignUpView> {
   bool obscurePassword = true;
   bool signUpRequired = false;
 
+  final _nameFocusNode = FocusNode();
+  final _passwordFocusNode = FocusNode();
+  final _emailFocusNode = FocusNode();
+  final _confirmPSWFocusNode = FocusNode();
+  final _confirmFocusNode = FocusNode();
+
+  // 添加计时器相关变量
+  Timer? _timer;
+  int _countDown = 60;
+  bool _canSendCode = true;
+
+  @override
+  void dispose() {
+    _timer?.cancel(); // 页面销毁时取消计时器
+    super.dispose();
+  }
+
+  // 开始倒计时
+  void startTimer() {
+    setState(() {
+      _canSendCode = false;
+      _countDown = 60;
+    });
+
+    _timer = Timer.periodic(const Duration(seconds: 1), (timer) {
+      if (_countDown == 0) {
+        setState(() {
+          _canSendCode = true;
+          timer.cancel();
+        });
+      } else {
+        setState(() {
+          _countDown--;
+        });
+      }
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
     return Form(
@@ -41,6 +81,7 @@ class _SignUpViewState extends State<SignUpView> {
               child: MyTextField(
                   controller: nameController,
                   hintText: '请输入用户名',
+                  focusNode: _nameFocusNode,
                   obscureText: false,
                   keyboardType: TextInputType.emailAddress,
                   prefixIcon: Image.asset("assets/img/login_user.png"),
@@ -60,6 +101,7 @@ class _SignUpViewState extends State<SignUpView> {
                   controller: emailController,
                   hintText: '请输入邮箱名',
                   obscureText: false,
+                  focusNode: _emailFocusNode,
                   keyboardType: TextInputType.name,
                   prefixIcon: Image.asset("assets/img/setup_email.png"),
                   validator: (val) {
@@ -76,6 +118,7 @@ class _SignUpViewState extends State<SignUpView> {
                   controller: passwordController,
                   hintText: '请输入密码',
                   obscureText: obscurePassword,
+                  focusNode: _passwordFocusNode,
                   keyboardType: TextInputType.visiblePassword,
                   prefixIcon: Image.asset("assets/img/login_lock.png"),
                   suffixIcon: IconButton(
@@ -110,6 +153,7 @@ class _SignUpViewState extends State<SignUpView> {
                   controller: confirmPSWController,
                   hintText: '请确认密码',
                   obscureText: obscurePassword,
+                  focusNode: _confirmPSWFocusNode,
                   keyboardType: TextInputType.visiblePassword,
                   prefixIcon: Image.asset("assets/img/login_lock.png"),
                   suffixIcon: IconButton(
@@ -150,6 +194,7 @@ class _SignUpViewState extends State<SignUpView> {
                       controller: confirmController,
                       hintText: '请输入验证码',
                       obscureText: false,
+                      focusNode: _confirmFocusNode,
                       keyboardType: TextInputType.name,
                       prefixIcon: Image.asset("assets/img/setup_confirm.png"),
                       validator: (val) {
@@ -160,27 +205,88 @@ class _SignUpViewState extends State<SignUpView> {
                       }),
                 ),
                 SizedBox(
-                  width: MediaQuery.of(context).size.width * 0.3,
+                  width: MediaQuery.of(context).size.width * 0.313,
                   height: MediaQuery.of(context).size.width * 0.13,
                   child: ElevatedButton(
-                      style: ElevatedButton.styleFrom(
-                          backgroundColor: MColor.LGreen),
-                      onPressed: () async {
-                        UniversalBean bean =
-                            await SetupApiClient().verification(
-                          email: emailController.text,
+                    style: ElevatedButton.styleFrom(
+                      backgroundColor: _canSendCode ? MColor.LGreen : Colors.grey[300],
+                      shape: RoundedRectangleBorder(
+                        borderRadius: BorderRadius.circular(8.0),
+                      ),
+                    ),
+                    onPressed: _canSendCode
+                        ? () async {
+                      _nameFocusNode.unfocus();
+                      _emailFocusNode.unfocus();
+                      _passwordFocusNode.unfocus();
+                      _confirmPSWFocusNode.unfocus();
+                      _confirmFocusNode.unfocus();
+                      UniversalBean bean = await SetupApiClient().verification(
+                        email: emailController.text,
+                      );
+
+                      if (bean.code == 200) {
+                        startTimer(); // 发送成功后开始倒计时
+                        ScaffoldMessenger.of(context).showSnackBar(
+                          SnackBar(
+                            content: const Center(
+                              child: Text(
+                                '验证码发送成功',
+                                style: TextStyle(color: Colors.black),
+                              ),
+                            ),
+                            duration: const Duration(seconds: 2),
+                            behavior: SnackBarBehavior.floating,
+                            backgroundColor: Colors.white,
+                            elevation: 3,
+                            margin: EdgeInsets.only(
+                              bottom: 50,  // 距离底部50像素
+                              right: (MediaQuery.of(context).size.width - 200) / 2,  // 水平居中
+                              left: (MediaQuery.of(context).size.width - 200) / 2,
+                            ),
+                            shape: RoundedRectangleBorder(
+                              borderRadius: BorderRadius.circular(10),
+                            ),
+                          ),
                         );
-                        _showSuccessDialog(context,
-                            title: bean.code == 200
-                                ? 'assets/img/correct.png'
-                                : 'assets/img/warning.png',
-                            errorMessage:
-                                bean.code == 200 ? '验证码已成功发送！' : '邮箱格式不正确！');
-                      },
-                      child: const Text(
-                        "获取验证码",
-                        style: TextStyle(color: Colors.black45, fontSize: 16),
-                      )),
+                      } else {
+                        ScaffoldMessenger.of(context).showSnackBar(
+                          SnackBar(
+                            content: const Center(
+                              child: Text(
+                                '请检查邮箱',
+                                style: TextStyle(
+                                  color: Colors.black,
+                                  fontSize: 16.0, // 设置字体大小
+                                ),
+                              ),
+                            ),
+                            duration: const Duration(seconds: 2),
+                            behavior: SnackBarBehavior.floating,
+                            backgroundColor: Colors.white,
+                            elevation: 3,
+                            // width: 220,
+                            margin: EdgeInsets.only(
+                              bottom: 50,  // 距离底部50像素
+                              right: (MediaQuery.of(context).size.width - 200) / 2,  // 水平居中
+                              left: (MediaQuery.of(context).size.width - 200) / 2,
+                            ),
+                            shape: RoundedRectangleBorder(
+                              borderRadius: BorderRadius.circular(10),
+                            ),
+                          ),
+                        );
+                      }
+                    }
+                        : null,
+                    child: Text(
+                      _canSendCode ? "获取验证码" : "${_countDown}s后重试",
+                      style: TextStyle(
+                        color: _canSendCode ? Colors.black45 : Colors.grey,
+                        fontSize: 16,
+                      ),
+                    ),
+                  ),
                 ),
               ],
             ),
@@ -189,6 +295,11 @@ class _SignUpViewState extends State<SignUpView> {
               width: MediaQuery.of(context).size.width * 0.85,
               child: TextButton(
                   onPressed: () async {
+                    _nameFocusNode.unfocus();
+                    _emailFocusNode.unfocus();
+                    _passwordFocusNode.unfocus();
+                    _confirmPSWFocusNode.unfocus();
+                    _confirmFocusNode.unfocus();
                     if (_formKey.currentState?.validate() == false) {
                       const Text(
                         '',
@@ -198,18 +309,26 @@ class _SignUpViewState extends State<SignUpView> {
                         ),
                       );
                     }
-                    UniversalBean bean = await SetupApiClient().register(
-                        email: emailController.text,
-                        password: passwordController.text,
-                        username: nameController.text,
-                        verificationCode: confirmController.text);
-                    _showSuccessDialog(context,
-                        title: bean.code == 200
-                            ? 'assets/img/correct.png'
-                            : 'assets/img/warning.png',
-                        errorMessage:
-                            bean.code == 200 ? '注册成功，一键登录' : '登录失败，验证码错误');
-                    if (bean.code == 200) Get.to(const MainTabView());
+                    if (nameController.text.isNotEmpty &&
+                        emailController.text.isNotEmpty &&
+                        passwordController.text.isNotEmpty &&
+                        confirmPSWController.text.isNotEmpty &&
+                        confirmController.text.isNotEmpty) {
+                      UniversalBean bean = await SetupApiClient().register(
+                          email: emailController.text,
+                          password: passwordController.text,
+                          username: nameController.text,
+                          verificationCode: confirmController.text);
+                      _showSuccessDialog(context,
+                          title: bean.code == 200
+                              ? 'assets/img/correct.png'
+                              : 'assets/img/warning.png',
+                          errorMessage:
+                          bean.code == 200
+                              ? '注册成功，一键登录'
+                              : '注册失败，验证码错误');
+                      if (bean.code == 200) Get.to(const MainTabView());
+                    }
                   },
                   style: TextButton.styleFrom(
                       elevation: 3.0,

lib/view/commend_view.dart

@@ -1,304 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:get/get.dart';
-import 'package:music_player_miao/api/api_music_return.dart';
-import 'package:music_player_miao/common_widget/app_data.dart';
-import 'package:music_player_miao/models/getComment_bean.dart';
-import 'package:music_player_miao/models/universal_bean.dart';
-import 'package:music_player_miao/widget/text_field.dart';
-
-
-class CommentView extends StatefulWidget {
-  @override
-  _CommentViewState createState() => _CommentViewState();
-
-  CommentView({super.key, required this.initialSongIndex});
-
-  late final int initialSongIndex;
-}
-
-class _CommentViewState extends State<CommentView> {
-  List comments = [];
-
-  TextEditingController commentController = TextEditingController();
-  FocusNode commentFocusNode = FocusNode();
-  List commentTimes = [];
-  List commentHeader = [];
-  List commentName = [];
-  bool ascendingOrder = true;
-  int playlistCount = 0;
-
-  @override
-  void initState() {
-    super.initState();
-    _fetchSonglistData();
-  }
-
-  Future<void> _fetchSonglistData() async {
-    try {
-      GetCommentBean bean1 = await getCommentApi().getComment(
-          musicId: '1',
-          pageNo: '0',
-          pageSize: '10',
-          Authorization: AppData().currentToken);
-        setState(() {
-          comments = bean1.rows!.map((rows) => rows.content!).toList();
-          commentTimes = bean1.rows!.map((rows) => rows.time!).toList();
-          commentHeader = bean1.rows!.map((rows) => rows.avatar!).toList();
-          commentName = bean1.rows!.map((rows) => rows.username!).toList();
-          playlistCount = comments.length;
-        });
-
-    } catch (error) {
-      if (error != null) {
-        print('Response data: $error');
-      } else {
-        print('Error fetching songlist data: $error');
-      }
-    }
-  }
-
-
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      // backgroundColor: Colors.transparent,
-      appBar: AppBar(
-        centerTitle: true,
-        backgroundColor: const Color(0xffF6FFD1),
-        title: const Text(
-          '评论(200)',
-          style: TextStyle(
-              color: Colors.black,
-              fontSize: 22
-          ),
-        ),
-        elevation: 0,
-        leading: IconButton(
-          onPressed: () {
-            Get.back();
-          },
-          icon: Image.asset(
-            "assets/img/back.png",
-            width: 25,
-            height: 25,
-            fit: BoxFit.contain,
-          ),
-        ),
-      ),
-      body: Column(
-        children: [
-          Container(
-            height: 80,
-            padding: const EdgeInsets.only(left: 20, right: 10),
-            decoration: BoxDecoration(
-                color: const Color(0xffF9F2AF),
-                borderRadius: BorderRadius.circular(20)
-            ),
-            child: Row(
-              mainAxisAlignment: MainAxisAlignment.spaceBetween,
-              children: [
-                Row(
-                  children: [
-                    ClipRRect(
-                      borderRadius: BorderRadius.circular(10),
-                      child: Image.asset(
-                        "assets/img/artist_pic.png",
-                        width: 60,
-                        height: 60,
-                        fit: BoxFit.cover,
-                      ),
-                    ),
-                    const SizedBox(width: 20,),
-                    const Column(
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      mainAxisAlignment: MainAxisAlignment.center,
-                      children: [
-                        Text(
-                          "背对背拥抱",
-                          maxLines: 1,
-                          style: TextStyle(
-                              color: Colors.black,
-                              fontSize: 16,
-                              fontWeight: FontWeight.w400),
-                        ),
-                        Text(
-                          "林俊杰",
-                          maxLines: 1,
-                          style: TextStyle(color: Colors.black, fontSize: 14),
-                        )
-                      ],
-                    ),
-                  ],
-                ),
-                IconButton(
-                  onPressed: () {},
-                  icon: Image.asset(
-                    "assets/img/music_pause.png",
-                    width: 25,
-                    height: 25,
-                    fit: BoxFit.contain,
-                  ),
-                ),
-              ],
-            ),
-          ),
-          Padding(
-            padding: const EdgeInsets.all(10.0),
-            child: Row(
-              mainAxisAlignment: MainAxisAlignment.spaceBetween,
-              children: [
-                const Text(
-                  "评论区",
-                  style: TextStyle(
-                      fontSize: 18
-                  ),
-                ),
-                Row(
-                  children: [
-                    const Text(
-                      "时间",
-                      style: TextStyle(
-                          fontSize: 16
-                      ),
-                    ),
-                    IconButton(
-                      onPressed: () {
-                        // setState(() {
-                        //   ascendingOrder = !ascendingOrder;
-                        //   comments.sort((a, b) {
-                        //     int compare = ascendingOrder
-                        //         ? commentTimes.indexOf(a).compareTo(
-                        //         commentTimes.indexOf(b))
-                        //         : commentTimes.indexOf(b).compareTo(
-                        //         commentTimes.indexOf(a));
-                        //     return compare;
-                        //   });
-                        // });
-                      },
-                      icon: Image.asset(
-                        ascendingOrder
-                            ? "assets/img/commend_up.png"
-                            : "assets/img/commend_down.png",
-                        fit: BoxFit.contain,
-                      ),
-                    ),
-
-                  ],
-                )
-              ],
-            ),
-          ),
-          /// 显示评论的区域
-          Expanded(
-            child:
-            ListView.builder(
-              itemCount: comments.length,
-              itemBuilder: (context, index) {
-                return ListTile(
-                  title: Column(
-                    crossAxisAlignment: CrossAxisAlignment.start,
-                    children: [
-                      Row(
-                        children: [
-                          CircleAvatar(
-                            backgroundImage: NetworkImage(commentHeader[index])
-                          ),
-                          const SizedBox(width: 10,),
-                          Column(
-                            crossAxisAlignment: CrossAxisAlignment.start,
-                            children: [
-                              Text(commentName[index],
-                                  style: const TextStyle(fontSize: 18)),
-                              const SizedBox(width: 8),
-                              // Adjust the spacing between elements
-                              Text(commentTimes[index],
-                                style: const TextStyle(fontSize: 14),),
-                              // Add the timestamp
-                            ],
-                          ),
-                        ],
-                      ), // Ad
-                      Padding(
-                        padding: const EdgeInsets.only(
-                            left: 50, top: 10, bottom: 20),
-                        child: Text(
-                          comments[index],
-                          style: const TextStyle(
-                              fontSize: 18), // Customize the font size if needed
-                        ),
-                      ),
-                      Container(
-                        width: 560,
-                        height: 2,
-                        color: const Color(0xffE3F0ED),
-                      )
-                    ],
-                  ),
-                );
-              },
-            ),
-          ),
-
-          ///输入框和提交按钮
-          Padding(
-            padding: const EdgeInsets.all(8.0),
-            child: Row(
-              children: [
-                Expanded(
-                    child: TextFieldColor(
-                      controller: commentController,
-                      hintText: '来发表你的评论吧!',
-                    )
-                ),
-                const SizedBox(width: 8.0),
-                ElevatedButton(
-                  onPressed: () async {
-                    submitComment();
-                    UniversalBean bean = await commentMusic().comment(
-                        musicId: widget.initialSongIndex,
-                        content: commentController.text,
-                        Authorization: AppData().currentToken);
-                  },
-                  style: ElevatedButton.styleFrom(
-                    backgroundColor: const Color(0xff429482),
-                    // Change Colors.blue to your desired background color
-                    shape: RoundedRectangleBorder(
-                      borderRadius: BorderRadius.circular(
-                          10), // Adjust the radius as needed
-                    ),
-                    minimumSize: const Size(30, 44),
-                  ),
-                  child: const Text(
-                    '提交',
-                    style: TextStyle(
-                        fontSize: 16
-                    ),
-                  ),
-                ),
-              ],
-            ),
-          ),
-        ],
-      ),
-    );
-  }
-
-  void submitComment() {
-    String comment = commentController.text;
-    if (comment.isNotEmpty) {
-      DateTime currentTime = DateTime.now();
-      String formattedTime = "${currentTime.year}/${currentTime
-          .month}/${currentTime.day} ${currentTime.hour}:${currentTime.minute}";
-
-      setState(() {
-        comments.add(comment);
-        commentTimes.add(formattedTime);
-        commentName.add(AppData().currentUsername);
-        commentHeader.add(AppData().currentAvatar);
-        commentController.clear();
-        playlistCount++;
-      });
-    }
-  }
-}

lib/view/comment_view.dart

@@ -0,0 +1,436 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:music_player_miao/api/api_music_return.dart';
+import 'package:music_player_miao/common_widget/app_data.dart';
+import 'package:music_player_miao/models/getComment_bean.dart';
+import 'package:music_player_miao/models/universal_bean.dart';
+import 'package:music_player_miao/widget/text_field.dart';
+
+class CommentView extends StatefulWidget {
+  final int id;
+  final String song;
+  final String singer;
+  final String cover;
+
+  const CommentView({
+    super.key,
+    required this.id,
+    required this.song,
+    required this.singer,
+    required this.cover,
+  });
+
+  @override
+  _CommentViewState createState() => _CommentViewState();
+}
+
+class _CommentViewState extends State<CommentView> {
+  List comments = [];
+  ScrollController _scrollController = ScrollController();
+  TextEditingController commentController = TextEditingController();
+  FocusNode commentFocusNode = FocusNode();
+  List commentTimes = [];
+  List commentHeader = [];
+  List commentName = [];
+  bool ascendingOrder = true;
+  int _page = 1;
+  int _pageSize = 10;
+  int _total = 0;
+  bool _isLoading = false;
+  bool _hasMoreData = true;
+  bool _isSendingComment = false;
+
+  String avatar = AppData().currentAvatar;
+  String username = AppData().currentUsername;
+
+  bool _isInitialLoading = true;
+
+  @override
+  void initState() {
+    super.initState();
+    _scrollController.addListener(_scrollListener);
+    _fetchCommentData();
+    commentController.addListener(() {
+      setState(() {});
+    });
+  }
+
+  @override
+  void dispose() {
+    _scrollController.dispose();
+    commentController.dispose();
+    super.dispose();
+  }
+
+  void _scrollListener() {
+    if (_scrollController.position.pixels ==
+        _scrollController.position.maxScrollExtent) {
+      if (!_isLoading && _hasMoreData) {
+        _loadMoreData();
+      }
+    }
+  }
+
+  Future<void> _loadMoreData() async {
+    if (_isLoading || !_hasMoreData) return;
+
+    setState(() {
+      _isLoading = true;
+    });
+
+    _page++;
+    await _fetchCommentData();
+
+    setState(() {
+      _isLoading = false;
+    });
+  }
+
+  String formatDateTime(String dateTimeStr) {
+    try {
+      DateTime dateTime = DateTime.parse(dateTimeStr);
+      // 格式化时间，只保留年月日时分
+      return "${dateTime.year}-${dateTime.month.toString().padLeft(2, '0')}-${dateTime.day.toString().padLeft(2, '0')} ${dateTime.hour.toString().padLeft(2, '0')}:${dateTime.minute.toString().padLeft(2, '0')}";
+    } catch (e) {
+      return dateTimeStr; // 如果解析失败，返回原始字符串
+    }
+  }
+
+  Future<void> _fetchCommentData() async {
+    print('Fetching page $_page');
+    try {
+      GetCommentBean bean1 = await getCommentApi().getComment(
+        musicId: widget.id,
+        pageNo: _page,
+        pageSize: _pageSize,
+        Authorization: AppData().currentToken,
+      );
+
+      if (bean1.rows == null || bean1.rows!.isEmpty) {
+        setState(() {
+          _hasMoreData = false;
+          _isInitialLoading = false;
+        });
+        return;
+      }
+
+      _total = bean1.total!;
+
+      setState(() {
+        if (_page == 1) {
+          comments =
+              bean1.rows!.map((rows) => rows.content ?? 'No content').toList();
+          commentTimes = bean1.rows!
+              .map((rows) => formatDateTime(rows.time ?? 'Unknown time'))
+              .toList();
+          commentHeader = bean1.rows!
+              .map((rows) => rows.avatar ?? 'Default avatar')
+              .toList();
+          commentName =
+              bean1.rows!.map((rows) => rows.username ?? 'Anonymous').toList();
+        } else {
+          comments.addAll(
+              bean1.rows!.map((rows) => rows.content ?? 'No content').toList());
+          commentTimes.addAll(bean1.rows!
+              .map((rows) => formatDateTime(rows.time ?? 'Unknown time'))
+              .toList());
+          commentHeader.addAll(bean1.rows!
+              .map((rows) => rows.avatar ?? 'Default avatar')
+              .toList());
+          commentName.addAll(
+              bean1.rows!.map((rows) => rows.username ?? 'Anonymous').toList());
+        }
+
+        _hasMoreData = comments.length < _total;
+        _isInitialLoading = false;
+      });
+    } catch (error) {
+      print('Error fetching comment data: $error');
+      setState(() {
+        _isLoading = false;
+        _isInitialLoading = false;
+      });
+    }
+  }
+
+  void _sortComments() {
+    setState(() {
+      comments = comments.reversed.toList();
+      commentTimes = commentTimes.reversed.toList();
+      commentHeader = commentHeader.reversed.toList();
+      commentName = commentName.reversed.toList();
+    });
+  }
+
+  // 新增：检查评论是否有效
+  bool isCommentValid() {
+    String comment = commentController.text.trim();
+    return comment.isNotEmpty;
+  }
+
+  void submitComment() async {
+    String comment = commentController.text.trim();
+    if (!isCommentValid()) {
+      return; // 直接返回，不显示提示
+    }
+
+    setState(() {
+      _isSendingComment = true;
+    });
+
+    try {
+      UniversalBean bean = await commentMusic().comment(
+        musicId: widget.id,
+        content: comment,
+        Authorization: AppData().currentToken,
+      );
+
+      if (bean.code == 200) {
+        commentController.clear();
+        setState(() {
+          comments = [comment, ...comments];
+          commentTimes = [
+            formatDateTime(DateTime.now().toString()),
+            ...commentTimes
+          ];
+          commentHeader = [avatar, ...commentHeader];
+          commentName = [username, ...commentName];
+          _total++;
+        });
+      }
+    } catch (error) {
+      print('Error submitting comment: $error');
+    } finally {
+      setState(() {
+        _isSendingComment = false;
+      });
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        centerTitle: true,
+        backgroundColor: const Color(0xffF6FFD1),
+        title: Text(
+          '评论($_total)',
+          style: TextStyle(color: Colors.black, fontSize: 22),
+        ),
+        elevation: 0,
+        leading: IconButton(
+          onPressed: () {
+            Get.back();
+          },
+          icon: Image.asset(
+            "assets/img/back.png",
+            width: 25,
+            height: 25,
+            fit: BoxFit.contain,
+          ),
+        ),
+      ),
+      body: Column(
+        children: [
+          // ... 保持原有的顶部歌曲信息部分不变 ...
+          Container(
+            height: 80,
+            padding: const EdgeInsets.only(left: 20, right: 10),
+            decoration: BoxDecoration(
+                color: const Color(0xffF9F2AF),
+                borderRadius: BorderRadius.circular(20)),
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Row(
+                  children: [
+                    ClipRRect(
+                      borderRadius: BorderRadius.circular(10),
+                      child: Image.network(
+                        widget.cover,
+                        width: 60,
+                        height: 60,
+                        fit: BoxFit.cover,
+                      ),
+                    ),
+                    const SizedBox(width: 20),
+                    Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: [
+                        Text(
+                          widget.song,
+                          maxLines: 1,
+                          style: const TextStyle(
+                              color: Colors.black,
+                              fontSize: 16,
+                              fontWeight: FontWeight.w400),
+                        ),
+                        Text(
+                          widget.singer,
+                          maxLines: 1,
+                          style: const TextStyle(
+                              color: Colors.black, fontSize: 14),
+                        )
+                      ],
+                    ),
+                  ],
+                ),
+              ],
+            ),
+          ),
+
+          // 评论区标题和排序
+          Padding(
+            padding: const EdgeInsets.all(10.0),
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                const Text(
+                  "评论区",
+                  style: TextStyle(fontSize: 18),
+                ),
+                Row(
+                  children: [
+                    const Text(
+                      "时间",
+                      style: TextStyle(fontSize: 16),
+                    ),
+                    IconButton(
+                      onPressed: () {
+                        setState(() {
+                          ascendingOrder = !ascendingOrder;
+                          _sortComments();
+                        });
+                      },
+                      icon: Image.asset(
+                        ascendingOrder
+                            ? "assets/img/commend_up.png"
+                            : "assets/img/commend_down.png",
+                        fit: BoxFit.contain,
+                      ),
+                    ),
+                  ],
+                )
+              ],
+            ),
+          ),
+
+          // 评论列表
+          Expanded(
+            child: _isInitialLoading
+                ? const Center(
+                    child: CircularProgressIndicator(
+                      color: Color(0xff429482),
+                    ),
+                  )
+                : ListView.builder(
+                    controller: _scrollController,
+                    itemCount: comments.length + 1, // +1 为了显示加载更多的提示
+                    itemBuilder: (context, index) {
+                      if (index == comments.length) {
+                        // 显示加载状态或"没有更多数据"的提示
+                        return Container(
+                          padding: const EdgeInsets.all(16.0),
+                          alignment: Alignment.center,
+                          child: _isLoading
+                              ? const CircularProgressIndicator(
+                                  color: Color(0xff429482),
+                                )
+                              : _hasMoreData
+                                  ? const Text('上拉加载更多')
+                                  : const Text('没有更多评论了'),
+                        );
+                      }
+
+                      return ListTile(
+                        title: Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            Row(
+                              children: [
+                                CircleAvatar(
+                                    backgroundImage:
+                                        NetworkImage(commentHeader[index])),
+                                const SizedBox(width: 10),
+                                Column(
+                                  crossAxisAlignment: CrossAxisAlignment.start,
+                                  children: [
+                                    Text(commentName[index],
+                                        style: const TextStyle(fontSize: 18)),
+                                    Text(
+                                      commentTimes[index],
+                                      style: const TextStyle(fontSize: 14),
+                                    ),
+                                  ],
+                                ),
+                              ],
+                            ),
+                            Padding(
+                              padding: const EdgeInsets.only(
+                                  left: 50, top: 10, bottom: 20),
+                              child: Text(
+                                comments[index],
+                                style: const TextStyle(fontSize: 18),
+                              ),
+                            ),
+                            Container(
+                              width: 560,
+                              height: 2,
+                              color: const Color(0xffE3F0ED),
+                            )
+                          ],
+                        ),
+                      );
+                    },
+                  ),
+          ),
+
+          // 评论输入框
+          Padding(
+            padding: const EdgeInsets.all(8.0),
+            child: Row(
+              children: [
+                Expanded(
+                  child: TextFieldColor(
+                    controller: commentController,
+                    hintText: '来发表你的评论吧!',
+                    enabled: !_isSendingComment,
+                  ),
+                ),
+                const SizedBox(width: 8.0),
+                ElevatedButton(
+                  onPressed: isCommentValid() && !_isSendingComment
+                      ? submitComment
+                      : null,
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: const Color(0xff429482),
+                    foregroundColor: Colors.black45,
+                    shape: RoundedRectangleBorder(
+                      borderRadius: BorderRadius.circular(10),
+                    ),
+                    minimumSize: const Size(30, 44),
+                    disabledBackgroundColor: Colors.grey,
+                  ),
+                  child: _isSendingComment
+                      ? const SizedBox(
+                          width: 20,
+                          height: 20,
+                          child: CircularProgressIndicator(
+                            color: Colors.white,
+                            strokeWidth: 2,
+                          ),
+                        )
+                      : const Text(
+                          '发送',
+                          style: TextStyle(fontSize: 16),
+                        ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/view/home_view.dart

@@ -4,9 +4,10 @@ import 'package:get/get.dart';
 import 'package:music_player_miao/api/api_music_return.dart';
 import 'package:music_player_miao/common_widget/app_data.dart';
 import 'package:music_player_miao/models/search_bean.dart';
-import 'package:music_player_miao/view/commend_view.dart';
+import 'package:music_player_miao/view/comment_view.dart';
 import '../../view_model/home_view_model.dart';
 import '../api/api_music_list.dart';
+import '../common/download_manager.dart';
 import '../common_widget/Song_widegt.dart';
 import '../common_widget/list_cell.dart';
 import '../models/getMusicList_bean.dart';
@@ -19,59 +20,78 @@ class HomeView extends StatefulWidget {
   State<HomeView> createState() => _HomeViewState();
 }
 
-class _HomeViewState extends State<HomeView> {
+class _HomeViewState extends State<HomeView>
+    with AutomaticKeepAliveClientMixin {
   final homeVM = Get.put(HomeViewModel());
   final TextEditingController _controller = TextEditingController();
   bool _isSearching = false;
+  final downloadManager = Get.put(DownloadManager());
+  List<Song> selectedSongs = [];
 
+  @override
+  bool get wantKeepAlive => true;
+
+  @override
   void initState() {
     super.initState();
     _fetchSonglistData();
   }
-  List<Song> songs = [];
+
+  Future<void> _onRefresh() async {
+    try {
+      // 重新获取数据
+      await _fetchSonglistData();
+    } catch (e) {
+      print('Refresh error: $e');
+      // 可以在这里添加错误提示
+    }
+  }
 
   Future<void> _fetchSonglistData() async {
-    MusicListBean bean1 =
-    await GetMusic().getMusic1(Authorization: AppData().currentToken);
-    MusicListBean bean2 =
-    await GetMusic().getMusic2(Authorization: AppData().currentToken);
-    MusicListBean bean3 =
-    await GetMusic().getMusic3(Authorization: AppData().currentToken);
+    try {
+      MusicListBean bean1 =
+          await GetMusic().getMusic1(Authorization: AppData().currentToken);
+      MusicListBean bean2 =
+          await GetMusic().getMusic2(Authorization: AppData().currentToken);
+      MusicListBean bean3 =
+          await GetMusic().getMusic3(Authorization: AppData().currentToken);
 
-    setState(() {
-      songs = [
-        Song(
-            artistPic: bean1.coverPath!,
-            title: bean1.name!,
-            artist: bean1.singerName!,
-            musicurl: bean1.musicPath!,
-            pic: bean1.coverPath!,
-            id: bean1.id!,
-            likes: bean1.likeOrNot!,
-            collection: bean1.collectOrNot!),
-        Song(
-            artistPic: bean2.coverPath!,
-            title: bean2.name!,
-            artist: bean2.singerName!,
-            musicurl: bean2.musicPath!,
-            pic: bean2.coverPath!,
-            id: bean2.id!,
-            likes: bean2.likeOrNot!,
-            collection: bean2.collectOrNot!),
-        Song(
-            artistPic: bean3.coverPath!,
-            title: bean3.name!,
-            artist: bean3.singerName!,
-            musicurl: bean3.musicPath!,
-            pic: bean3.coverPath!,
-            id: bean3.id!,
-            likes: bean3.likeOrNot!,
-            collection: bean3.collectOrNot!),
-      ];
-    });
+      setState(() {
+        selectedSongs = [
+          Song(
+              artistPic: bean1.coverPath!,
+              title: bean1.name!,
+              artist: bean1.singerName!,
+              musicurl: bean1.musicPath!,
+              pic: bean1.coverPath!,
+              id: bean1.id!,
+              likes: bean1.likeOrNot!,
+              collection: bean1.collectOrNot!),
+          Song(
+              artistPic: bean2.coverPath!,
+              title: bean2.name!,
+              artist: bean2.singerName!,
+              musicurl: bean2.musicPath!,
+              pic: bean2.coverPath!,
+              id: bean2.id!,
+              likes: bean2.likeOrNot!,
+              collection: bean2.collectOrNot!),
+          Song(
+              artistPic: bean3.coverPath!,
+              title: bean3.name!,
+              artist: bean3.singerName!,
+              musicurl: bean3.musicPath!,
+              pic: bean3.coverPath!,
+              id: bean3.id!,
+              likes: bean3.likeOrNot!,
+              collection: bean3.collectOrNot!),
+        ];
+      });
+    } catch (e) {
+      print('Error occurred while fetching song list: $e');
+    }
   }
 
-
   ///轮播图
   List<Map> imgList = [
     {"image": "assets/img/banner.png"},
@@ -79,23 +99,96 @@ class _HomeViewState extends State<HomeView> {
     {"image": "assets/img/banner.png"},
   ];
 
-  List<String> _filteredData = [];
+  List<Song> _filteredData = [];
 
   Future<void> _filterData(String query) async {
     if (query.isNotEmpty) {
-      SearchBean bean = await SearchMusic().search(keyword: query);
-      if (bean.code == 200) {
+      try {
+        // 发起搜索请求
+        SearchBean bean = await SearchMusic().search(
+          keyword: query,
+          Authorization: AppData().currentToken,
+        );
+
+        // 如果请求成功且返回的数据不为空
+        if (bean.code == 200 && bean.data != null) {
+          // 创建一个临时列表来存储所有异步请求
+          List<Future<Song?>> songDetailsFutures = [];
+
+          // 循环处理每个搜索结果，通过 id 请求详细信息
+          for (var data in bean.data!) {
+            if (data.id != null) {
+              // 确保 id 不为 null
+              // 使用每个歌曲的 id 获取详细信息，并返回一个 Future
+              songDetailsFutures.add(GetMusicDetail()
+                  .getMusicDetail(
+                songId: data.id!,
+                Authorization: AppData().currentToken,
+              )
+                  .then((details) {
+                if (details != null) {
+                  // 将详细歌曲信息封装成 Song 对象
+                  return Song(
+                    artistPic: details.artistPic ?? '',
+                    // 歌手封面图
+                    title: data.name ?? '',
+                    // 歌曲名称
+                    artist: details.artist ?? '',
+                    // 歌手名称
+                    musicurl: details.musicurl ?? '',
+                    // 歌曲路径
+                    pic: details.pic ?? '',
+                    // 封面图片路径
+                    id: details.id,
+                    // 歌曲 ID
+                    likes: details.likes,
+                    // 是否喜欢
+                    collection: details.collection, // 是否收藏
+                  );
+                }
+                return null; // 如果没有详情返回 null
+              }).catchError((error) {
+                print("Error occurred while fetching song details: $error");
+                return null; // 异常处理，返回 null
+              }));
+            } else {
+              print("Song ID is null for song: ${data.name}");
+            }
+          }
+
+          // 使用 Future.wait 等待所有异步请求完成
+          List<Song?> songDetailsList = await Future.wait(songDetailsFutures);
+
+          // 过滤掉 null 值
+          List<Song> validSongDetails = songDetailsList
+              .where((song) => song != null)
+              .cast<Song>()
+              .toList();
+
+          // 最后更新 UI，一次性更新 _filteredData
+          setState(() {
+            _filteredData = validSongDetails; // 更新搜索结果
+            _isSearching = true; // 设置正在搜索中
+          });
+
+          // 打印最终结果
+          print("Filtered Data: $_filteredData");
+        } else {
+          setState(() {
+            _filteredData = [];
+            _isSearching = false;
+          });
+        }
+      } catch (error) {
+        print("Error occurred during search: $error");
         setState(() {
-          _filteredData = bean.data
-              ?.map((data) =>
-          "${data.name} ") // Adjust this based on your data structure
-              .toList() ??
-              [];
-          _isSearching = true;
+          _filteredData = [];
+          _isSearching = false;
         });
       }
     } else {
       setState(() {
+        _filteredData = [];
         _isSearching = false;
       });
     }
@@ -103,6 +196,8 @@ class _HomeViewState extends State<HomeView> {
 
   @override
   Widget build(BuildContext context) {
+    super.build(context);
+
     ///轮播图
     var MySwiperWidget = Swiper(
       itemBuilder: (BuildContext context, int index) {
@@ -133,193 +228,265 @@ class _HomeViewState extends State<HomeView> {
       child: Scaffold(
         resizeToAvoidBottomInset: false,
         backgroundColor: Colors.transparent,
-        body: SingleChildScrollView(
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              ///头部
-              Container(
-                padding: const EdgeInsets.only(left: 20, top: 50),
-                child: const Row(
-                  crossAxisAlignment: CrossAxisAlignment.end,
-                  children: [
-                    Text(
-                      '喵听',
-                      style:
-                      TextStyle(fontSize: 35, fontWeight: FontWeight.bold),
-                    ),
-                    SizedBox(
-                      width: 10,
-                    ),
-                    Text(
-                      '你的云端音乐库',
-                      style:
-                      TextStyle(fontSize: 20, fontWeight: FontWeight.w500),
-                    ),
-                  ],
-                ),
+        body: Column(
+          children: [
+            ///头部
+            Container(
+              padding: const EdgeInsets.only(left: 20, top: 50),
+              child: const Row(
+                crossAxisAlignment: CrossAxisAlignment.end,
+                children: [
+                  Text(
+                    '喵听',
+                    style: TextStyle(fontSize: 35, fontWeight: FontWeight.bold),
+                  ),
+                  SizedBox(width: 10),
+                  Text(
+                    '你的云端音乐库',
+                    style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500),
+                  ),
+                ],
               ),
+            ),
+            const SizedBox(height: 10),
 
-              ///搜索
-              Container(
-                padding: const EdgeInsets.only(left: 20, right: 20, top: 10),
-                child: Column(
-                  children: [
+            ///搜索
+            Container(
+              padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
+              child: Column(
+                children: [
+                  Container(
+                    height: 38,
+                    decoration: BoxDecoration(
+                      color: const Color(0xffF9F2AF),
+                      borderRadius: BorderRadius.circular(19),
+                      boxShadow: const [
+                        BoxShadow(
+                          color: Colors.black26,
+                          offset: Offset(0, 1),
+                          blurRadius: 0.1,
+                        )
+                      ],
+                    ),
+                    child: TextField(
+                      controller: _controller,
+                      onChanged: (query) {
+                        setState(() async {
+                          _filterData(query);
+                        });
+                      },
+                      decoration: InputDecoration(
+                        focusedBorder: InputBorder.none,
+                        enabledBorder: InputBorder.none,
+                        errorBorder: InputBorder.none,
+                        contentPadding: const EdgeInsets.symmetric(
+                          vertical: 4,
+                          horizontal: 20,
+                        ),
+                        prefixIcon: Container(
+                          margin: const EdgeInsets.only(left: 20),
+                          alignment: Alignment.centerLeft,
+                          width: 30,
+                          child: Image.asset(
+                            "assets/img/home_search.png",
+                            width: 20,
+                            height: 20,
+                            fit: BoxFit.contain,
+                          ),
+                        ),
+                        hintText: "大家都在搜《背对背拥抱》",
+                        hintStyle: const TextStyle(
+                          color: Color(0xffA5A5A5),
+                          fontSize: 13,
+                        ),
+                      ),
+                    ),
+                  ),
+                  if (_isSearching)
                     Container(
-                      height: 38,
+                      height: 150,
+                      width: 345,
                       decoration: BoxDecoration(
-                        color: const Color(0xffF9F2AF),
-                        borderRadius: BorderRadius.circular(19),
-                        boxShadow: const [
-                          BoxShadow(
-                            color: Colors.black26,
-                            offset: Offset(0, 1),
-                            blurRadius: 0.1,
-                          )
-                        ],
+                        color: const Color(0xffF9F2AF).withOpacity(0.7),
                       ),
-                      child: TextField(
-                        controller: _controller,
-                        onChanged: (query) {
-                          setState(() async {
-                            _filterData(query);
-                          });
+                      child: ListView.builder(
+                        padding: EdgeInsets.zero,
+                        itemCount: _filteredData.length,
+                        itemBuilder: (context, index) {
+                          return ListTile(
+                            title: Text(_filteredData[index].title),
+                            onTap: () {
+                              // 用户点击列表项时，执行以下操作：
+                              Navigator.push(
+                                // 使用 Navigator 进行页面跳转
+                                context,
+                                MaterialPageRoute(
+                                  // 创建一个新的页面（MusicView），并将当前歌曲和索引作为参数传递给它
+                                  builder: (context) => MusicView(
+                                    songList: _filteredData,
+                                    // 传递当前列表项对应的歌曲对象，包含歌曲的详细信息
+                                    initialSongIndex:
+                                        index, // 传递当前歌曲在歌曲列表中的索引，用于在新页面中显示或操作
+                                  ),
+                                ),
+                              );
+                            },
+                          );
                         },
-                        decoration: InputDecoration(
-                          focusedBorder: InputBorder.none,
-                          enabledBorder: InputBorder.none,
-                          errorBorder: InputBorder.none,
-                          contentPadding: const EdgeInsets.symmetric(
-                            vertical: 4,
-                            horizontal: 20,
-                          ),
-                          prefixIcon: Container(
-                            margin: const EdgeInsets.only(left: 20),
-                            alignment: Alignment.centerLeft,
-                            width: 30,
-                            child: Image.asset(
-                              "assets/img/home_search.png",
-                              width: 20,
-                              height: 20,
-                              fit: BoxFit.contain,
-                            ),
-                          ),
-                          hintText: "大家都在搜《背对背拥抱》",
-                          hintStyle: const TextStyle(
-                            color: Color(0xffA5A5A5),
-                            fontSize: 13,
-                          ),
-                        ),
                       ),
                     ),
-                    if (_isSearching)
+                ],
+              ),
+            ),
+
+            const SizedBox(
+              height: 10,
+            ),
+
+            ///推荐+轮播图
+            Expanded(
+              child: RefreshIndicator(
+                onRefresh: _onRefresh,
+                color: const Color(0xff429482),
+                backgroundColor: Colors.white,
+                child: SingleChildScrollView(
+                  physics: const AlwaysScrollableScrollPhysics(),
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      ///推荐+轮播图
                       Container(
-                        height: 150,
-                        width: 345,
-                        decoration: BoxDecoration(
-                          color: const Color(0xffF9F2AF).withOpacity(0.7),
-                        ),
-                        child: ListView.builder(
-                          padding: EdgeInsets.zero,
-                          itemCount: _filteredData.length,
-                          itemBuilder: (context, index) {
-                            return ListTile(
-                              title: Text(_filteredData[index]),
-                            );
-                          },
+                        padding:
+                            const EdgeInsets.only(left: 20, right: 20, top: 10),
+                        child: const Text(
+                          '每日推荐',
+                          style: TextStyle(
+                              fontSize: 20, fontWeight: FontWeight.w500),
                         ),
                       ),
-                  ],
-                ),
-              ),
+                      const SizedBox(height: 5),
+                      Container(
+                        padding: const EdgeInsets.symmetric(
+                            horizontal: 20, vertical: 5),
+                        height: 186,
+                        width: double.infinity,
+                        child: MySwiperWidget,
+                      ),
 
-              ///推荐+轮播图
-              Container(
-                padding: const EdgeInsets.only(left: 20, right: 20, top: 10),
-                child: const Text(
-                  '每日推荐',
-                  style: TextStyle(fontSize: 22, fontWeight: FontWeight.w500),
-                ),
-              ),
-              Container(
-                padding: const EdgeInsets.only(left: 20, right: 20, top: 5),
-                height: 186,
-                width: double.infinity,
-                child: MySwiperWidget,
-              ),
+                      const SizedBox(height: 10),
 
-              ///精选歌曲
-              Container(
-                alignment: Alignment.topLeft,
-                padding: const EdgeInsets.only(left: 20, right: 20, top: 5),
-                child: const Text(
-                  '精选歌曲',
-                  style: TextStyle(fontSize: 22, fontWeight: FontWeight.w500),
-                ),
-              ),
-              ListView.builder(
-                padding: EdgeInsets.zero,
-                itemCount: songs.length,
-                physics: const NeverScrollableScrollPhysics(),
-                shrinkWrap: true,
-                itemBuilder: (context, index) {
-                  return ListTile(
-                    leading: Image.network(songs[index].pic),
-                    title: Text(
-                      songs[index].title,
-                      style: const TextStyle(fontSize: 18, color: Colors.black),
-                    ),
-                    subtitle: Text(
-                      songs[index].artist,
-                      style: const TextStyle(fontSize: 16, color: Colors.black),
-                    ),
-                    trailing: InkWell(
-                      onTap: () {
-                        _bottomSheet(context, index);
-                      },
-                      child: Image.asset('assets/img/More.png'),
-                    ),
-                    onTap: () {
-                      Navigator.push(
-                        context,
-                        MaterialPageRoute(
-                          builder: (context) => MusicView(
-                            song: songs[index],
-                            initialSongIndex: index,
-                          ),
+                      ///精选歌曲
+                      Container(
+                        alignment: Alignment.topLeft,
+                        padding:
+                            const EdgeInsets.only(left: 20, right: 20, top: 5),
+                        child: const Text(
+                          '精选歌曲',
+                          style: TextStyle(
+                              fontSize: 20, fontWeight: FontWeight.w500),
                         ),
-                      );
-                    },
-                  );
-                },
-              ),
+                      ),
+                      const SizedBox(
+                        height: 5,
+                      ),
+                      ListView.builder(
+                        padding: EdgeInsets.zero,
+                        itemCount: selectedSongs.length,
+                        physics: const NeverScrollableScrollPhysics(),
+                        shrinkWrap: true,
+                        itemBuilder: (context, index) {
+                          return ListTile(
+                            leading: ClipRRect(
+                              borderRadius: BorderRadius.circular(10),
+                              child: Image.network(
+                                selectedSongs[index].pic,
+                                width: 60,
+                                height: 60,
+                                fit: BoxFit.cover,
+                              ),
+                            ),
+                            title: Text(
+                              selectedSongs[index].title,
+                              style: const TextStyle(
+                                  fontSize: 18, color: Colors.black),
+                            ),
+                            subtitle: Text(
+                              selectedSongs[index].artist,
+                              style: const TextStyle(
+                                  fontSize: 16, color: Colors.black),
+                            ),
+                            trailing: InkWell(
+                              onTap: () {
+                                _bottomSheet(context, index);
+                              },
+                              child: Image.asset('assets/img/More.png'),
+                            ),
+                            onTap: () {
+                              Navigator.push(
+                                context,
+                                MaterialPageRoute(
+                                  builder: (context) => MusicView(
+                                    songList: selectedSongs,
+                                    initialSongIndex: index,
+                                    onSongStatusChanged:
+                                        (index, isCollected, isLiked) {
+                                      setState(() {
+                                        selectedSongs[index].collection =
+                                            isCollected;
+                                        selectedSongs[index].likes = isLiked;
+                                        downloadManager.updateSongInfo(
+                                            selectedSongs[index].id,
+                                            isCollected,
+                                            isLiked);
+                                      });
+                                    },
+                                  ),
+                                ),
+                              );
+                            },
+                          );
+                        },
+                      ),
 
-              ///精选歌单
-              Container(
-                padding: const EdgeInsets.only(left: 20, right: 20, top: 5),
-                child: const Text(
-                  '精选歌单',
-                  style: TextStyle(fontSize: 22, fontWeight: FontWeight.w500),
+                      const SizedBox(
+                        height: 10,
+                      ),
+
+                      ///精选歌单
+                      Container(
+                        padding:
+                            const EdgeInsets.only(left: 20, right: 20, top: 5),
+                        child: const Text(
+                          '精选歌单',
+                          style: TextStyle(
+                              fontSize: 20, fontWeight: FontWeight.w500),
+                        ),
+                      ),
+                      const SizedBox(
+                        height: 5,
+                      ),
+                      SizedBox(
+                        height: 180,
+                        child: ListView.builder(
+                            scrollDirection: Axis.horizontal,
+                            shrinkWrap: true,
+                            padding: const EdgeInsets.only(left: 20),
+                            itemCount: homeVM.listArr.length,
+                            itemBuilder: (context, index) {
+                              var sObj = homeVM.listArr[index];
+                              return ListRow(
+                                sObj: sObj,
+                                onPressed: () {},
+                                onPressedPlay: () {},
+                              );
+                            }),
+                      ),
+                    ],
+                  ),
                 ),
               ),
-              SizedBox(
-                height: 180,
-                child: ListView.builder(
-                    scrollDirection: Axis.horizontal,
-                    shrinkWrap: true,
-                    padding: const EdgeInsets.only(left: 20),
-                    itemCount: homeVM.listArr.length,
-                    itemBuilder: (context, index) {
-                      var sObj = homeVM.listArr[index];
-                      return ListRow(
-                        sObj: sObj,
-                        onPressed: () {},
-                        onPressedPlay: () {},
-                      );
-                    }),
-              ),
-            ],
-          ),
+            ),
+          ],
         ),
       ),
     );
@@ -327,110 +494,90 @@ class _HomeViewState extends State<HomeView> {
 
   Future _bottomSheet(BuildContext context, int index) {
     return showModalBottomSheet(
-        context: context,
-        backgroundColor: Colors.white,
-        shape: const RoundedRectangleBorder(
-            borderRadius: BorderRadius.vertical(top: Radius.circular(30))),
-        builder: (context) => Container(
-          height: 210,
-          padding: const EdgeInsets.only(top: 20),
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.stretch,
-            children: [
-              Row(
-                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-                children: [
-                  Column(
-                    children: [
-                      IconButton(
-                        onPressed: () {},
-                        icon: Image.asset("assets/img/list_add.png"),
-                        iconSize: 60,
-                      ),
-                      const Text("加入歌单")
-                    ],
-                  ),
-                  Column(
-                    children: [
-                      IconButton(
-                        onPressed: () {},
-                        icon: Image.asset("assets/img/list_download.png"),
-                        iconSize: 60,
-                      ),
-                      const Text("下载")
-                    ],
-                  ),
-                  Column(
-                    children: [
-                      IconButton(
-                        onPressed: () {},
-                        icon: Image.asset("assets/img/list_collection.png"),
-                        iconSize: 60,
-                      ),
-                      const Text("收藏")
-                    ],
-                  ),
-                  Column(
-                    children: [
-                      IconButton(
-                        onPressed: () {},
-                        icon: Image.asset("assets/img/list_good.png"),
-                        iconSize: 60,
-                      ),
-                      const Text("点赞")
-                    ],
-                  ),
-                  Column(
-                    children: [
-                      IconButton(
-                        onPressed: () {
-                          Get.to(() => CommentView(
-                            initialSongIndex: index,
-                          ));
-                        },
-                        icon: Image.asset("assets/img/list_comment.png"),
-                        iconSize: 60,
-                      ),
-                      const Text("评论")
-                    ],
-                  ),
-                ],
-              ),
-              const SizedBox(
-                height: 10,
-              ),
-              ElevatedButton(
-                onPressed: () {},
-                child: const Text(
-                  "查看详情页",
-                  style: TextStyle(color: Colors.black, fontSize: 18),
-                ),
-                style: ElevatedButton.styleFrom(
-                  backgroundColor: const Color(0xffE6F4F1),
-                  padding: const EdgeInsets.symmetric(vertical: 8),
-                  tapTargetSize: MaterialTapTargetSize.shrinkWrap,
-                  shape: const RoundedRectangleBorder(
-                    borderRadius: BorderRadius.zero,
-                  ),
-                ),
-              ),
-              ElevatedButton(
-                onPressed: () => Navigator.pop(context),
-                style: ElevatedButton.styleFrom(
-                  backgroundColor: const Color(0xff429482),
-                  padding: const EdgeInsets.symmetric(vertical: 8),
-                  tapTargetSize: MaterialTapTargetSize.shrinkWrap,
-                  shape: const RoundedRectangleBorder(
-                    borderRadius: BorderRadius.zero,
-                  ),
-                ),
-                child: const Text(
-                  "取消",
-                  style: TextStyle(color: Colors.black, fontSize: 18),
+      context: context,
+      backgroundColor: Colors.white,
+      shape: const RoundedRectangleBorder(
+        borderRadius: BorderRadius.vertical(top: Radius.circular(30)),
+      ),
+      builder: (context) => StatefulBuilder(
+        // 使用StatefulBuilder以便动态修改状态
+        builder: (context, setState) {
+          bool likesnot = false; // 初始状态，假设未点赞
+
+          return Container(
+            height: 150,
+            padding: const EdgeInsets.only(top: 20),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.stretch,
+              children: [
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                  children: [
+                    Column(
+                      children: [
+                        IconButton(
+                          onPressed: () {},
+                          icon: Image.asset("assets/img/list_add.png"),
+                          iconSize: 60,
+                        ),
+                        const Text("加入歌单"),
+                      ],
+                    ),
+                    Column(
+                      children: [
+                        IconButton(
+                          onPressed: () {},
+                          icon: Image.asset("assets/img/list_download.png"),
+                          iconSize: 60,
+                        ),
+                        const Text("下载"),
+                      ],
+                    ),
+                    Column(
+                      children: [
+                        IconButton(
+                          onPressed: () {},
+                          icon: Image.asset("assets/img/list_collection.png"),
+                          iconSize: 60,
+                        ),
+                        const Text("收藏"),
+                      ],
+                    ),
+                    Column(
+                      children: [
+                        IconButton(
+                          onPressed: () {},
+                          icon: Image.asset("assets/img/list_good.png"),
+                          iconSize: 60,
+                        ),
+                        const Text("点赞")
+                      ],
+                    ),
+                    Column(
+                      children: [
+                        IconButton(
+                          onPressed: () {
+                            Navigator.pop(context);
+                            // Get.to(() =>
+                            //     CommentView(
+                            //       id:,
+                            //       song:,
+                            //       singer:,
+                            //     ));
+                          },
+                          icon: Image.asset("assets/img/list_comment.png"),
+                          iconSize: 60,
+                        ),
+                        const Text("评论"),
+                      ],
+                    ),
+                  ],
                 ),
-              ),
-            ],
-          ),
-        ));
+              ],
+            ),
+          );
+        },
+      ),
+    );
   }
 }

lib/view/main_tab_view/main_tab_view.dart

@@ -5,6 +5,100 @@ import 'package:music_player_miao/view/user/user_view.dart';
 import '../home_view.dart';
 import '../release_view.dart';
 
+// 首先创建一个独立的迷你播放器组件
+class MiniPlayer extends StatelessWidget {
+  const MiniPlayer({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 50,  // 减小高度以适应底部
+      decoration: BoxDecoration(
+        color: Colors.white,
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.1),
+            blurRadius: 4,
+            offset: const Offset(0, -1),
+          ),
+        ],
+      ),
+      child: Row(
+        children: [
+          // 歌曲封面
+          Container(
+            width: 50,
+            height: 50,
+            color: Colors.grey[200],
+            child: Image.asset(
+              'assets/img/artist_pic.png',
+              fit: BoxFit.cover,
+            ),
+          ),
+          // 歌曲信息
+          Expanded(
+            child: Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 12),
+              child: Row(
+                children: [
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: [
+                        Text(
+                          '背对背拥抱',
+                          style: TextStyle(
+                            fontSize: 14,
+                            fontWeight: FontWeight.w500,
+                          ),
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                        const SizedBox(height: 2),
+                        Text(
+                          '林俊杰',
+                          style: TextStyle(
+                            fontSize: 12,
+                            color: Colors.grey[600],
+                          ),
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                      ],
+                    ),
+                  ),
+                  // 播放控制
+                  Row(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      IconButton(
+                        icon: const Icon(Icons.play_arrow),
+                        onPressed: () {},
+                        padding: EdgeInsets.zero,
+                        constraints: const BoxConstraints(),
+                        iconSize: 24,
+                      ),
+                      const SizedBox(width: 16),
+                      IconButton(
+                        icon: const Icon(Icons.playlist_play),
+                        onPressed: () {},
+                        padding: EdgeInsets.zero,
+                        constraints: const BoxConstraints(),
+                        iconSize: 24,
+                      ),
+                      const SizedBox(width: 8),
+                    ],
+                  ),
+                ],
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
 
 class MainTabView extends StatefulWidget {
   const MainTabView({super.key});
@@ -12,94 +106,114 @@ class MainTabView extends StatefulWidget {
   State<MainTabView> createState() => _MainTabViewState();
 }
 
-class _MainTabViewState extends State<MainTabView> with SingleTickerProviderStateMixin{
+class _MainTabViewState extends State<MainTabView> with SingleTickerProviderStateMixin {
   TabController? controller;
   int selectTab = 0;
   final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>();
 
   @override
   void initState() {
-    // TODO: implement initState
     super.initState();
     controller = TabController(length: 4, vsync: this);
 
     controller?.addListener(() {
       selectTab = controller?.index ?? 0;
-      setState(() {
-
-      });
+      setState(() {});
     });
   }
 
   @override
   void dispose() {
-    // TODO: implement dispose
     super.dispose();
     controller?.dispose();
   }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       resizeToAvoidBottomInset: false,
       key: scaffoldKey,
-      body: TabBarView(
-        controller: controller,
-        children: const [
-          HomeView(),
-          RankView(),
-          ReleaseView(),
-          UserView()
-        ],
-      ),
-      bottomNavigationBar: BottomAppBar(
-        color: Colors.white,
-        elevation: 0,
-        child: TabBar(
-          controller: controller,
-          indicatorColor: Colors.transparent,
-          indicatorWeight: 3,
-          labelColor: Colors.black,
-          labelStyle: const TextStyle(
-              fontSize: 12
-          ),
-          unselectedLabelColor: const Color(0xffCDCDCD),
-          unselectedLabelStyle: const TextStyle(
-              fontSize: 12
+      body: Stack(
+        children: [
+          // TabBarView 占满整个屏幕
+          Column(
+            children: [
+              Expanded(
+                child: TabBarView(
+                  controller: controller,
+                  children: const [
+                    HomeView(),
+                    RankView(),
+                    ReleaseView(),
+                    UserView()
+                  ],
+                ),
+              ),
+            ],
           ),
-          tabs: [
-            Tab(
-              text:
-              "首页",
-              icon:Image.asset(
-                selectTab == 0?"assets/img/home_tab.png":"assets/img/home_tab_un.png",
-                width: 45,height: 45,),
-
-            ),
-            Tab(
-              text:
-              "排行榜",
-              icon:Image.asset(
-                selectTab == 1?"assets/img/list_tab.png":"assets/img/list_tab_un.png",
-                width: 45,height: 45,),
-
-            ),
-            Tab(
-              text:
-              "发布",
-              icon:Image.asset(selectTab == 2?"assets/img/music_tab.png":"assets/img/music_tab_un.png",
-                width: 45,height: 45,),
-
-            ),
-            Tab(
-              text:
-              "个人",
-              icon:Image.asset(selectTab == 3?"assets/img/user_tab.png":"assets/img/user_tab_un.png",
-                width: 45,height: 45,),
-
+          // 迷你播放器浮动在底部
+          Positioned(
+            left: 0,
+            right: 0,
+            bottom: 0,
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                const MiniPlayer(),
+                Container(
+                  color: Colors.white,
+                  child: TabBar(
+                    controller: controller,
+                    indicatorColor: Colors.transparent,
+                    labelColor: Colors.black,
+                    labelStyle: const TextStyle(fontSize: 12),
+                    unselectedLabelColor: const Color(0xffCDCDCD),
+                    unselectedLabelStyle: const TextStyle(fontSize: 12),
+                    tabs: [
+                      Tab(
+                        height: 60,
+                        icon: Image.asset(
+                          selectTab == 0 ? "assets/img/home_tab.png" : "assets/img/home_tab_un.png",
+                          width: 32,
+                          height: 32,
+                        ),
+                        text: "首页",
+                      ),
+                      Tab(
+                        height: 60,
+                        icon: Image.asset(
+                          selectTab == 1 ? "assets/img/list_tab.png" : "assets/img/list_tab_un.png",
+                          width: 32,
+                          height: 32,
+                        ),
+                        text: "排行榜",
+                      ),
+                      Tab(
+                        height: 60,
+                        icon: Image.asset(
+                          selectTab == 2 ? "assets/img/music_tab.png" : "assets/img/music_tab_un.png",
+                          width: 32,
+                          height: 32,
+                        ),
+                        text: "发布",
+                      ),
+                      Tab(
+                        height: 60,
+                        icon: Image.asset(
+                          selectTab == 3 ? "assets/img/user_tab.png" : "assets/img/user_tab_un.png",
+                          width: 32,
+                          height: 32,
+                        ),
+                        text: "我的",
+                      ),
+                    ],
+                  ),
+                ),
+              ],
             ),
-          ],
-        ),
+          ),
+        ],
       ),
     );
   }
-}
+}

lib/view/music_view.dart

@@ -1,150 +1,405 @@
-
+import 'dart:async';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
+import 'package:just_audio/just_audio.dart';
 import 'package:music_player_miao/common_widget/app_data.dart';
-import 'package:music_player_miao/models/universal_bean.dart';
 import '../../view_model/home_view_model.dart';
-import 'package:audioplayers/audioplayers.dart';
-
 import '../api/api_music_likes.dart';
+import '../api/api_collection.dart';
 import '../api/api_music_list.dart';
+import '../common/download_manager.dart';
 import '../common_widget/Song_widegt.dart';
 import '../models/getMusicList_bean.dart';
+import '../view/comment_view.dart';
+import '../models/universal_bean.dart';
 
 class MusicView extends StatefulWidget {
-  final Song song;
+  final List<Song> songList;
   final int initialSongIndex;
-  const MusicView({super.key, required this.song, required this.initialSongIndex});
+  final Function(int index, bool isCollected, bool isLiked)? onSongStatusChanged;
 
+  const MusicView({
+    super.key,
+    required this.songList,
+    required this.initialSongIndex,
+    this.onSongStatusChanged,
+  });
 
   @override
   State<MusicView> createState() => _MusicViewState();
 }
 
-class _MusicViewState extends State<MusicView> {
+class _MusicViewState extends State<MusicView> with SingleTickerProviderStateMixin {
   final homeVM = Get.put(HomeViewModel());
   bool _isDisposed = false;
   AppData appData = AppData();
   late int currentSongIndex;
+  late AudioPlayer _audioPlayer;
+  StreamSubscription? _playerStateSubscription;
+
+  final downloadManager = Get.put(DownloadManager());
+
+  // Stream values
+  Duration _duration = Duration.zero;
+  Duration _position = Duration.zero;
+
+  // Current song info
+  late String artistName;
+  late String musicName;
+  late bool likesnot;
+  late bool collectionsnot;
+
+  // Song lists
+  List<int> id = [];
+  List<String> song2 = [];
+  List<String> artist = [];
+  List<String> music = [];
+  List<bool> likes = [];
+  List<bool> collection = [];
+
+  late AnimationController _rotationController;
+
+  bool _isLoading = false;
+
+  @override
+  void initState() {
+    super.initState();
+    currentSongIndex = widget.initialSongIndex;
+    // _initializeAsync();
+    _fetchSonglistData();
+    _updateCurrentSong();
+    playerInit();
+    _rotationController = AnimationController(
+      duration: const Duration(seconds: 20),
+      vsync: this,
+    );
 
-  List song2 = [];
-  List artist = [];
-  List music = [];
-  List likes = [];
-  List collection = [];
+    _playerStateSubscription = _audioPlayer.playerStateStream.listen((state) {
+      if (!_isDisposed) {
+        if (state.playing) {
+          _rotationController.repeat();
+        } else {
+          _rotationController.stop();
+        }
+      }
+    });
+  }
+
+  @override
+  void dispose() {
+    _isDisposed = true;
+    _playerStateSubscription?.cancel();
+    _rotationController.stop();
+    _rotationController.dispose();
+    _audioPlayer.dispose();
+    super.dispose();
+  }
 
   Future<void> _fetchSonglistData() async {
-    MusicListBean bean1 =
-    await GetMusic().getMusic1(Authorization: AppData().currentToken);
-    MusicListBean bean2 =
-    await GetMusic().getMusic2(Authorization: AppData().currentToken);
-    MusicListBean bean3 =
-    await GetMusic().getMusic3(Authorization: AppData().currentToken);
+    setState(() {
+      for (int i = 0; i < widget.songList.length; i++) {
+        id.add(widget.songList[i].id);
+        // TODO 处理为 musicurl 为空的情况, 需要通过网络
+        if (widget.songList[i].musicurl == null) {
+          song2.add("");
+        } else {
+          song2.add(widget.songList[i].musicurl!);
+        }
+        artist.add(widget.songList[i].artist);
+        music.add(widget.songList[i].title);
+
+        // 初始化喜欢和收藏状态，后续再更新
+        likes.add(widget.songList[i].likes ?? false);
+        collection.add(widget.songList[i].collection ?? false);
+      }
+    });
+  }
+
+  // 检查并更新歌曲状态的方法
+  Future<void> _checkAndUpdateSongStatus(int index) async {
+    // 只有当likes和collection为null时才需要请求
+    if (widget.songList[index].likes == null || widget.songList[index].collection == null) {
+      try {
+        MusicListBean musicListBean = await GetMusic().getMusicById(
+          id: id[index],
+          Authorization: AppData().currentToken,
+        );
+
+        if (!_isDisposed && musicListBean.code == 200) {
+          setState(() {
+            likes[index] = musicListBean.likeOrNot!;
+            collection[index] = musicListBean.collectOrNot!;
+            // 如果是当前播放的歌曲，更新当前状态
+            if (index == currentSongIndex) {
+              likesnot = musicListBean.likeOrNot!;
+              collectionsnot = musicListBean.collectOrNot!;
+            }
+
+            widget.onSongStatusChanged?.call(
+              index,
+              musicListBean.collectOrNot!,
+              musicListBean.likeOrNot!,
+            );
+
+          });
+        }
+      } catch (e) {
+        print('Error fetching song status: $e');
+      }
+    }
+  }
+
+
+  Future<void> _updateCurrentSong() async {
+    if (_isDisposed) return;
 
     setState(() {
-      song2 = [bean1.musicPath,bean2.musicPath,bean3.musicPath];
-      artist = [bean1.singerName,bean2.singerName,bean3.singerName];
-      music = [bean1.name,bean2.name,bean3.name];
-      likes = [bean1.likeOrNot,bean2.likeOrNot,bean3.likeOrNot];
-      collection = [bean1.collectOrNot,bean2.collectOrNot,bean3.collectOrNot];
+      _isLoading = true;
+      _position = Duration.zero;
+      _duration = Duration.zero;
+      artistName = artist[currentSongIndex];
+      musicName = music[currentSongIndex];
+      likesnot = likes[currentSongIndex];
+      collectionsnot = collection[currentSongIndex];
     });
+
+    await _checkAndUpdateSongStatus(currentSongIndex);
+
+    try {
+      await _audioPlayer.stop();
+      _rotationController.reset();
+
+      // 检查本地文件
+      final localSong = downloadManager.getLocalSong(currentSongIndex);
+      final audioSource = localSong != null
+          ? AudioSource.file(localSong.musicurl!)
+          : AudioSource.uri(Uri.parse(song2[currentSongIndex]));
+
+      // 设置音频源并获取时长
+      await _audioPlayer.setAudioSource(audioSource, preload: true);
+
+      // 等待获取真实的音频时长
+      final duration = await _audioPlayer.duration;
+
+      if (!_isDisposed) {
+        setState(() {
+          _duration = duration ?? Duration.zero;
+          _isLoading = false;
+        });
+      }
+
+      // 开始播放
+      await _audioPlayer.play();
+    } catch (e) {
+      print('Error loading audio source: $e');
+      if (!_isDisposed) {
+        setState(() {
+          _isLoading = false;
+        });
+      }
+    }
   }
 
+  void playerInit() async {
+    _audioPlayer = AudioPlayer();
+    await _checkAndUpdateSongStatus(widget.initialSongIndex);
+    // 初始化第一首歌的信息
+    artistName = widget.songList[widget.initialSongIndex].artist;
+    musicName = widget.songList[widget.initialSongIndex].title;
+    likesnot = widget.songList[widget.initialSongIndex].likes!;
+    collectionsnot = widget.songList[widget.initialSongIndex].collection!;
 
-  late AudioPlayer _audioPlayer;
-  late Duration _duration;
-  late Duration _position;  late String artistName;
-  late String musicName;
-  late bool likesnot;
-  late bool collectionsnot;
+    // 监听播放位置
+    _audioPlayer.positionStream.listen((position) {
+      if (!_isDisposed) {
+        setState(() => _position = position);
+      }
+    });
 
-  void playerInit() {
-    _audioPlayer = AudioPlayer()..setSourceUrl('${widget.song.musicurl}');
-    _duration = const Duration();
-    _position = const Duration();
-    artistName = '${widget.song.artist}';
-    musicName = '${widget.song.title}';
-    likesnot = widget.song.likes;
-    collectionsnot = widget.song.collection;
-
-    _audioPlayer.onDurationChanged.listen((Duration d) {
-      _duration = d;
-      setState(() {});
+    // 监听音频时长
+    _audioPlayer.durationStream.listen((duration) {
+      if (!_isDisposed) {
+        setState(() => _duration = duration ?? Duration.zero);
+      }
     });
 
-    _audioPlayer.onPositionChanged.listen((Duration p) {
-      _position = p;
-      setState(() {});
+    // 修改播放状态监听
+    _audioPlayer.playerStateStream.listen((state) {
+      if (_isDisposed) return;
+
+      if (state.processingState == ProcessingState.completed) {
+        // 在这里直接调用下一首，而不是通过 Stream
+        _handleSongCompletion();
+      }
     });
+  }
 
-    _audioPlayer.onPlayerComplete.listen((event) {
-      setState(() {
-        _position = _duration;
-      });
+  // 新增方法处理歌曲播放完成
+  void _handleSongCompletion() {
+    if (_isDisposed) return;
+
+    setState(() {
+      _position = Duration.zero;
+      _duration = Duration.zero;
+    });
+
+    // 使用 Future.microtask 确保状态更新后再切换歌曲
+    Future.microtask(() {
+      if (!_isDisposed) {
+        playNextSong();
+      }
     });
   }
 
-  void playOrPause() {
-    if (_audioPlayer.state == PlayerState.playing) {
-      _audioPlayer.pause();
+  // 修改构建 Slider 的部分
+  Widget _buildProgressSlider() {
+    // 确保最大值至少为 0.1 以避免除零错误
+    final max = _duration.inSeconds.toDouble() == 0 ? 0.1 : _duration.inSeconds.toDouble();
+    // 确保当前值不超过最大值
+    final current = _position.inSeconds.toDouble().clamp(0, max);
+
+    return SliderTheme(
+      data: const SliderThemeData(
+        trackHeight: 3.0,
+        thumbShape: RoundSliderThumbShape(enabledThumbRadius: 7.0),
+        overlayShape: RoundSliderOverlayShape(overlayRadius: 12.0),
+      ),
+      child: Slider(
+        min: 0,
+        max: max,
+        value: current.toDouble(),
+        onChanged: (value) async {
+          if (!_isDisposed && _duration.inSeconds > 0) {
+            await _audioPlayer.seek(Duration(seconds: value.toInt()));
+            setState(() {});
+          }
+        },
+        activeColor: const Color(0xff429482),
+        inactiveColor: const Color(0xffE3F0ED),
+      ),
+    );
+  }
+
+  Widget _buildPlayButton() {
+    return SizedBox(
+      width: 52,
+      height: 52,
+      child: Center(
+        child: _isLoading
+            ? const CircularProgressIndicator(
+          valueColor: AlwaysStoppedAnimation<Color>(Color(0xff429482)),
+          strokeWidth: 3.0,
+        )
+            : IconButton(
+          padding: EdgeInsets.zero, // 移除内边距
+          constraints: const BoxConstraints(
+            minWidth: 52,
+            minHeight: 52,
+            maxWidth: 52,
+            maxHeight: 52,
+          ),
+          onPressed: playOrPause,
+          icon: _audioPlayer.playing
+              ? Image.asset(
+            "assets/img/music_play.png",
+            width: 52,
+            height: 52,
+          )
+              : Image.asset(
+            "assets/img/music_pause.png",
+            width: 52,
+            height: 52,
+          ),
+        ),
+      ),
+    );
+  }
+
+  void playOrPause() async {
+    if (_isDisposed) return;  // 添加状态检查
+
+    if (_audioPlayer.playing) {
+      await _audioPlayer.pause();
+      if (!_isDisposed) {  // 再次检查状态
+        _rotationController.stop();
+      }
     } else {
-      _audioPlayer.resume();
+      await _audioPlayer.play();
+      if (!_isDisposed) {  // 再次检查状态
+        _rotationController.repeat();
+      }
+    }
+    if (!_isDisposed) {
+      setState(() {});
     }
-
-    setState(() {});
   }
 
   void playNextSong() {
-    if (currentSongIndex < 2) {
+    if (currentSongIndex < widget.songList.length - 1) {
       currentSongIndex++;
     } else {
       currentSongIndex = 0;
     }
-    _audioPlayer.setSourceUrl(song2[currentSongIndex]);
-    artistName = artist[currentSongIndex];
-    musicName = music[currentSongIndex];
-    likesnot = likes[currentSongIndex];
-    collectionsnot = collection[currentSongIndex];
-    _audioPlayer.resume();
+    _updateCurrentSong();
   }
 
   void playPreviousSong() {
     if (currentSongIndex > 0) {
       currentSongIndex--;
     } else {
-      currentSongIndex = 2;
+      currentSongIndex = widget.songList.length - 1;
     }
-
-    _audioPlayer.setSourceUrl(song2[currentSongIndex]);
-    artistName = artist[currentSongIndex];
-    musicName = music[currentSongIndex];
-    likesnot = likes[currentSongIndex];
-    collectionsnot = collection[currentSongIndex];
-    _audioPlayer.resume();
+    _updateCurrentSong();
   }
 
-
   String formatDuration(Duration duration) {
     String twoDigits(int n) => n.toString().padLeft(2, "0");
     String twoDigitMinutes = twoDigits(duration.inMinutes.remainder(60));
     String twoDigitSeconds = twoDigits(duration.inSeconds.remainder(60));
-    return "${twoDigits(duration.inMinutes)}:$twoDigitSeconds";
+    return "$twoDigitMinutes:$twoDigitSeconds";
   }
 
-  @override
-  void initState() {
-    playerInit();
-    currentSongIndex = widget.initialSongIndex;
-    _fetchSonglistData();
-    super.initState();
+  Future<void> _initializeAsync() async {
+    await _fetchSonglistData();
+    await _updateCurrentSong();
   }
 
-  @override
-  void dispose() {
-    _isDisposed = true;
-    _audioPlayer.release();
-    _audioPlayer.dispose();
-    super.dispose();
+  void _changeCurrentSong(int index) {
+    if (!_isDisposed) {
+      setState(() {
+        currentSongIndex = index;
+        _updateCurrentSong();
+      });
+    }
+  }
+
+  Widget _buildRotatingAlbumCover() {
+    return RotationTransition(
+      turns: _rotationController,
+      child: Stack(
+        alignment: Alignment.center,
+        children: [
+          Positioned(
+            child: ClipRRect(
+              child: Image.network(
+                widget.songList[currentSongIndex].artistPic,
+                width: 225,
+                height: 225,
+                fit: BoxFit.cover,
+              ),
+            ),
+          ),
+          ClipRRect(
+            child: Image.asset(
+              "assets/img/music_Ellipse.png",
+              width: 350,
+              height: 350,
+              fit: BoxFit.cover,
+            ),
+          ),
+        ],
+      ),
+    );
   }
 
   @override
@@ -189,12 +444,45 @@ class _MusicViewState extends State<MusicView> {
                           ),
                         ),
                         IconButton(
-                          onPressed: () {},
-                          icon: Image.asset(
-                            "assets/img/music_download.png",
-                            width: 30,
-                            height: 30,
-                          ),
+                          onPressed: downloadManager.isDownloading(id[currentSongIndex]) ||
+                              downloadManager.isCompleted(id[currentSongIndex])
+                              ? null
+                              : () async {
+                            await downloadManager.startDownload(
+                              song: widget.songList[currentSongIndex],
+                              context: context,
+                            );
+                          },
+                          icon: Obx(() {
+                            if (downloadManager.isDownloading(id[currentSongIndex])) {
+                              return Stack(
+                                alignment: Alignment.center,
+                                children: [
+                                  SizedBox(
+                                    width: 32,
+                                    height: 32,
+                                    child: CircularProgressIndicator(
+                                      value: downloadManager.getProgress(id[currentSongIndex]),
+                                      backgroundColor: Colors.grey[200],
+                                      valueColor: const AlwaysStoppedAnimation<Color>(Color(0xff429482)),
+                                      strokeWidth: 3.0,
+                                    ),
+                                  ),
+                                  Text(
+                                    '${(downloadManager.getProgress(id[currentSongIndex]) * 100).toInt()}',
+                                    style: const TextStyle(fontSize: 12),
+                                  ),
+                                ],
+                              );
+                            }
+                            return Image.asset(
+                              downloadManager.isCompleted(id[currentSongIndex])
+                                  ? "assets/img/music_download_completed.png"
+                                  : "assets/img/music_download.png",
+                              width: 30,
+                              height: 30,
+                            );
+                          }),
                         ),
                       ],
                     )
@@ -204,31 +492,7 @@ class _MusicViewState extends State<MusicView> {
                   height: 80,
                 ),
                 Center(
-                  child: Stack(
-                    alignment: Alignment.center,
-                    children: [
-                      ClipRRect(
-                        borderRadius: BorderRadius.circular(10),
-                        child: Image.asset(
-                          "assets/img/music_Ellipse.png",
-                          width: 320,
-                          height: 320,
-                          fit: BoxFit.cover,
-                        ),
-                      ),
-                      Positioned(
-                        child: ClipRRect(
-                          borderRadius: BorderRadius.circular(80),
-                          child: Image.network(
-                            '${widget.song.artistPic}',
-                            width: 230,
-                            height: 230,
-                            fit: BoxFit.cover,
-                          ),
-                        ),
-                      )
-                    ],
-                  ),
+                  child: _buildRotatingAlbumCover(),
                 ),
                 const SizedBox(
                   height: 60,
@@ -255,11 +519,22 @@ class _MusicViewState extends State<MusicView> {
                       children: [
                         IconButton(
                           onPressed: () async{
-                            UniversalBean bean1 =
-                            await LikesApiMusic().likesMusic(musicId: currentSongIndex+1, Authorization: AppData().currentToken);
                             setState(() {
                               likesnot = !likesnot;
+                              likes[currentSongIndex] = !likes[currentSongIndex];
                             });
+
+                            UniversalBean response = await LikesApiMusic().likesMusic(musicId: id[currentSongIndex], Authorization: AppData().currentToken);
+                            if (response.code != 200) {
+                              likesnot = !likesnot;
+                              likes[currentSongIndex] = !likes[currentSongIndex];
+                            }
+
+                            widget.onSongStatusChanged?.call(
+                                currentSongIndex,
+                                collection[currentSongIndex],  // 传递当前的收藏状态
+                                likes[currentSongIndex]
+                            );
                           },
                           icon: Image.asset(
                             likesnot
@@ -270,10 +545,23 @@ class _MusicViewState extends State<MusicView> {
                           ),
                         ),
                         IconButton(
-                          onPressed: () {
+                          onPressed: () async {
                             setState(() {
                               collectionsnot = !collectionsnot;
+                              collection[currentSongIndex] = !collection[currentSongIndex];
                             });
+
+                            UniversalBean response = await CollectionApiMusic().addCollection(musicId: id[currentSongIndex], Authorization: AppData().currentToken);
+                            if (response.code != 200) {
+                              collectionsnot = !collectionsnot;
+                              collection[currentSongIndex] = !collection[currentSongIndex];
+                            }
+
+                            widget.onSongStatusChanged?.call(
+                                currentSongIndex,
+                                collection[currentSongIndex],
+                                likes[currentSongIndex]  // 传递当前的点赞状态
+                            );
                           },
                           icon: Image.asset(
                             collectionsnot
@@ -285,7 +573,17 @@ class _MusicViewState extends State<MusicView> {
                         ),
                         IconButton(
                           onPressed: () {
-                            Image.asset("assets/img/music_good.png");
+                            Navigator.push(
+                              context,
+                              MaterialPageRoute(
+                                builder: (context) => CommentView(
+                                  id: id[currentSongIndex],
+                                  song: musicName,
+                                  singer: artistName,
+                                  cover: widget.songList[currentSongIndex].artistPic,
+                                ),
+                              ),
+                            );
                           },
                           icon: Image.asset(
                             "assets/img/music_commend_un.png",
@@ -298,45 +596,21 @@ class _MusicViewState extends State<MusicView> {
                   ],
                 ),
                 const SizedBox(
-                  height: 60,
+                  height: 80,
                 ),
                 Row(
                   mainAxisAlignment: MainAxisAlignment.spaceBetween,
                   children: [
                     Text(
-                      "${formatDuration(_position)}",
-                      style: const TextStyle(
-                        color: Colors.black,
-                      ),
+                      formatDuration(_position),
+                      style: const TextStyle(color: Colors.black),
                     ),
                     Expanded(
-                      child: SliderTheme(
-                        data: const SliderThemeData(
-                          trackHeight: 3.0, // 调整轨道的高度
-                          thumbShape: RoundSliderThumbShape(
-                              enabledThumbRadius: 7.0), // 调整拇指的大小
-                          overlayShape:
-                          RoundSliderOverlayShape(overlayRadius: 12.0),
-                        ),
-                        child: Slider(
-                          min: 0,
-                          max: _duration.inSeconds.toDouble(),
-                          value: _position.inSeconds.toDouble(),
-                          onChanged: (value) async {
-                            await _audioPlayer
-                                .seek(Duration(seconds: value.toInt()));
-                            setState(() {});
-                          },
-                          activeColor: const Color(0xff429482),
-                          inactiveColor: const Color(0xffE3F0ED),
-                        ),
-                      ),
+                      child: _buildProgressSlider(),
                     ),
                     Text(
-                      "${formatDuration(_duration)}",
-                      style: const TextStyle(
-                        color: Colors.black,
-                      ),
+                      formatDuration(_duration),
+                      style: const TextStyle(color: Colors.black),
                     ),
                   ],
                 ),
@@ -367,15 +641,7 @@ class _MusicViewState extends State<MusicView> {
                         const SizedBox(
                           width: 10,
                         ),
-                        IconButton(
-                            onPressed: playOrPause,
-                            icon: _audioPlayer.state == PlayerState.playing
-                                ? Image.asset(
-                              "assets/img/music_play.png",
-                            )
-                                : Image.asset(
-                              "assets/img/music_pause.png",
-                            )),
+                        _buildPlayButton(), // 这里使用新的方法替换原来的IconButton
                         const SizedBox(
                           width: 10,
                         ),
@@ -428,9 +694,12 @@ class _MusicViewState extends State<MusicView> {
                   ),
                 ),
               ),
+              const SizedBox(
+                height: 10,
+              ),
               Expanded(
                 child: ListView.builder(
-                  itemCount: 3,
+                  itemCount: music.length,
                   itemBuilder: (BuildContext context, int index) {
                     bool isCurrentlyPlaying = currentSongIndex == index;
                     return ListTile(
@@ -464,40 +733,10 @@ class _MusicViewState extends State<MusicView> {
                   },
                 ),
               ),
-              ElevatedButton(
-                onPressed: () => Navigator.pop(context),
-                style: ElevatedButton.styleFrom(
-                  backgroundColor: const Color(0xff429482),
-                  padding: const EdgeInsets.symmetric(vertical: 14),
-                  tapTargetSize: MaterialTapTargetSize.shrinkWrap,
-                  shape: const RoundedRectangleBorder(
-                    borderRadius: BorderRadius.zero,
-                  ),
-                ),
-                child: const Text(
-                  "关闭",
-                  style: TextStyle(color: Colors.black, fontSize: 20),
-                ),
-              ),
             ],
           ),
         );
       },
     );
   }
-
-  void _changeCurrentSong(int index) {
-    if (!_isDisposed) { // Check the flag before using the player
-      setState(() {
-        currentSongIndex = index;
-        _audioPlayer.setSourceUrl(song2[currentSongIndex]);
-        artistName = artist[currentSongIndex];
-        musicName = music[currentSongIndex];
-        likesnot = likes[currentSongIndex];
-        collectionsnot = collection[currentSongIndex];
-        _audioPlayer.resume();
-      });
-    }
-  }
-
 }

lib/view/music_view_test.dart

@@ -0,0 +1,507 @@
+// music_view_test.dart
+
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+import '../common/audio_player_controller.dart';
+import '../common/download_manager.dart';
+import '../common_widget/Song_widegt.dart';
+import '../common_widget/app_data.dart';
+import 'comment_view.dart';
+
+class MusicView extends StatefulWidget {
+  final List<Song> songList;
+  final int initialSongIndex;
+  final Function(int index, bool isCollected, bool isLiked)?
+      onSongStatusChanged;
+
+  const MusicView({
+    super.key,
+    required this.songList,
+    required this.initialSongIndex,
+    this.onSongStatusChanged,
+  });
+
+  @override
+  State<MusicView> createState() => _MusicViewState();
+}
+
+class _MusicViewState extends State<MusicView>
+    with SingleTickerProviderStateMixin {
+  // late AnimationController _rotationController;
+  final AudioPlayerController playerController =
+      Get.put(AudioPlayerController());
+  final downloadManager = Get.find<DownloadManager>();
+  final AppData appData = AppData();
+
+  @override
+  void initState() {
+    super.initState();
+    playerController.initWithSongs(widget.songList, widget.initialSongIndex);
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
+  String formatDuration(Duration duration) {
+    String twoDigits(int n) => n.toString().padLeft(2, "0");
+    String twoDigitMinutes = twoDigits(duration.inMinutes.remainder(60));
+    String twoDigitSeconds = twoDigits(duration.inSeconds.remainder(60));
+    return "$twoDigitMinutes:$twoDigitSeconds";
+  }
+
+  Widget _buildProgressSlider() {
+    return Obx(() {
+      final max = playerController.duration.value.inSeconds.toDouble() == 0
+          ? 0.1
+          : playerController.duration.value.inSeconds.toDouble();
+      final current =
+          playerController.position.value.inSeconds.toDouble().clamp(0, max);
+
+      return SliderTheme(
+        data: const SliderThemeData(
+          trackHeight: 3.0,
+          thumbShape: RoundSliderThumbShape(enabledThumbRadius: 7.0),
+          overlayShape: RoundSliderOverlayShape(overlayRadius: 12.0),
+        ),
+        child: Slider(
+          min: 0,
+          max: max,
+          value: current.toDouble(),
+          onChanged: (value) {
+            playerController.seekTo(Duration(seconds: value.toInt()));
+          },
+          activeColor: const Color(0xff429482),
+          inactiveColor: const Color(0xffE3F0ED),
+        ),
+      );
+    });
+  }
+
+  Widget _buildPlayButton() {
+    return Obx(() {
+      return SizedBox(
+        width: 52,
+        height: 52,
+        child: Center(
+          child: playerController.isLoading.value
+              ? const CircularProgressIndicator(
+                  valueColor: AlwaysStoppedAnimation<Color>(Color(0xff429482)),
+                  strokeWidth: 3.0,
+                )
+              : IconButton(
+                  padding: EdgeInsets.zero,
+                  constraints: const BoxConstraints(
+                    minWidth: 52,
+                    minHeight: 52,
+                    maxWidth: 52,
+                    maxHeight: 52,
+                  ),
+                  onPressed: playerController.playOrPause,
+                  icon: !playerController.isPlaying.value
+                      ? Image.asset(
+                          "assets/img/music_play.png",
+                          width: 52,
+                          height: 52,
+                        )
+                      : Image.asset(
+                          "assets/img/music_pause.png",
+                          width: 52,
+                          height: 52,
+                        ),
+                ),
+        ),
+      );
+    });
+  }
+
+  // Widget _buildRotatingAlbumCover() {
+  //   return Obx(() {
+  //     final currentSong =
+  //         widget.songList[playerController.currentSongIndex.value];
+  //     return RotationTransition(
+  //       turns: _rotationController,
+  //       child: Stack(
+  //         alignment: Alignment.center,
+  //         children: [
+  //           Positioned(
+  //             child: ClipRRect(
+  //               child: Image.network(
+  //                 currentSong.artistPic,
+  //                 width: 225,
+  //                 height: 225,
+  //                 fit: BoxFit.cover,
+  //               ),
+  //             ),
+  //           ),
+  //           ClipRRect(
+  //             child: Image.asset(
+  //               "assets/img/music_Ellipse.png",
+  //               width: 350,
+  //               height: 350,
+  //               fit: BoxFit.cover,
+  //             ),
+  //           ),
+  //         ],
+  //       ),
+  //     );
+  //   });
+  // }
+  Widget _buildRotatingAlbumCover() {
+    return Obx(() {
+      final currentSong =
+      widget.songList[playerController.currentSongIndex.value];
+      // 移除 RotationTransition，直接返回静态封面
+      return Stack(
+        alignment: Alignment.center,
+        children: [
+          Positioned(
+            child: ClipRRect(
+              child: Image.network(
+                currentSong.artistPic,
+                width: 225,
+                height: 225,
+                fit: BoxFit.cover,
+              ),
+            ),
+          ),
+          ClipRRect(
+            child: Image.asset(
+              "assets/img/music_Ellipse.png",
+              width: 350,
+              height: 350,
+              fit: BoxFit.cover,
+            ),
+          ),
+        ],
+      );
+    });
+  }
+
+  void _showPlaylist() {
+    showModalBottomSheet(
+      context: context,
+      shape: const RoundedRectangleBorder(
+        borderRadius: BorderRadius.vertical(top: Radius.circular(30)),
+      ),
+      builder: (BuildContext context) {
+        return Container(
+          padding: const EdgeInsets.only(top: 15),
+          constraints: BoxConstraints(
+            maxHeight: MediaQuery.of(context).size.height * 0.45,
+          ),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              const Center(
+                child: Text(
+                  "播放列表",
+                  style: TextStyle(fontSize: 20),
+                ),
+              ),
+              const SizedBox(height: 10),
+              Expanded(
+                child: Obx(() => ListView.builder(
+                      itemCount: playerController.musicNames.length,
+                      itemBuilder: (BuildContext context, int index) {
+                        final isCurrentlyPlaying =
+                            playerController.currentSongIndex.value == index;
+                        return ListTile(
+                          tileColor: isCurrentlyPlaying
+                              ? const Color(0xffE3F0ED)
+                              : null,
+                          title: Row(
+                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                            children: [
+                              Padding(
+                                padding: const EdgeInsets.only(left: 20),
+                                child: Text(
+                                  playerController.musicNames[index],
+                                  style: const TextStyle(fontSize: 18),
+                                ),
+                              ),
+                              Padding(
+                                padding: const EdgeInsets.only(right: 20),
+                                child: Image.asset(
+                                  "assets/img/songs_run.png",
+                                  width: 25,
+                                ),
+                              ),
+                            ],
+                          ),
+                          onTap: () {
+                            playerController.changeSong(index);
+                            Navigator.pop(context);
+                          },
+                        );
+                      },
+                    )),
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      decoration: const BoxDecoration(
+        image: DecorationImage(
+          image: AssetImage("assets/img/app_bg.png"),
+          fit: BoxFit.cover,
+        ),
+      ),
+      child: Scaffold(
+        resizeToAvoidBottomInset: false,
+        backgroundColor: Colors.transparent,
+        body: SingleChildScrollView(
+          child: Padding(
+            padding: const EdgeInsets.only(top: 45, left: 10, right: 10),
+            child: Column(
+              children: [
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: [
+                    IconButton(
+                      onPressed: () {
+                        Get.back();
+                      },
+                      icon: Image.asset(
+                        "assets/img/back.png",
+                        width: 25,
+                        height: 25,
+                        fit: BoxFit.contain,
+                      ),
+                    ),
+                    Row(
+                      children: [
+                        IconButton(
+                          onPressed: () {},
+                          icon: Image.asset(
+                            "assets/img/music_add.png",
+                            width: 30,
+                            height: 30,
+                          ),
+                        ),
+                        Obx(() => IconButton(
+                              onPressed: downloadManager.isDownloading(
+                                          playerController.ids[playerController
+                                              .currentSongIndex.value]) ||
+                                      downloadManager.isCompleted(
+                                          playerController.ids[playerController
+                                              .currentSongIndex.value])
+                                  ? null
+                                  : () async {
+                                      await downloadManager.startDownload(
+                                        song: widget.songList[playerController
+                                            .currentSongIndex.value],
+                                        context: context,
+                                      );
+                                    },
+                              icon: Obx(() {
+                                if (downloadManager.isDownloading(
+                                    playerController.ids[playerController
+                                        .currentSongIndex.value])) {
+                                  return Stack(
+                                    alignment: Alignment.center,
+                                    children: [
+                                      SizedBox(
+                                        width: 32,
+                                        height: 32,
+                                        child: CircularProgressIndicator(
+                                          value: downloadManager.getProgress(
+                                              playerController.ids[
+                                                  playerController
+                                                      .currentSongIndex.value]),
+                                          backgroundColor: Colors.grey[200],
+                                          valueColor:
+                                              const AlwaysStoppedAnimation<
+                                                  Color>(Color(0xff429482)),
+                                          strokeWidth: 3.0,
+                                        ),
+                                      ),
+                                      Text(
+                                        '${(downloadManager.getProgress(playerController.ids[playerController.currentSongIndex.value]) * 100).toInt()}',
+                                        style: const TextStyle(fontSize: 12),
+                                      ),
+                                    ],
+                                  );
+                                }
+                                return Image.asset(
+                                  downloadManager.isCompleted(
+                                          playerController.ids[playerController
+                                              .currentSongIndex.value])
+                                      ? "assets/img/music_download_completed.png"
+                                      : "assets/img/music_download.png",
+                                  width: 30,
+                                  height: 30,
+                                );
+                              }),
+                            )),
+                      ],
+                    ),
+                  ],
+                ),
+                const SizedBox(height: 80),
+                Center(child: _buildRotatingAlbumCover()),
+                const SizedBox(height: 60),
+                Obx(() => Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      crossAxisAlignment: CrossAxisAlignment.end,
+                      children: [
+                        Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            Text(
+                              playerController.musicName.value,
+                              style: const TextStyle(
+                                fontSize: 20,
+                                fontWeight: FontWeight.bold,
+                              ),
+                            ),
+                            Text(
+                              playerController.artistName.value,
+                              style: const TextStyle(fontSize: 20),
+                            ),
+                          ],
+                        ),
+                        Row(
+                          children: [
+                            IconButton(
+                              onPressed: () async {
+                                playerController.toggleLike();
+                                final currentIndex =
+                                    playerController.currentSongIndex.value;
+                                widget.onSongStatusChanged?.call(
+                                  currentIndex,
+                                  playerController.collections[currentIndex],
+                                  playerController.likes[currentIndex],
+                                );
+                              },
+                              icon: Image.asset(
+                                playerController.likesStatus.value
+                                    ? "assets/img/music_good.png"
+                                    : "assets/img/music_good_un.png",
+                                width: 29,
+                                height: 29,
+                              ),
+                            ),
+                            IconButton(
+                              onPressed: () async {
+                                playerController.toggleCollection();
+                                final currentIndex =
+                                    playerController.currentSongIndex.value;
+                                widget.onSongStatusChanged?.call(
+                                  currentIndex,
+                                  playerController.collections[currentIndex],
+                                  playerController.likes[currentIndex],
+                                );
+                              },
+                              icon: Image.asset(
+                                playerController.collectionsStatus.value
+                                    ? "assets/img/music_star.png"
+                                    : "assets/img/music_star_un.png",
+                                width: 29,
+                                height: 29,
+                              ),
+                            ),
+                            IconButton(
+                              onPressed: () {
+                                Navigator.push(
+                                  context,
+                                  MaterialPageRoute(
+                                    builder: (context) => CommentView(
+                                      id: playerController.ids[playerController
+                                          .currentSongIndex.value],
+                                      song: playerController.musicName.value,
+                                      singer: playerController.artistName.value,
+                                      cover: widget
+                                          .songList[playerController
+                                              .currentSongIndex.value]
+                                          .artistPic,
+                                    ),
+                                  ),
+                                );
+                              },
+                              icon: Image.asset(
+                                "assets/img/music_commend_un.png",
+                                width: 29,
+                                height: 29,
+                              ),
+                            ),
+                          ],
+                        ),
+                      ],
+                    )),
+                const SizedBox(height: 80),
+                Obx(() => Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: [
+                        Text(
+                          formatDuration(playerController.position.value),
+                          style: const TextStyle(color: Colors.black),
+                        ),
+                        Expanded(child: _buildProgressSlider()),
+                        Text(
+                          formatDuration(playerController.duration.value),
+                          style: const TextStyle(color: Colors.black),
+                        ),
+                      ],
+                    )),
+                const SizedBox(height: 30),
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: [
+                    IconButton(
+                      onPressed: () {},
+                      icon: Image.asset(
+                        "assets/img/music_random.png",
+                        width: 35,
+                        height: 35,
+                      ),
+                    ),
+                    Row(
+                      children: [
+                        IconButton(
+                          onPressed: playerController.playPrevious,
+                          icon: Image.asset(
+                            "assets/img/music_back.png",
+                            width: 42,
+                            height: 42,
+                          ),
+                        ),
+                        const SizedBox(width: 10),
+                        _buildPlayButton(),
+                        const SizedBox(width: 10),
+                        IconButton(
+                          onPressed: playerController.playNext,
+                          icon: Image.asset(
+                            "assets/img/music_next.png",
+                            width: 42,
+                            height: 42,
+                          ),
+                        ),
+                      ],
+                    ),
+                    IconButton(
+                      onPressed: _showPlaylist,
+                      icon: Image.asset(
+                        "assets/img/music_more.png",
+                        width: 35,
+                        height: 35,
+                      ),
+                    ),
+                  ],
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/view/rank_view.dart

@@ -2,9 +2,11 @@ import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:music_player_miao/common_widget/app_data.dart';
 import '../api/api_music_rank.dart';
-import '../common_widget/rank_song_row.dart';
+import '../common/download_manager.dart';
 import '../models/getRank_bean.dart';
 import '../view_model/rank_view_model.dart';
+import 'music_view.dart';
+import '../common_widget/Song_widegt.dart';
 
 class RankView extends StatefulWidget {
   const RankView({super.key});
@@ -13,30 +15,78 @@ class RankView extends StatefulWidget {
   State<RankView> createState() => _RankViewState();
 }
 
-class _RankViewState extends State<RankView> {
+class _RankViewState extends State<RankView> with AutomaticKeepAliveClientMixin {
   final rankVM = Get.put(RankViewModel());
   List rankNames = [];
   List rankSingerName = [];
   List rankCoverPath = [];
   List rankMusicPath = [];
+  List<Song> songs = [];
 
+  final downloadManager = Get.put(DownloadManager());
+
+  @override
+  bool get wantKeepAlive => true;
+
+  @override
   void initState() {
     super.initState();
-    _fetchSonglistData();
+    _fetchTop50Data();
   }
 
-  Future<void> _fetchSonglistData() async {
-    RankBean bean2 = await GetRank().getRank(Authorization: AppData().currentToken);
-    setState(() {
-      rankNames = bean2.data!.map((data) => data.name!).toList();
-      rankSingerName = bean2.data!.map((data) => data.singerName!).toList();
-      rankCoverPath = bean2.data!.map((data) => data.coverPath!).toList();
-      rankMusicPath = bean2.data!.map((data) => data.musicPath!).toList();
-    });
+  Future<void> _onRefresh() async {
+    await _fetchTop50Data();
+  }
+
+  Future<void> _fetchTop50Data() async {
+    try {
+      RankBean bean2 = await GetRank().getRank(Authorization: AppData().currentToken);
+      if (bean2.code != 200) return;
+      rankNames.clear();
+      rankSingerName.clear();
+      rankCoverPath.clear();
+      rankMusicPath.clear();
+
+      setState(() {
+        List<int> ids = bean2.data!.map((data) => data.id!).toList();
+        rankNames = bean2.data!.map((data) => data.name!).toList();
+        rankSingerName = bean2.data!.map((data) => data.singerName!).toList();
+        rankCoverPath = bean2.data!.map((data) => data.coverPath!).toList();
+        rankMusicPath = bean2.data!.map((data) => data.musicPath!).toList();
+
+        for (int i = 0; i < ids.length; i++) {
+          print(ids[i]);
+        }
+
+        songs.clear();
+
+        if (rankNames.isNotEmpty &&
+            rankNames.length == rankSingerName.length &&
+            rankNames.length == rankCoverPath.length &&
+            rankNames.length == rankMusicPath.length) {
+          for (int i = 0; i < rankNames.length; i++) {
+            songs.add(Song(
+              artistPic: rankCoverPath[i],
+              title: rankNames[i],
+              artist: rankSingerName[i],
+              musicurl: rankMusicPath[i],
+              pic: rankCoverPath[i],
+              id: ids[i],
+              likes: null,
+              collection: null,
+            ));
+          }
+        }
+      });
+    } catch (e) {
+      // 可以添加错误处理逻辑
+      print('Error fetching data: $e');
+    }
   }
 
   @override
   Widget build(BuildContext context) {
+    super.build(context);
     return Container(
       decoration: const BoxDecoration(
         image: DecorationImage(
@@ -50,20 +100,19 @@ class _RankViewState extends State<RankView> {
         body: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            const SizedBox(
-              height: 40,
-            ),
+            const SizedBox(height: 40),
             //头部
             const Center(
               child: Column(
                 children: [
+                  SizedBox(
+                    height: 10,
+                  ),
                   Text(
                     '喵听排行榜',
                     style: TextStyle(fontSize: 22, fontWeight: FontWeight.w400),
                   ),
-                  SizedBox(
-                    height: 10,
-                  ),
+                  SizedBox(height: 10),
                   Text(
                     'Top50',
                     style: TextStyle(
@@ -71,19 +120,15 @@ class _RankViewState extends State<RankView> {
                         fontSize: 40,
                         fontWeight: FontWeight.w500),
                   ),
-                  SizedBox(
-                    height: 10,
-                  ),
-                  Text(
-                    '2023/12/12更新  1期',
-                    style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
-                  ),
+                  // SizedBox(height: 10),
+                  // Text(
+                  //   '2023/12/12更新  1期',
+                  //   style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
+                  // ),
                 ],
               ),
             ),
-            const SizedBox(
-              height: 10,
-            ),
+            const SizedBox(height: 10),
             Container(
               decoration: const BoxDecoration(
                 color: Colors.white,
@@ -95,7 +140,25 @@ class _RankViewState extends State<RankView> {
               child: Row(
                 children: [
                   IconButton(
-                    onPressed: () {},
+                    onPressed: () {
+                      // 播放全部
+                      Navigator.push(
+                        context,
+                        MaterialPageRoute(
+                          builder: (context) => MusicView(
+                            songList: songs,
+                            initialSongIndex: 0,
+                            onSongStatusChanged: (index, isCollected, isLiked) {
+                              setState(() {
+                                songs[index].collection = isCollected;
+                                songs[index].likes = isLiked;
+                                downloadManager.updateSongInfo(songs[index].id, isCollected, isLiked);
+                              });
+                            },
+                          ),
+                        ),
+                      );
+                    },
                     icon: Image.asset(
                       "assets/img/button_play.png",
                       width: 20,
@@ -106,9 +169,7 @@ class _RankViewState extends State<RankView> {
                     '播放全部',
                     style: TextStyle(fontSize: 16),
                   ),
-                  const SizedBox(
-                    width: 5,
-                  ),
+                  const SizedBox(width: 5),
                   const Text(
                     '50',
                     style: TextStyle(fontSize: 16),
@@ -117,13 +178,16 @@ class _RankViewState extends State<RankView> {
               ),
             ),
             Expanded(
-              child: SingleChildScrollView(
-                physics: const BouncingScrollPhysics(),
-                child: Container(
-                  color: Colors.white,
-                  child: Column(
-                    children: [
-                      ListView.builder(
+              child: RefreshIndicator(
+                onRefresh: _onRefresh,
+                color: const Color(0xff429482),
+                child: SingleChildScrollView(
+                  physics: const AlwaysScrollableScrollPhysics(), // 修改为始终可滚动
+                  child: Container(
+                    color: Colors.white,
+                    child: Column(
+                      children: [
+                        ListView.builder(
                           physics: const NeverScrollableScrollPhysics(),
                           shrinkWrap: true,
                           padding: const EdgeInsets.symmetric(
@@ -132,96 +196,107 @@ class _RankViewState extends State<RankView> {
                           itemBuilder: (context, index) {
                             int rankNum = index + 1;
                             return ListTile(
-                                title: Column(
-                              children: [
-                                Row(
-                                  children: [
-                                    Row(
-                                      mainAxisAlignment:
-                                          MainAxisAlignment.center,
-                                      children: [
-                                        SizedBox(
-                                          width: 25,
-                                          child: RichText(
-                                            text: TextSpan(
-                                              text: rankNum.toString(),
-                                              style: TextStyle(
-                                                fontSize: 20,
-                                                fontWeight: FontWeight.w700,
-                                                color: Color(0xffCE0000),
+                              onTap: () {
+                                Navigator.push(
+                                  context,
+                                  MaterialPageRoute(
+                                    builder: (context) => MusicView(
+                                      songList: songs,
+                                      initialSongIndex: index,
+                                      onSongStatusChanged: (index, isCollected, isLiked) {
+                                        setState(() {
+                                          songs[index].collection = isCollected;
+                                          songs[index].likes = isLiked;
+                                          downloadManager.updateSongInfo(songs[index].id, isCollected, isLiked);
+                                        });
+                                      },
+                                    ),
+                                  ),
+                                );
+                              },
+                              title: Column(
+                                children: [
+                                  Row(
+                                    children: [
+                                      Row(
+                                        mainAxisAlignment: MainAxisAlignment.center,
+                                        children: [
+                                          SizedBox(
+                                            width: 25,
+                                            child: RichText(
+                                              text: TextSpan(
+                                                text: rankNum.toString(),
+                                                style: const TextStyle(
+                                                  fontSize: 20,
+                                                  fontWeight: FontWeight.w700,
+                                                  color: Color(0xffCE0000),
+                                                ),
                                               ),
                                             ),
                                           ),
-                                        ),
-                                        const SizedBox(
-                                          width: 10,
-                                        ),
-                                        ClipRRect(
-                                          borderRadius:
-                                              BorderRadius.circular(10),
-                                          child: Image.network(
-                                            rankCoverPath[index],
-                                            width: 60,
-                                            height: 60,
-                                            fit: BoxFit.cover,
-
+                                          const SizedBox(width: 10),
+                                          ClipRRect(
+                                            borderRadius: BorderRadius.circular(10),
+                                            child: Image.network(
+                                              rankCoverPath[index],
+                                              width: 60,
+                                              height: 60,
+                                              fit: BoxFit.cover,
+                                            ),
                                           ),
-                                        ),
-                                        const SizedBox(
-                                          width: 20,
-                                        ),
-                                        SizedBox(
-                                          width: 170,
-                                          child: Column(
-                                            crossAxisAlignment:
-                                                CrossAxisAlignment.start,
-                                            children: [
-                                              Text(
-                                                rankNames[index],
-                                                maxLines: 1,
-                                                style: TextStyle(
-                                                    color: Colors.black,
-                                                    fontSize: 16,
-                                                    fontWeight:
-                                                        FontWeight.w400),
-                                              ),
-                                              Text(
-                                                rankSingerName[index],
-                                                maxLines: 1,
-                                                style: TextStyle(
-                                                    color: Colors.black,
-                                                    fontSize: 14),
-                                              )
-                                            ],
+                                          const SizedBox(width: 20),
+                                          SizedBox(
+                                            width: 170,
+                                            child: Column(
+                                              crossAxisAlignment: CrossAxisAlignment.start,
+                                              children: [
+                                                Text(
+                                                  rankNames[index],
+                                                  maxLines: 1,
+                                                  style: const TextStyle(
+                                                      color: Colors.black,
+                                                      fontSize: 16,
+                                                      fontWeight: FontWeight.w400
+                                                  ),
+                                                ),
+                                                Text(
+                                                  rankSingerName[index],
+                                                  maxLines: 1,
+                                                  style: const TextStyle(
+                                                      color: Colors.black,
+                                                      fontSize: 14
+                                                  ),
+                                                )
+                                              ],
+                                            ),
                                           ),
+                                          const SizedBox(width: 18),
+                                        ],
+                                      ),
+                                      IconButton(
+                                        onPressed: () {
+                                          _bottomSheet(context, index);
+                                        },
+                                        icon: Image.asset(
+                                          'assets/img/More.png',
+                                          width: 25,
+                                          height: 25,
+                                          errorBuilder: (context, error, stackTrace) {
+                                            print('Error loading image: $error');
+                                            return const Icon(Icons.error, size: 25);
+                                          },
                                         ),
-                                        const SizedBox(
-                                          width: 20,
-                                        ),
-                                      ],
-                                    ),
-                                    IconButton(
-                                      onPressed: () {
-                                        _bottomSheet(context);
-                                      },
-                                      icon: Image.asset(
-                                        "assets/img/More.png",
-                                        width: 25,
-                                        height: 25,
                                       ),
-                                    ),
-                                    const SizedBox(
-                                      height: 20,
-                                    )
-                                  ],
-                                ),
-                                const SizedBox(
-                                  height: 10,
-                                )
-                              ],
-                            ));
-                          }),
-                    ],
+                                    ],
+                                  ),
+                                  const SizedBox(height: 10)
+                                ],
+                              ),
+                            );
+                          },
+                        ),
+                      ],
+                    ),
                   ),
                 ),
               ),
@@ -231,13 +306,16 @@ class _RankViewState extends State<RankView> {
       ),
     );
   }
-  Future _bottomSheet(BuildContext context){
+
+  Future _bottomSheet(BuildContext context, int index) {
     return showModalBottomSheet(
         context: context,
         backgroundColor: Colors.white,
-        shape: const RoundedRectangleBorder(borderRadius: BorderRadius.vertical(top: Radius.circular(30))),
-        builder: (context) =>Container(
-          height: 210,
+        shape: const RoundedRectangleBorder(
+            borderRadius: BorderRadius.vertical(top: Radius.circular(30))
+        ),
+        builder: (context) => Container(
+          height: 150,
           padding: const EdgeInsets.only(top: 20),
           child: Column(
             crossAxisAlignment: CrossAxisAlignment.stretch,
@@ -252,7 +330,7 @@ class _RankViewState extends State<RankView> {
                         icon: Image.asset("assets/img/list_add.png"),
                         iconSize: 60,
                       ),
-                      Text("加入歌单")
+                      const Text("加入歌单")
                     ],
                   ),
                   Column(
@@ -262,7 +340,7 @@ class _RankViewState extends State<RankView> {
                         icon: Image.asset("assets/img/list_download.png"),
                         iconSize: 60,
                       ),
-                      Text("下载")
+                      const Text("下载")
                     ],
                   ),
                   Column(
@@ -272,7 +350,7 @@ class _RankViewState extends State<RankView> {
                         icon: Image.asset("assets/img/list_collection.png"),
                         iconSize: 60,
                       ),
-                      Text("收藏")
+                      const Text("收藏")
                     ],
                   ),
                   Column(
@@ -282,60 +360,26 @@ class _RankViewState extends State<RankView> {
                         icon: Image.asset("assets/img/list_good.png"),
                         iconSize: 60,
                       ),
-                      Text("点赞")
+                      const Text("点赞")
                     ],
                   ),
                   Column(
                     children: [
                       IconButton(
-                        onPressed: (){},
+                        onPressed: (){
+                          Navigator.pop(context);
+                        },
                         icon: Image.asset("assets/img/list_comment.png"),
                         iconSize: 60,
                       ),
-                      Text("评论")
+                      const Text("评论")
                     ],
                   ),
                 ],
               ),
-              const SizedBox(height: 10,),
-              ElevatedButton(
-                onPressed: () {
-                  // Get.to(()=>const MainTabView());
-                },
-                child: Text(
-                  "查看详情页",
-                  style: const TextStyle(color:Colors.black,fontSize: 18),
-                ),
-                style: ElevatedButton.styleFrom(
-                  backgroundColor: const Color(0xffE6F4F1),
-                  padding: const EdgeInsets.symmetric(vertical: 8),
-                  tapTargetSize: MaterialTapTargetSize.shrinkWrap,
-                  shape: RoundedRectangleBorder(
-                    borderRadius: BorderRadius.zero,
-                  ),
-                ),
-
-              ),
-              ElevatedButton(
-                onPressed: () =>Navigator.pop(context),
-                child: Text(
-                  "取消",
-                  style: const TextStyle(color:Colors.black,fontSize: 18),
-                ),
-                style: ElevatedButton.styleFrom(
-                  backgroundColor: const Color(0xff429482),
-                  padding: const EdgeInsets.symmetric(vertical: 8),
-                  tapTargetSize: MaterialTapTargetSize.shrinkWrap,
-                  shape: RoundedRectangleBorder(
-                    borderRadius: BorderRadius.zero,
-                  ),
-                ),
-
-              ),
             ],
           ),
         )
-
     );
   }
-}
+}

lib/view/release_view.dart

@@ -23,16 +23,19 @@ class SongInfo {
   SongInfo({required this.songName, required this.artistName});
 }
 
-class _ReleaseViewState extends State<ReleaseView> {
+class _ReleaseViewState extends State<ReleaseView> with AutomaticKeepAliveClientMixin {
 
   List<File> coverImages = [];
   List<SongInfo> songInfoList = [];
 
   late File selectedMp3File;
 
+  @override
+  bool get wantKeepAlive => true;
 
   @override
   Widget build(BuildContext context) {
+    super.build(context);
     return Scaffold(
       resizeToAvoidBottomInset: false,
       backgroundColor: Colors.transparent,

lib/view/user/my_download_view.dart

@@ -0,0 +1,516 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:music_player_miao/common_widget/Song_widegt.dart';
+import '../../common/download_manager.dart';
+import '../../view_model/home_view_model.dart';
+import '../music_view.dart';
+
+class MyDownloadView extends StatefulWidget {
+  const MyDownloadView({super.key});
+
+  @override
+  State<MyDownloadView> createState() => _MyDownloadViewState();
+}
+
+class _MyDownloadViewState extends State<MyDownloadView> {
+  final listVM = Get.put(HomeViewModel());
+  bool _isSelectMode = false;
+  final List<bool> _mySongListSelections = List.generate(2, (index) => false);
+  List<bool> _selectedItems = [];
+  List<Song> _songs = [];
+  final downloadManager = Get.put(DownloadManager());
+
+  @override
+  void initState() {
+    super.initState();
+    _getSongs();
+  }
+
+  void _toggleSelectMode() {
+    setState(() {
+      _isSelectMode = !_isSelectMode;
+      if (!_isSelectMode) {
+        _selectedItems = List.generate(_songs.length, (index) => false);
+      }
+    });
+  }
+
+  void _getSongs() async {
+    setState(() {
+      _songs = downloadManager.getLocalSongs();
+      _selectedItems = List.generate(_songs.length, (index) => false);
+    });
+  }
+
+  void _selectAll() {
+    setState(() {
+      _selectedItems = List.generate(_songs.length, (index) => true);
+    });
+  }
+
+  void _deleteSongs(List<bool> selectedItems) {
+    // List<Song> songsToDelete = [];
+    for (int i = 0; i < selectedItems.length; i++) {
+      if (selectedItems[i]) {
+        // songsToDelete.add(_songs[i]);
+        downloadManager.removeSong(_songs[i].id);
+      }
+    }
+
+    // 重新加载歌曲列表
+    _getSongs();
+  }
+
+  void _deleteSong(int index) {
+    downloadManager.removeSong(_songs[index].id);
+    _getSongs();
+  }
+
+  void _showSelectionDialog() {
+    showDialog(
+      context: context,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(10),
+          ),
+          title: Row(
+            children: [
+              const Text(
+                "添加到",
+              ),
+              Text(
+                '(${_selectedItems.where((item) => item).length} 首)',
+                style: const TextStyle(color: Color(0xff429482), fontSize: 16),
+              )
+            ],
+          ),
+          content: SingleChildScrollView(
+            physics: const BouncingScrollPhysics(),
+            child: Column(
+              children: [
+                for (int i = 0; i < _mySongListSelections.length; i++)
+                  _buildSongListTile(i),
+              ],
+            ),
+          ),
+          actions: [
+            TextButton(
+              onPressed: () {
+                Navigator.of(context).pop();
+              },
+              style: TextButton.styleFrom(
+                backgroundColor: const Color(0xff429482),
+                minimumSize: const Size(130, 50),
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(5.0),
+                ),
+              ),
+              child: const Text(
+                "取消",
+                style: TextStyle(color: Colors.white),
+              ),
+            ),
+            TextButton(
+              onPressed: () {},
+              style: TextButton.styleFrom(
+                backgroundColor: const Color(0xff429482),
+                minimumSize: const Size(130, 50),
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(5.0),
+                ),
+              ),
+              child: const Text(
+                "保存",
+                style: TextStyle(color: Colors.white),
+              ),
+            ),
+          ],
+        );
+      },
+    );
+  }
+
+  Widget _buildSongListTile(int index) {
+    return ListTile(
+      title: Text("我的歌单 $index"),
+      trailing: Checkbox(
+        value: _mySongListSelections[index],
+        onChanged: (value) {
+          setState(() {
+            _mySongListSelections[index] = value ?? false;
+          });
+        },
+        shape: const CircleBorder(),
+        activeColor: const Color(0xff429482),
+      ),
+      onTap: () {
+        setState(() {
+          _mySongListSelections[index] = !_mySongListSelections[index];
+        });
+      },
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      decoration: const BoxDecoration(
+        image: DecorationImage(
+          image: AssetImage("assets/img/app_bg.png"),
+          fit: BoxFit.cover,
+        ),
+      ),
+      child: Scaffold(
+        backgroundColor: Colors.transparent,
+        appBar: AppBar(
+          backgroundColor: Colors.transparent,
+          centerTitle: true,
+          elevation: 0,
+          leading: !_isSelectMode
+              ? IconButton(
+                  onPressed: () {
+                    Get.back(result: true);
+                  },
+                  icon: Image.asset(
+                    "assets/img/back.png",
+                    width: 25,
+                    height: 25,
+                    fit: BoxFit.contain,
+                  ),
+                )
+              : TextButton(
+                  onPressed: _selectAll,
+                  style: TextButton.styleFrom(
+                    foregroundColor: Colors.black,
+                    minimumSize: const Size(50, 40), // 设置最小宽度，确保文字有足够空间
+                    padding:
+                        const EdgeInsets.symmetric(horizontal: 8), // 添加水平内边距
+                  ),
+                  child: const Text(
+                    '全选',
+                    style: TextStyle(fontSize: 18),
+                  ),
+                ),
+          title: _isSelectMode
+              ? Text(
+                  '已选中 ${_selectedItems.where((item) => item).length} 首歌曲',
+                  style: const TextStyle(
+                    color: Colors.black,
+                  ),
+                )
+              : const Text(
+                  '本地下载',
+                  style: TextStyle(color: Colors.black),
+                ),
+          actions: [
+            if (_isSelectMode)
+              TextButton(
+                  onPressed: () {
+                    setState(() {
+                      _isSelectMode = false;
+                      _selectedItems =
+                          List.generate(_songs.length, (index) => false);
+                    });
+                  },
+                  child: const Text(
+                    "完成",
+                    style: TextStyle(color: Colors.black, fontSize: 18),
+                  ))
+          ],
+        ),
+        body: Container(
+          padding: const EdgeInsets.only(left: 10),
+          decoration: const BoxDecoration(
+            color: Colors.white,
+            borderRadius: BorderRadius.vertical(top: Radius.circular(30)),
+          ),
+          child: Column(
+            children: [
+              Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: [
+                  Row(
+                    children: [
+                      IconButton(
+                        onPressed: _songs.isEmpty
+                            ? null
+                            : () {
+                                Navigator.push(
+                                  context,
+                                  MaterialPageRoute(
+                                    builder: (context) => MusicView(
+                                      songList: _songs,
+                                      initialSongIndex: 0,
+                                      onSongStatusChanged:
+                                          (index, isCollected, isLiked) {
+                                        setState(() {
+                                          // 更新父组件中的数据
+                                          _songs[index].collection =
+                                              isCollected;
+                                          _songs[index].likes = isLiked;
+                                          downloadManager.updateSongInfo(
+                                              _songs[index].id,
+                                              isCollected,
+                                              isLiked);
+                                        });
+                                      },
+                                    ),
+                                  ),
+                                );
+                              },
+                        icon: Image.asset(
+                          "assets/img/button_play.png",
+                          width: 20,
+                          height: 20,
+                        ),
+                      ),
+                      const Text(
+                        '播放全部',
+                        style: TextStyle(fontSize: 16),
+                      ),
+                      const SizedBox(
+                        width: 5,
+                      ),
+                      Text(
+                        '${_songs.length}',
+                        style: TextStyle(fontSize: 16),
+                      ),
+                    ],
+                  ),
+                  IconButton(
+                    onPressed: _songs.isEmpty ? null : _toggleSelectMode,
+                    icon: Image.asset(
+                      "assets/img/list_op.png",
+                      width: 20,
+                      height: 20,
+                    ),
+                  ),
+                ],
+              ),
+              Expanded(
+                child: ListView.builder(
+                  itemCount: _songs.length,
+                  itemBuilder: (BuildContext context, int index) {
+                    final song = _songs[index];
+                    return Container(
+                      padding: const EdgeInsets.symmetric(vertical: 5.0),
+                      child: ListTile(
+                        leading: _isSelectMode
+                            ? Checkbox(
+                                value: _selectedItems[index],
+                                onChanged: (value) {
+                                  setState(() {
+                                    _selectedItems[index] = value!;
+                                  });
+                                },
+                                shape: const CircleBorder(),
+                                activeColor: const Color(0xff429482),
+                              )
+                            : null,
+                        title: Text('${song.title} - ${song.artist}'),
+                        trailing: _isSelectMode
+                            ? null
+                            : IconButton(
+                                icon: const Icon(Icons.more_vert),
+                                onPressed: () {
+                                  _bottomSheet(context, index);
+                                },
+                              ),
+                        // 添加点击事件
+                        onTap: _isSelectMode
+                            ? () {
+                                // 在选择模式下点击整行触发复选框
+                                setState(() {
+                                  _selectedItems[index] =
+                                      !_selectedItems[index];
+                                });
+                              }
+                            : () {
+                                // 非选择模式下跳转到播放页面
+                                Navigator.push(
+                                  context,
+                                  MaterialPageRoute(
+                                    builder: (context) => MusicView(
+                                      songList: _songs,
+                                      initialSongIndex: index,
+                                      onSongStatusChanged:
+                                          (index, isCollected, isLiked) {
+                                        setState(() {
+                                          // 更新父组件中的数据
+                                          _songs[index].collection =
+                                              isCollected;
+                                          _songs[index].likes = isLiked;
+                                        });
+                                      },
+                                    ),
+                                  ),
+                                );
+                              },
+                      ),
+                    );
+                  },
+                ),
+              ),
+            ],
+          ),
+        ),
+        bottomNavigationBar: _isSelectMode
+            ? BottomAppBar(
+                height: 140, // 增加 BottomAppBar 的高度
+                child: SingleChildScrollView(
+                  // 使用 SingleChildScrollView 包装内容
+                  child: Column(
+                    mainAxisSize: MainAxisSize.min,
+                    crossAxisAlignment: CrossAxisAlignment.stretch,
+                    children: [
+                      Padding(
+                        padding: const EdgeInsets.symmetric(vertical: 8),
+                        child: Row(
+                          mainAxisAlignment: MainAxisAlignment.spaceAround,
+                          children: [
+                            // 左半边 "添加到" 按钮
+                            Expanded(
+                              child: InkWell(
+                                onTap: () {
+                                  _showSelectionDialog();
+                                },
+                                child: Row(
+                                  mainAxisAlignment: MainAxisAlignment.center,
+                                  children: [
+                                    SizedBox(
+                                      width: 25,
+                                      height: 25,
+                                      child: Image.asset("assets/img/add.png"),
+                                    ),
+                                    const SizedBox(width: 4),
+                                    const Text("添加到"),
+                                  ],
+                                ),
+                              ),
+                            ),
+                            // 中间分隔线
+                            Container(
+                              height: 50,
+                              width: 2,
+                              color: const Color(0xff429482),
+                            ),
+                            // 右半边 "删除" 按钮
+                            Expanded(
+                              child: InkWell(
+                                onTap: () {
+                                  _deleteSongs(_selectedItems);
+                                },
+                                child: Row(
+                                  mainAxisAlignment: MainAxisAlignment.center,
+                                  children: [
+                                    SizedBox(
+                                      width: 22,
+                                      height: 22,
+                                      child:
+                                          Image.asset("assets/img/delete.png"),
+                                    ),
+                                    const SizedBox(width: 4),
+                                    const Text("删除"),
+                                  ],
+                                ),
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
+                      ElevatedButton(
+                        onPressed: () {
+                          setState(() {
+                            _isSelectMode = false;
+                            _selectedItems =
+                                List.generate(_songs.length, (index) => false);
+                          });
+                        },
+                        style: ElevatedButton.styleFrom(
+                          backgroundColor: const Color(0xff429482),
+                          padding: const EdgeInsets.symmetric(vertical: 14),
+                          tapTargetSize: MaterialTapTargetSize.shrinkWrap,
+                          shape: const RoundedRectangleBorder(
+                            borderRadius: BorderRadius.zero,
+                          ),
+                        ),
+                        child: const Text(
+                          '取消',
+                          style: TextStyle(color: Colors.black, fontSize: 16),
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              )
+            : null,
+      ),
+    );
+  }
+
+  Future _bottomSheet(BuildContext context, int index) {
+    return showModalBottomSheet(
+        context: context,
+        backgroundColor: Colors.white,
+        shape: const RoundedRectangleBorder(
+            borderRadius: BorderRadius.vertical(top: Radius.circular(30))),
+        builder: (context) => Container(
+              height: 150,
+              padding: const EdgeInsets.only(top: 20),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.stretch,
+                children: [
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                    children: [
+                      Column(
+                        children: [
+                          IconButton(
+                            onPressed: () {
+                              _deleteSong(index);
+                              Navigator.pop(context);
+                            },
+                            icon: Image.asset("assets/img/list_remove.png"),
+                            iconSize: 60,
+                          ),
+                          const Text("删除")
+                        ],
+                      ),
+                      Column(
+                        children: [
+                          IconButton(
+                            onPressed: () {},
+                            icon: Image.asset("assets/img/list_collection.png"),
+                            iconSize: 60,
+                          ),
+                          const Text("收藏")
+                        ],
+                      ),
+                      Column(
+                        children: [
+                          IconButton(
+                            onPressed: () {},
+                            icon: Image.asset("assets/img/list_good.png"),
+                            iconSize: 60,
+                          ),
+                          const Text("点赞")
+                        ],
+                      ),
+                      Column(
+                        children: [
+                          IconButton(
+                            onPressed: () {},
+                            icon: Image.asset("assets/img/list_comment.png"),
+                            iconSize: 60,
+                          ),
+                          const Text("评论")
+                        ],
+                      ),
+                    ],
+                  ),
+                ],
+              ),
+            ));
+  }
+}

lib/view/user/my_music_view.dart

@@ -1,22 +1,93 @@
-
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
+import '../../common_widget/app_data.dart';
+import '../../models/getAllSongs_bean.dart';
 import '../../view_model/home_view_model.dart';
+import '../../api/api_songlist.dart';
+import '../../api/api_songlist.dart';
+
+List<T> flatten<T>(Iterable<Iterable<T>> iterable) {
+  return iterable.expand((inner) => inner).toList();
+}
 
 class MyMusicView extends StatefulWidget {
-  const MyMusicView({super.key});
+  final int? songlistIdd;
+
+  const MyMusicView({Key? key, this.songlistIdd}) : super(key: key);
 
   @override
   State<MyMusicView> createState() => _MyMusicViewState();
 }
 
 class _MyMusicViewState extends State<MyMusicView> {
+  int songsNum = 0;
+  List songlistId = [];
+  List musicDetail = [];
+  List name = [];
+  List coverPath = [];
+  List musicPath = [];
+  List singerName = [];
+  List uploadUserName = [];
 
   final listVM = Get.put(HomeViewModel());
   bool _isSelectMode = false;
   final List<bool> _mySongListSelections = List.generate(2, (index) => false);
   List<bool> _selectedItems = List.generate(10, (index) => false);
 
+//修改从这开始
+  @override
+  void initState() {
+    super.initState();
+    if (widget.songlistIdd != null) {
+      _fetchMyWorksData();
+    } else {
+      // 处理 songlistIdd 为 null 的情况，例如显示错误消息或不执行数据获取
+      print('Songlist ID is null, cannot fetch data.');
+    }
+  }
+
+  ///获取我的作品
+  Future<void> _fetchMyWorksData() async {
+    try {
+      MyMusicListBean bean2 = await SonglistApi().getAllSongs(
+        id: widget.songlistIdd!,
+        Authorization: AppData().currentToken,
+      );
+
+      setState(() {
+        // 初始化列表
+        name = [];
+        coverPath = [];
+        musicPath = [];
+        singerName = [];
+        songlistId = [];
+
+        // 遍历每个DataBean对象
+        bean2.data?.forEach((dataBean) {
+          // 提取songlistId
+          songlistId.add(dataBean.songlistId);
+
+          // 提取musicDetail对象
+          SongDetails songDetails = dataBean.musicDetail!;
+
+          // 添加歌曲信息到列表
+          name.add(songDetails.name);
+          coverPath.add(songDetails.coverPath);
+          musicPath.add(songDetails.musicPath);
+          singerName.add(songDetails.singerName);
+        });
+
+        songsNum = name.length; // 歌曲数量
+        print('赋值开始');
+        print('赋值结束');
+      });
+    } catch (error) {
+      print('Error fetching myworks data: $error');
+    }
+  }
+
+  //在这里结束
+
   void _toggleSelectMode() {
     setState(() {
       _isSelectMode = !_isSelectMode;
@@ -38,21 +109,20 @@ class _MyMusicViewState extends State<MyMusicView> {
       builder: (BuildContext context) {
         return AlertDialog(
           shape: RoundedRectangleBorder(
-            borderRadius:BorderRadius.circular(10),
+            borderRadius: BorderRadius.circular(10),
           ),
           title: Row(
             children: [
-              const Text("添加到",),
+              const Text(
+                "添加到",
+              ),
               Text(
-                  '(${_selectedItems.where((item) => item).length} 首)',
-                style: const TextStyle(
-                  color: Color(0xff429482),
-                  fontSize: 16
-                ),
+                '(${_selectedItems.where((item) => item).length} 首)',
+                style: const TextStyle(color: Color(0xff429482), fontSize: 16),
               )
             ],
           ),
-          content:SingleChildScrollView(
+          content: SingleChildScrollView(
             physics: const BouncingScrollPhysics(),
             child: Column(
               children: [
@@ -79,8 +149,7 @@ class _MyMusicViewState extends State<MyMusicView> {
               ),
             ),
             TextButton(
-              onPressed: () {
-              },
+              onPressed: () {},
               style: TextButton.styleFrom(
                 backgroundColor: const Color(0xff429482),
                 minimumSize: const Size(130, 50),
@@ -120,7 +189,6 @@ class _MyMusicViewState extends State<MyMusicView> {
     );
   }
 
-
   @override
   Widget build(BuildContext context) {
     return Container(
@@ -137,52 +205,54 @@ class _MyMusicViewState extends State<MyMusicView> {
           centerTitle: true,
           elevation: 0,
           leading: !_isSelectMode
-              ?IconButton(
-            onPressed: () {
-              Get.back();
-            },
-            icon: Image.asset(
-              "assets/img/back.png",
-              width: 25,
-              height: 25,
-              fit: BoxFit.contain,
-            ),
-          )
+              ? IconButton(
+                  onPressed: () {
+                    Get.back(result: true);
+                  },
+                  icon: Image.asset(
+                    "assets/img/back.png",
+                    width: 25,
+                    height: 25,
+                    fit: BoxFit.contain,
+                  ),
+                )
               : TextButton(
-            onPressed: _selectAll,
-            style: TextButton.styleFrom(
-              foregroundColor: Colors.black,
-            ),
-            child: const Text('全选',style: TextStyle(fontSize: 18),),
-          ),
+                  onPressed: _selectAll,
+                  style: TextButton.styleFrom(
+                    foregroundColor: Colors.black,
+                    minimumSize: const Size(50, 40), // 设置最小宽度，确保文字有足够空间
+                    padding:
+                        const EdgeInsets.symmetric(horizontal: 8), // 添加水平内边距
+                  ),
+                  child: const Text(
+                    '全选',
+                    style: TextStyle(fontSize: 18),
+                  ),
+                ),
           title: _isSelectMode
               ? Text(
-                '已选中 ${_selectedItems.where((item) => item).length} 首歌曲',
-                style: const TextStyle(
-                  color: Colors.black,
-                ),
-              )
+                  '已选中 ${_selectedItems.where((item) => item).length} 首歌曲',
+                  style: const TextStyle(
+                    color: Colors.black,
+                  ),
+                )
               : const Text(
-            '我的歌单',
-            style: TextStyle(color: Colors.black),
-          ),
+                  '我的歌单',
+                  style: TextStyle(color: Colors.black),
+                ),
           actions: [
             if (_isSelectMode)
               TextButton(
-                  onPressed: (){
+                  onPressed: () {
                     setState(() {
                       _isSelectMode = false;
                       _selectedItems = List.generate(10, (index) => false);
                     });
                   },
                   child: const Text(
-                      "完成",
-                    style: TextStyle(
-                      color: Colors.black,
-                      fontSize: 18
-                    ),
-                  )
-              )
+                    "完成",
+                    style: TextStyle(color: Colors.black, fontSize: 18),
+                  ))
           ],
         ),
         body: Container(
@@ -199,7 +269,7 @@ class _MyMusicViewState extends State<MyMusicView> {
                   Row(
                     children: [
                       IconButton(
-                        onPressed: (){},
+                        onPressed: () {},
                         icon: Image.asset(
                           "assets/img/button_play.png",
                           width: 20,
@@ -208,16 +278,14 @@ class _MyMusicViewState extends State<MyMusicView> {
                       ),
                       const Text(
                         '播放全部',
-                        style: TextStyle(
-                            fontSize: 16
-                        ),
+                        style: TextStyle(fontSize: 16),
+                      ),
+                      const SizedBox(
+                        width: 5,
                       ),
-                      const SizedBox(width: 5,),
                       const Text(
                         '50',
-                        style: TextStyle(
-                            fontSize: 16
-                        ),
+                        style: TextStyle(fontSize: 16),
                       ),
                     ],
                   ),
@@ -232,215 +300,224 @@ class _MyMusicViewState extends State<MyMusicView> {
                 ],
               ),
               Expanded(
-                child: ListView.builder(
-                  itemCount: 10,
-                  itemBuilder: (BuildContext context, int index) {
-                    return Container(
-                      padding: const EdgeInsets.symmetric(vertical: 5.0),
-                      child: ListTile(
-                        leading: _isSelectMode
-                            ? Checkbox(
-                          value: _selectedItems[index],
-                          onChanged: (value) {
-                            setState(() {
-                              _selectedItems[index] = value!;
-                            });
-                          },
-                          shape: const CircleBorder(),
-                          activeColor: const Color(0xff429482),
-                        )
-                            : null,
-                        title: Text('歌曲名 $index - 歌手'),
-                        trailing: _isSelectMode
-                            ? null
-                            : IconButton(
-                          icon: const Icon(Icons.more_vert),
-                          onPressed: () {
-                            _bottomSheet(context);
-                          },
-                        ),
+                child: songsNum == 0
+                    ? Center(child: Text('该歌单为空')) // 如果没有作品，显示提示文本
+                    : ListView.builder(
+                        itemCount: songsNum,
+                        itemBuilder: (BuildContext context, int index) {
+                          return Container(
+                            padding: const EdgeInsets.symmetric(vertical: 5.0),
+                            child: ListTile(
+                              leading: _isSelectMode
+                                  ? Checkbox(
+                                      value: _selectedItems[index],
+                                      onChanged: (value) {
+                                        setState(() {
+                                          _selectedItems[index] = value!;
+                                        });
+                                      },
+                                      shape: const CircleBorder(),
+                                      activeColor: const Color(0xff429482),
+                                    )
+                                  : CircleAvatar(
+                                      backgroundImage:
+                                          NetworkImage(coverPath[index]),
+                                      // 假设封面路径是网络资源
+                                      radius: 25,
+                                    ),
+                              title:
+                                  Text('${name[index]} - ${singerName[index]}'),
+                              // 显示歌曲名和歌手名
+                              trailing: _isSelectMode
+                                  ? null
+                                  : IconButton(
+                                      icon: const Icon(Icons.more_vert),
+                                      onPressed: () {
+                                        _bottomSheet(context);
+                                      },
+                                    ),
+                            ),
+                          );
+                        },
                       ),
-                    );
-                  },
-                ),
               ),
             ],
           ),
         ),
-
         bottomNavigationBar: _isSelectMode
             ? BottomAppBar(
-          child: SizedBox(
-            height: 127.0,
-            child: Column(
-              crossAxisAlignment: CrossAxisAlignment.stretch,
-              children: [
-                Row(
-                  mainAxisAlignment: MainAxisAlignment.spaceAround,
-                  children: [
-                    Row(
-                      children: [
-                        IconButton(
-                          onPressed: (){
-                            _showSelectionDialog();
-                          },
-                          icon: Image.asset("assets/img/list_add.png"),
-                          iconSize: 60,
+                child: SizedBox(
+                  height: 127.0,
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.stretch,
+                    children: [
+                      Row(
+                        mainAxisAlignment: MainAxisAlignment.spaceAround,
+                        children: [
+                          Row(
+                            children: [
+                              IconButton(
+                                onPressed: () {
+                                  _showSelectionDialog();
+                                },
+                                icon: Image.asset("assets/img/list_add.png"),
+                                iconSize: 60,
+                              ),
+                              const Text("添加到"),
+                            ],
+                          ),
+                          Container(
+                            height: 50,
+                            width: 2,
+                            color: const Color(0xff429482),
+                          ),
+                          Row(
+                            children: [
+                              IconButton(
+                                onPressed: () {},
+                                icon:
+                                    Image.asset("assets/img/list_download.png"),
+                                iconSize: 60,
+                              ),
+                              const Text("下载"),
+                            ],
+                          ),
+                        ],
+                      ),
+                      ElevatedButton(
+                        onPressed: () {
+                          setState(() {
+                            _isSelectMode = false;
+                            _selectedItems =
+                                List.generate(10, (index) => false);
+                          });
+                        },
+                        style: ElevatedButton.styleFrom(
+                          backgroundColor: const Color(0xff429482),
+                          padding: const EdgeInsets.symmetric(vertical: 14),
+                          tapTargetSize: MaterialTapTargetSize.shrinkWrap,
+                          shape: const RoundedRectangleBorder(
+                            borderRadius: BorderRadius.zero,
+                          ),
                         ),
-                        const Text("添加到"),
-                      ],
-                    ),
-                    Container(
-                      height: 50,
-                      width: 2,
-                      color: const Color(0xff429482),
-                    ),
-                    Row(
-                      children: [
-                        IconButton(
-                          onPressed: (){},
-                          icon: Image.asset("assets/img/list_download.png"),
-                          iconSize: 60,
+                        child: const Text(
+                          '取消',
+                          style: TextStyle(color: Colors.black, fontSize: 16),
                         ),
-                        const Text("下载"),
-                      ],
-                    ),
-                  ],
-                ),
-                ElevatedButton(
-                  onPressed: () {
-                    setState(() {
-                      _isSelectMode = false;
-                      _selectedItems = List.generate(10, (index) => false);
-                    });
-                  },
-                  style: ElevatedButton.styleFrom(
-                    backgroundColor: const Color(0xff429482),
-                    padding: const EdgeInsets.symmetric(vertical: 14),
-                    tapTargetSize: MaterialTapTargetSize.shrinkWrap,
-                    shape: const RoundedRectangleBorder(
-                      borderRadius: BorderRadius.zero,
-                    ),
+                      ),
+                    ],
                   ),
-                  child: const Text('取消',
-                    style: TextStyle(
-                    color: Colors.black,
-                      fontSize: 16
-                  ),),
                 ),
-              ],
-            ),
-          ),
-        )
+              )
             : null,
       ),
     );
   }
-  Future _bottomSheet(BuildContext context){
+
+  Future _bottomSheet(BuildContext context) {
     return showModalBottomSheet(
         context: context,
         backgroundColor: Colors.white,
-        shape: const RoundedRectangleBorder(borderRadius: BorderRadius.vertical(top: Radius.circular(30))),
-        builder: (context) =>Container(
-          height: 210,
-          padding: const EdgeInsets.only(top: 20),
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.stretch,
-            children: [
-              Row(
-                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+        shape: const RoundedRectangleBorder(
+            borderRadius: BorderRadius.vertical(top: Radius.circular(30))),
+        builder: (context) => Container(
+              height: 210,
+              padding: const EdgeInsets.only(top: 20),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.stretch,
                 children: [
-                  Column(
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                     children: [
-                      IconButton(
-                        onPressed: (){},
-                        icon: Image.asset("assets/img/list_remove.png"),
-                        iconSize: 60,
+                      Column(
+                        children: [
+                          IconButton(
+                            onPressed: () {},
+                            icon: Image.asset("assets/img/list_remove.png"),
+                            iconSize: 60,
+                          ),
+                          const Text("从歌单移除")
+                        ],
                       ),
-                      const Text("从歌单移除")
-                    ],
-                  ),
-                  Column(
-                    children: [
-                      IconButton(
-                        onPressed: (){},
-                        icon: Image.asset("assets/img/list_download.png"),
-                        iconSize: 60,
+                      Column(
+                        children: [
+                          IconButton(
+                            onPressed: () {},
+                            icon: Image.asset("assets/img/list_download.png"),
+                            iconSize: 60,
+                          ),
+                          const Text("下载")
+                        ],
                       ),
-                      const Text("下载")
-                    ],
-                  ),
-                  Column(
-                    children: [
-                      IconButton(
-                        onPressed: (){},
-                        icon: Image.asset("assets/img/list_collection.png"),
-                        iconSize: 60,
+                      Column(
+                        children: [
+                          IconButton(
+                            onPressed: () {},
+                            icon: Image.asset("assets/img/list_collection.png"),
+                            iconSize: 60,
+                          ),
+                          const Text("收藏")
+                        ],
+                      ),
+                      Column(
+                        children: [
+                          IconButton(
+                            onPressed: () {},
+                            icon: Image.asset("assets/img/list_good.png"),
+                            iconSize: 60,
+                          ),
+                          const Text("点赞")
+                        ],
+                      ),
+                      Column(
+                        children: [
+                          IconButton(
+                            onPressed: () {},
+                            icon: Image.asset("assets/img/list_comment.png"),
+                            iconSize: 60,
+                          ),
+                          const Text("评论")
+                        ],
                       ),
-                      const Text("收藏")
                     ],
                   ),
-                  Column(
-                    children: [
-                      IconButton(
-                        onPressed: (){},
-                        icon: Image.asset("assets/img/list_good.png"),
-                        iconSize: 60,
+                  const SizedBox(
+                    height: 10,
+                  ),
+                  ElevatedButton(
+                    onPressed: () {
+                      // Get.to(()=>const MusicView());
+                    },
+                    style: ElevatedButton.styleFrom(
+                      backgroundColor: const Color(0xffE6F4F1),
+                      padding: const EdgeInsets.symmetric(vertical: 8),
+                      tapTargetSize: MaterialTapTargetSize.shrinkWrap,
+                      shape: const RoundedRectangleBorder(
+                        borderRadius: BorderRadius.zero,
                       ),
-                      const Text("点赞")
-                    ],
+                    ),
+                    child: const Text(
+                      "查看详情页",
+                      style: TextStyle(color: Colors.black, fontSize: 18),
+                    ),
                   ),
-                  Column(
-                    children: [
-                      IconButton(
-                        onPressed: (){},
-                        icon: Image.asset("assets/img/list_comment.png"),
-                        iconSize: 60,
+                  ElevatedButton(
+                    onPressed: () => Navigator.pop(context),
+                    style: ElevatedButton.styleFrom(
+                      backgroundColor: const Color(0xff429482),
+                      padding: const EdgeInsets.symmetric(vertical: 8),
+                      tapTargetSize: MaterialTapTargetSize.shrinkWrap,
+                      shape: const RoundedRectangleBorder(
+                        borderRadius: BorderRadius.zero,
                       ),
-                      const Text("评论")
-                    ],
+                    ),
+                    child: const Text(
+                      "取消",
+                      style: TextStyle(color: Colors.black, fontSize: 18),
+                    ),
                   ),
                 ],
               ),
-              const SizedBox(height: 10,),
-              ElevatedButton(
-                onPressed: () {
-                  // Get.to(()=>const MusicView());
-                },
-                style: ElevatedButton.styleFrom(
-                  backgroundColor: const Color(0xffE6F4F1),
-                  padding: const EdgeInsets.symmetric(vertical: 8),
-                  tapTargetSize: MaterialTapTargetSize.shrinkWrap,
-                  shape: const RoundedRectangleBorder(
-                    borderRadius: BorderRadius.zero,
-                  ),
-                ),
-                child: const Text(
-                  "查看详情页",
-                  style: TextStyle(color:Colors.black,fontSize: 18),
-                ),
-
-              ),
-              ElevatedButton(
-                onPressed: () =>Navigator.pop(context),
-                style: ElevatedButton.styleFrom(
-                  backgroundColor: const Color(0xff429482),
-                  padding: const EdgeInsets.symmetric(vertical: 8),
-                  tapTargetSize: MaterialTapTargetSize.shrinkWrap,
-                  shape: const RoundedRectangleBorder(
-                    borderRadius: BorderRadius.zero,
-                  ),
-                ),
-                child: const Text(
-                  "取消",
-                  style: TextStyle(color:Colors.black,fontSize: 18),
-                ),
-
-              ),
-            ],
-          ),
-        )
-
-    );
+            ));
   }
 }

lib/view/user/my_work_view.dart

@@ -1,6 +1,9 @@
-
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
+import 'package:music_player_miao/common_widget/Song_widegt.dart';
+import '../../api/api_songlist.dart';
+import '../../common_widget/app_data.dart';
+import '../../models/getMyWorks.dart';
 import '../../view_model/home_view_model.dart';
 
 class MyWorkView extends StatefulWidget {
@@ -11,6 +14,12 @@ class MyWorkView extends StatefulWidget {
 }
 
 class _MyWorkViewState extends State<MyWorkView> {
+  int MyWorkCount = 0;
+  List MyWorkNames = [];
+  List Songid = [];
+  List coverPath = [];
+  List musicPath = [];
+  List singerName = [];
 
   final listVM = Get.put(HomeViewModel());
   bool _isSelectMode = false;
@@ -18,6 +27,37 @@ class _MyWorkViewState extends State<MyWorkView> {
   List<bool> _mySongListSelections = List.generate(2, (index) => false);
   List<bool> _selectedItems = List.generate(10, (index) => false);
 
+//从这里开始是我要修改的请求接口
+  @override
+  void initState() {
+    super.initState();
+    print('初始化正常');
+    _fetchMyWorksData();
+  }
+
+  ///获取我的作品
+  Future<void> _fetchMyWorksData() async {
+    try {
+      MyWorks bean2 = await SonglistApi().getMyworks(
+        Authorization: AppData().currentToken,
+      );
+
+      setState(() {
+        MyWorkNames = bean2.data!.map((data) => data.name!).toList();
+        Songid = bean2.data!.map((data) => data.id!).toList();
+        coverPath = bean2.data!.map((data) => data.coverPath!).toList();
+        musicPath = bean2.data!.map((data) => data.musicPath!).toList();
+        singerName = bean2.data!.map((data) => data.singerName!).toList();
+        print('赋值开始');
+        MyWorkCount = MyWorkNames.length;
+        print('赋值结束');
+      });
+    } catch (error) {
+      print('Error fetching myworks data: $error');
+    }
+  }
+  //在这里结束
+
   void _toggleSelectMode() {
     setState(() {
       _isSelectMode = !_isSelectMode;
@@ -248,8 +288,10 @@ class _MyWorkViewState extends State<MyWorkView> {
                 ],
               ),
               Expanded(
-                child: ListView.builder(
-                  itemCount: 10,
+                child: MyWorkCount == 0
+                    ? Center(child: Text('你还没有作品')) // 如果没有作品，显示提示文本
+                    : ListView.builder(
+                  itemCount: MyWorkCount,
                   itemBuilder: (BuildContext context, int index) {
                     return Container(
                       padding: const EdgeInsets.symmetric(vertical: 5.0),
@@ -265,8 +307,11 @@ class _MyWorkViewState extends State<MyWorkView> {
                           shape: const CircleBorder(),
                           activeColor: const Color(0xff429482),
                         )
-                            : null,
-                        title: Text('歌曲名 $index - 歌手'),
+                            : CircleAvatar(
+                          backgroundImage: NetworkImage(coverPath[index]), // 假设封面路径是网络资源
+                          radius: 25,
+                        ),
+                        title: Text('${MyWorkNames[index]} - ${singerName[index]}'), // 显示歌曲名和歌手名
                         trailing: _isSelectMode
                             ? null
                             : IconButton(
@@ -459,4 +504,4 @@ class _MyWorkViewState extends State<MyWorkView> {
 
     );
   }
-}
+}

lib/view/user/user_info.dart

@@ -1,17 +1,11 @@
-// ignore_for_file: use_build_context_synchronously
-
 import 'dart:io';
-
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
-import 'package:music_player_miao/widget/text_field.dart';
+import 'package:image_picker/image_picker.dart';
 import '../../api/api_client.dart';
 import '../../api/api_client_info.dart';
 import '../../common_widget/app_data.dart';
-import '../../models/getInfo_bean.dart';
-import '../../models/universal_bean.dart';
 import '../../view_model/home_view_model.dart';
-import 'package:image_picker/image_picker.dart';
 
 class UserInfo extends StatefulWidget {
   const UserInfo({super.key});
@@ -23,7 +17,7 @@ class UserInfo extends StatefulWidget {
 class _UserInfoState extends State<UserInfo> {
   final listVM = Get.put(HomeViewModel());
   final TextEditingController _controller = TextEditingController();
-  late File _selectedImage;
+  File? _selectedImage;
 
   @override
   Widget build(BuildContext context) {
@@ -42,7 +36,7 @@ class _UserInfoState extends State<UserInfo> {
           elevation: 0,
           leading: IconButton(
             onPressed: () {
-              Get.back();
+              Get.back(result: true);
             },
             icon: Image.asset(
               "assets/img/back.png",
@@ -60,77 +54,8 @@ class _UserInfoState extends State<UserInfo> {
         body: SingleChildScrollView(
           child: Column(
             children: [
-              Container(
-                height: 80,
-                color: Colors.white.withOpacity(0.6),
-                padding: const EdgeInsets.only(left: 48, right: 25),
-                child: InkWell(
-                  onTap: () {
-                    _bottomSheet(context);
-                  },
-                  child: Row(
-                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                    children: [
-                      const Text(
-                        "头像",
-                        style: TextStyle(fontSize: 20),
-                      ),
-                      Row(
-                        children: [
-                          Image.network(
-                            AppData().currentAvatar,
-                            width: 64,
-                            height: 64,
-                          ),
-                          const SizedBox(
-                            width: 20,
-                          ),
-                          Image.asset(
-                            "assets/img/user_next.png",
-                            width: 25,
-                            height: 25,
-                          )
-                        ],
-                      )
-                    ],
-                  ),
-                ),
-              ),
-              Container(
-                height: 80,
-                color: Colors.white.withOpacity(0.6),
-                padding: const EdgeInsets.only(left: 48, right: 25),
-                child: InkWell(
-                  onTap: () {
-                    _showNicknameDialog();
-                  },
-                  child: Row(
-                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                    children: [
-                      const Text(
-                        "昵称",
-                        style: TextStyle(fontSize: 20),
-                      ),
-                      Row(
-                        children: [
-                          Text(
-                            AppData().currentUsername,
-                            style: const TextStyle(fontSize: 20),
-                          ),
-                          const SizedBox(
-                            width: 15,
-                          ),
-                          Image.asset(
-                            "assets/img/user_next.png",
-                            width: 25,
-                            height: 25,
-                          )
-                        ],
-                      )
-                    ],
-                  ),
-                ),
-              )
+              _buildAvatarRow(),
+              _buildNicknameRow(),
             ],
           ),
         ),
@@ -138,68 +63,144 @@ class _UserInfoState extends State<UserInfo> {
     );
   }
 
+  // 构建头像行
+  Widget _buildAvatarRow() {
+    return Container(
+      height: 80,
+      color: Colors.white.withOpacity(0.6),
+      padding: const EdgeInsets.only(left: 48, right: 25),
+      child: InkWell(
+        onTap: () {
+          _bottomSheet(context);
+        },
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            const Text(
+              "头像",
+              style: TextStyle(fontSize: 20),
+            ),
+            Row(
+              children: [
+                _buildAvatarImage(),
+                const SizedBox(width: 20),
+                Image.asset(
+                  "assets/img/user_next.png",
+                  width: 25,
+                  height: 25,
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  // 构建昵称行
+  Widget _buildNicknameRow() {
+    return Container(
+      height: 80,
+      color: Colors.white.withOpacity(0.6),
+      padding: const EdgeInsets.only(left: 48, right: 25),
+      child: InkWell(
+        onTap: () {
+          _showNicknameDialog();
+        },
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            const Text(
+              "昵称",
+              style: TextStyle(fontSize: 20),
+            ),
+            Row(
+              children: [
+                Text(
+                  AppData().currentUsername,
+                  style: const TextStyle(fontSize: 20),
+                ),
+                const SizedBox(width: 15),
+                Image.asset(
+                  "assets/img/user_next.png",
+                  width: 25,
+                  height: 25,
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  // 显示头像的 Widget，根据是否是网络 URL 或本地路径来动态加载
+  Widget _buildAvatarImage() {
+    final avatarPath = AppData().currentAvatar;
+    if (avatarPath.startsWith('http')) {
+      return Image.network(
+        avatarPath,
+        width: 64,
+        height: 64,
+      );
+    } else {
+      return Image.file(
+        File(avatarPath),
+        width: 64,
+        height: 64,
+      );
+    }
+  }
+
   Future _bottomSheet(BuildContext context) async {
     final picker = ImagePicker();
     await showModalBottomSheet(
-        context: context,
-        backgroundColor: Colors.white,
-        shape: const RoundedRectangleBorder(
-            borderRadius: BorderRadius.vertical(top: Radius.circular(30))),
-        builder: (context) => Container(
-              height: 132,
-              padding: const EdgeInsets.only(top: 20),
-              child: Column(
-                crossAxisAlignment: CrossAxisAlignment.stretch,
-                children: [
-                  ElevatedButton(
-                    onPressed: () async {
-                      Navigator.pop(context);
-                      final pickedFile =
-                          await picker.pickImage(source: ImageSource.gallery);
-                      if (pickedFile != null) {
-                        _selectedImage=File('assets/images/bg.png');
-                        setState(() {
-                          _selectedImage = File(pickedFile.path);
-                          print(_selectedImage);
-                        });
-                        UniversalBean bean = await ChangeApiClient().changeHeader(
-                            Authorization: AppData().currentToken,
-                            avatar: _selectedImage);
-                        GetInfoBean bean1 = await GetInfoApiClient().getInfo(
-                            Authorization: AppData().currentToken);
-                        AppData appData = AppData();
-                        appData.box.write('currentAvatar', AppData().currentAvatar);
-                      }
-                    },
-                    style: ElevatedButton.styleFrom(
-                      backgroundColor: Colors.transparent,
-                      elevation: 0,
-                      padding: const EdgeInsets.symmetric(vertical: 12),
-                      tapTargetSize: MaterialTapTargetSize.shrinkWrap,
-                    ),
-                    child: const Text(
-                      "从相册上传头像",
-                      style: TextStyle(color: Colors.black, fontSize: 18),
-                    ),
-                  ),
-                  ElevatedButton(
-                    onPressed: () => Navigator.pop(context),
-                    style: ElevatedButton.styleFrom(
-                      backgroundColor: const Color(0xff429482),
-                      padding: const EdgeInsets.symmetric(vertical: 18),
-                      tapTargetSize: MaterialTapTargetSize.shrinkWrap,
-                      shape: const RoundedRectangleBorder(
-                        borderRadius: BorderRadius.zero,
-                      ),
-                    ),
-                    child: const Text(
-                      "取消",
-                      style: TextStyle(color: Colors.black, fontSize: 18),
-                    ),
-                  ),
-                ],
+      context: context,
+      backgroundColor: Colors.white,
+      shape: const RoundedRectangleBorder(
+          borderRadius: BorderRadius.vertical(top: Radius.circular(30))),
+      builder: (context) => Container(
+        height: 80,
+        padding: const EdgeInsets.only(top: 20),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            ElevatedButton(
+              onPressed: () async {
+                Navigator.pop(context);
+                final pickedFile =
+                await picker.pickImage(source: ImageSource.gallery);
+                if (pickedFile != null) {
+                  _selectedImage = File(pickedFile.path);
+                  setState(() {}); // 更新 UI
+
+                  // 上传头像
+                  await ChangeApiClient().changeHeader(
+                      Authorization: AppData().currentToken,
+                      avatar: _selectedImage!);
+
+                  // 更新本地存储
+                  _updatetouxiang(_selectedImage!.path);
+                  // 拉取更新后的用户信息
+                  await GetInfoApiClient().getInfo(
+                      Authorization: AppData().currentToken);
+                }
+              },
+              style: ElevatedButton.styleFrom(
+                backgroundColor: Colors.transparent,
+                elevation: 0,
+                padding: const EdgeInsets.symmetric(vertical: 12),
+                tapTargetSize: MaterialTapTargetSize.shrinkWrap,
+              ),
+              child: const Text(
+                "从相册上传头像",
+                style: TextStyle(color: Colors.black, fontSize: 18),
               ),
-            ));
+            ),
+          ],
+        ),
+      ),
+    );
   }
 
   void _showNicknameDialog() {
@@ -209,49 +210,47 @@ class _UserInfoState extends State<UserInfo> {
         return AlertDialog(
           title: const Center(
               child: Text(
-            "修改昵称",
-            style: TextStyle(fontSize: 20),
-          )),
-          content: TextFieldColor(
+                "修改昵称",
+                style: TextStyle(fontSize: 20),
+              )),
+          content: TextField(
             controller: _controller,
-            hintText: '请输入新昵称',
+            decoration: const InputDecoration(hintText: '请输入新昵称'),
           ),
           actions: <Widget>[
             TextButton(
-              onPressed: () {
+              onPressed: () async {
+                _updateNickname();
+                await ChangeApiClient().changeName(
+                    Authorization: AppData().currentToken,
+                    userName: AppData().currentUsername);
                 Navigator.of(context).pop();
               },
               style: TextButton.styleFrom(
                 backgroundColor: const Color(0xff429482),
                 minimumSize: const Size(130, 50),
                 shape: RoundedRectangleBorder(
-                  borderRadius:
-                      BorderRadius.circular(5.0), // Adjust the radius as needed
+                  borderRadius: BorderRadius.circular(5.0),
                 ),
               ),
               child: const Text(
-                "取消",
+                "保存",
                 style: TextStyle(color: Colors.white),
               ),
             ),
             TextButton(
-              onPressed: () async {
-                _updateNickname();
-                UniversalBean bean = await ChangeApiClient().changeName(
-                    Authorization: AppData().currentToken,
-                    userName: AppData().currentUsername);
+              onPressed: () {
                 Navigator.of(context).pop();
               },
               style: TextButton.styleFrom(
                 backgroundColor: const Color(0xff429482),
                 minimumSize: const Size(130, 50),
                 shape: RoundedRectangleBorder(
-                  borderRadius:
-                      BorderRadius.circular(5.0), // Adjust the radius as needed
+                  borderRadius: BorderRadius.circular(5.0),
                 ),
               ),
               child: const Text(
-                "保存",
+                "取消",
                 style: TextStyle(color: Colors.white),
               ),
             ),
@@ -267,4 +266,14 @@ class _UserInfoState extends State<UserInfo> {
       appData.box.write('currentUsername', _controller.text);
     });
   }
+
+  void _updatetouxiang(String path) {
+    setState(() {
+      AppData appData = AppData();
+      appData.box.write('currentAvatar', path); // 更新头像路径到本地存储
+    });
+  }
 }
+
+
+

lib/view/user/user_view.dart

@@ -1,3 +1,5 @@
+import 'dart:io';
+
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:music_player_miao/api/api_songlist.dart';
@@ -5,11 +7,13 @@ import 'package:music_player_miao/common_widget/app_data.dart';
 import 'package:music_player_miao/models/songlist_bean.dart';
 import 'package:music_player_miao/models/universal_bean.dart';
 import 'package:music_player_miao/view/begin/begin_view.dart';
+import 'package:music_player_miao/view/user/my_download_view.dart';
 import 'package:music_player_miao/view/user/my_music_view.dart';
 import 'package:music_player_miao/view/user/user_info.dart';
 import 'package:music_player_miao/widget/text_field.dart';
 import '../../../view_model/home_view_model.dart';
 import '../../api/api_client.dart';
+import '../../common/download_manager.dart';
 import '../../models/search_bean.dart';
 import 'my_work_view.dart';
 
@@ -20,20 +24,29 @@ class UserView extends StatefulWidget {
   State<UserView> createState() => _UserViewState();
 }
 
-class _UserViewState extends State<UserView> {
+class _UserViewState extends State<UserView> with AutomaticKeepAliveClientMixin {
   final homeVM = Get.put(HomeViewModel());
   final TextEditingController _controller = TextEditingController();
-  int playlistCount = 2;
+  int playlistCount = 0;
   List playlistNames = [];
-  List playlistid = [];
+  List<int> playlistid = [];
+  List<int> playListSongsNum = [];
+  int downloadCount = 0;
+  String avatar = AppData().currentAvatar;
+  String username = AppData().currentUsername;
+
+  final downloadManager = Get.put(DownloadManager());
+
+  @override
+  bool get wantKeepAlive => true;
 
   @override
   void initState() {
     super.initState();
     _fetchSonglistData();
+    downloadCount = downloadManager.completedNumber();
   }
 
-  ///getSonglist
   Future<void> _fetchSonglistData() async {
     try {
       SearchBean bean2 = await SonglistApi().getSonglist(
@@ -42,7 +55,8 @@ class _UserViewState extends State<UserView> {
 
       setState(() {
         playlistNames = bean2.data!.map((data) => data.name!).toList();
-        playlistid = bean2.data!.map((data) => data.id!).toList();
+        playlistid = bean2.data!.map((data) => data.id!).toList(); // 确保这里的id是int类型
+        playListSongsNum = bean2.data!.map((data) => data.musicCount!).toList();
         playlistCount = playlistNames.length;
       });
     } catch (error) {
@@ -52,6 +66,7 @@ class _UserViewState extends State<UserView> {
 
   @override
   Widget build(BuildContext context) {
+    super.build(context);
     return Container(
       decoration: const BoxDecoration(
         image: DecorationImage(
@@ -77,16 +92,20 @@ class _UserViewState extends State<UserView> {
                     children: [
                       Row(
                         children: [
-                          Image.network(
-                            AppData().currentAvatar,
-                            width: 64,
-                            height: 64,
+                          ClipRRect(
+                            borderRadius: BorderRadius.circular(10),
+                            child: Image.network(
+                              avatar,
+                              width: 60,
+                              height: 60,
+                              fit: BoxFit.cover,
+                            ),
                           ),
                           const SizedBox(
                             width: 25,
                           ),
                           Text(
-                            AppData().currentUsername,
+                            username,
                             style: const TextStyle(fontSize: 20),
                           )
                         ],
@@ -107,12 +126,19 @@ class _UserViewState extends State<UserView> {
                 Container(
                     padding: const EdgeInsets.only(
                         left: 15, right: 15, top: 20, bottom: 20),
+
+                    //我的收藏
                     child: Column(
                       mainAxisAlignment: MainAxisAlignment.start,
                       children: [
                         InkWell(
                           onTap: () {
-                            Get.to(const MyMusicView());
+                            Navigator.push(
+                              context,
+                              MaterialPageRoute(
+                                builder: (context) => const MyMusicView(),
+                              ),
+                            );
                           },
                           child: Row(
                             mainAxisAlignment: MainAxisAlignment.spaceBetween,
@@ -140,26 +166,41 @@ class _UserViewState extends State<UserView> {
                             ],
                           ),
                         ),
+
                         const SizedBox(
                           height: 10,
                         ),
+
+                        //我的收藏和本地下载分界
                         InkWell(
-                          onTap: () {
-                            Get.to(const MyMusicView());
+                          onTap: () async {
+                            final result = await Navigator.push(
+                              context,
+                                MaterialPageRoute(
+                                builder: (context) => MyDownloadView(),
+                                ),
+                            );
+
+                            if (result == true) {
+                              setState(() {
+                                downloadCount = downloadManager.completedNumber();
+                              });
+                            }
+
                           },
                           child: Row(
                             mainAxisAlignment: MainAxisAlignment.spaceBetween,
                             children: [
                               Image.asset("assets/img/artist_pic.png"),
-                              const Column(
+                              Column(
                                 crossAxisAlignment: CrossAxisAlignment.start,
                                 children: [
-                                  Text(
+                                  const Text(
                                     "本地下载",
                                     style: TextStyle(fontSize: 20),
                                   ),
                                   Text(
-                                    "19首",
+                                    '${downloadCount}首',
                                     style: TextStyle(fontSize: 16),
                                   ),
                                 ],
@@ -175,172 +216,111 @@ class _UserViewState extends State<UserView> {
                         ),
                       ],
                     )),
+
                 ///歌单
-                Row(
-                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                  children: [
-                    Text(
-                      '歌单 $playlistCount',
-                      style: const TextStyle(
-                          fontSize: 20, fontWeight: FontWeight.w500),
-                    ),
-                    Row(
-                      children: [
-                        IconButton(
-                            onPressed: () {
-                              _showAddPlaylistDialog();
-                            },
-                            icon: Image.asset(
-                              "assets/img/user_add.png",
-                              width: 31,
-                              color: const Color(0xff404040),
-                            )),
-                        IconButton(
-                            onPressed: () {},
-                            icon: Image.asset("assets/img/user_export.png",
-                                width: 31))
-                      ],
-                    )
-                  ],
-                ),
                 Container(
-                    padding: const EdgeInsets.only(
-                        left: 15, right: 15, top: 10, bottom: 5),
-                    child: Column(
-                      mainAxisAlignment: MainAxisAlignment.start,
-                      children: [
-                        InkWell(
-                          onTap: () {},
-                          child: Row(
-                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                            children: [
-                              Image.asset("assets/img/artist_pic.png"),
-                              const Column(
-                                crossAxisAlignment: CrossAxisAlignment.start,
-                                children: [
-                                  Text(
-                                    "我的收藏",
-                                    style: TextStyle(fontSize: 20),
-                                  ),
-                                  Text(
-                                    "19首",
-                                    style: TextStyle(fontSize: 16),
-                                  ),
-                                ],
-                              ),
-                              const SizedBox(
-                                width: 80,
-                              ),
-                              Image.asset(
-                                "assets/img/user_next.png",
-                              )
-                            ],
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      // 歌单标题行
+                      Row(
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                        children: [
+                          Text(
+                            '歌单 $playlistCount',
+                            style: const TextStyle(
+                                fontSize: 20,
+                                fontWeight: FontWeight.w500
+                            ),
                           ),
-                        ),
-                        const SizedBox(
-                          height: 10,
-                        ),
-                        InkWell(
-                          onTap: () {},
-                          child: Row(
-                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                          Row(
                             children: [
-                              Image.asset("assets/img/artist_pic.png"),
-                              const Column(
-                                crossAxisAlignment: CrossAxisAlignment.start,
-                                children: [
-                                  Text(
-                                    "本地下载",
-                                    style: TextStyle(fontSize: 20),
-                                  ),
-                                  Text(
-                                    "19首",
-                                    style: TextStyle(fontSize: 16),
-                                  ),
-                                ],
-                              ),
-                              const SizedBox(
-                                width: 80,
+                              IconButton(
+                                  onPressed: () {
+                                    _showAddPlaylistDialog();
+                                  },
+                                  icon: Image.asset(
+                                    "assets/img/user_add.png",
+                                    width: 31,
+                                    color: const Color(0xff404040),
+                                  )
                               ),
-                              Image.asset(
-                                "assets/img/user_next.png",
+                              IconButton(
+                                  onPressed: () {},
+                                  icon: Image.asset(
+                                      "assets/img/user_export.png",
+                                      width: 31
+                                  )
                               )
                             ],
-                          ),
-                        ),
-                      ],
-                    )),
-                InkWell(
-                  onTap: () {
-                    Get.to(const MyMusicView());
-                  },
-                  child: Column(
-                    children: List.generate(playlistNames.length, (index) {
-                      return Dismissible(
-                        key: Key(playlistNames[index]),
-                        direction: DismissDirection.endToStart,
-                        background: Container(
-                          color: Colors.red,
-                          alignment: Alignment.centerRight,
-                          padding: const EdgeInsets.only(right: 20.0),
-                          child: const Icon(
-                            Icons.delete,
-                            color: Colors.white,
-                          ),
-                        ),
-                        confirmDismiss: (direction) async {
-                          return await _showDeleteConfirmationDialog(
-                              context, index);
-                        },
-                        onDismissed: (direction) {
-                          setState(() {
-                            playlistNames.removeAt(index);
-                            playlistid.removeAt(index);
-                            playlistCount--;
-                          });
-                        },
-                        child: ListTile(
-                          title: Row(
-                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                            children: [
-                              Row(
-                                children: [
-                                  Image.asset("assets/img/artist_pic.png"),
-                                  const SizedBox(
-                                    width: 30,
-                                  ),
-                                  Column(
-                                    crossAxisAlignment:
-                                        CrossAxisAlignment.start,
-                                    children: [
-                                      Text(
-                                        playlistNames[index],
-                                        style: const TextStyle(fontSize: 18),
+                          )
+                        ],
+                      ),
+
+                      const SizedBox(
+                        height: 10,
+                      ),
+
+                      // 歌单列表
+                      Padding(
+                        padding: const EdgeInsets.symmetric(horizontal: 15),
+                        child: Column(
+                          children: List.generate(
+                            playlistNames.length,
+                                (index) => Column(
+                              children: [
+                                InkWell(
+                                  onTap: () {
+                                    print('点击成功');
+                                    Navigator.push(
+                                      context,
+                                      MaterialPageRoute(
+                                        builder: (context) => MyMusicView(
+                                            songlistIdd: playlistid[index]
+                                        ),
                                       ),
-                                      const Text(
-                                        '0首',
-                                        style: TextStyle(fontSize: 18),
+                                    );
+                                  },
+                                  child: Row(
+                                    children: [
+                                      Image.asset("assets/img/artist_pic.png"),
+                                      const SizedBox(width: 25),
+                                      Expanded(
+                                        child: Column(
+                                          crossAxisAlignment: CrossAxisAlignment.start,
+                                          children: [
+                                            Text(
+                                              playlistNames[index],
+                                              style: const TextStyle(fontSize: 20),
+                                            ),
+                                            Text(
+                                              '${playListSongsNum[index]}首',
+                                              style: const TextStyle(fontSize: 16),
+                                            ),
+                                          ],
+                                        ),
                                       ),
+                                      Image.asset("assets/img/user_next.png"),
                                     ],
                                   ),
-                                ],
-                              ),
-                              Image.asset(
-                                "assets/img/user_next.png",
-                              )
-                            ],
+                                ),
+                                if (index < playlistNames.length - 1)
+                                  const SizedBox(height: 10),
+                              ],
+                            ),
                           ),
                         ),
-                      );
-                    }),
+                      ),
+                    ],
                   ),
                 ),
+
                 const SizedBox(
-                  height: 20,
+                  height: 30,
                 ),
 
                 const Text(
-                  '已发布音乐10',
+                  '已发布音乐',
                   style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500),
                 ),
                 Container(
@@ -351,7 +331,12 @@ class _UserViewState extends State<UserView> {
                       children: [
                         InkWell(
                           onTap: () {
-                            Get.to(const MyWorkView());
+                            Navigator.push(
+                              context,
+                              MaterialPageRoute(
+                                builder: (context) => const MyWorkView(),
+                              ),
+                            );
                           },
                           child: Row(
                             mainAxisAlignment: MainAxisAlignment.spaceBetween,
@@ -392,71 +377,71 @@ class _UserViewState extends State<UserView> {
   ///下弹框--退出，个人信息修改
   Future _bottomSheet(BuildContext context) {
     return showModalBottomSheet(
-        context: context,
-        backgroundColor: Colors.white,
-        shape: const RoundedRectangleBorder(
-            borderRadius: BorderRadius.vertical(top: Radius.circular(30))),
-        builder: (context) => Container(
-              height: 200,
-              padding: const EdgeInsets.only(top: 20),
-              child: Column(
-                crossAxisAlignment: CrossAxisAlignment.stretch,
-                children: [
-                  Row(
-                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-                    children: [
-                      Column(
-                        children: [
-                          IconButton(
-                            onPressed: () {
-                              Get.to(const UserInfo());
-                            },
-                            icon: Image.asset("assets/img/user_infor.png"),
-                            iconSize: 60,
-                          ),
-                          const Text("账户信息")
-                        ],
-                      ),
-                      Column(
-                        children: [
-                          IconButton(
-                            onPressed: () async {
-                              UniversalBean bean = await LogoutApiClient()
-                                  .logout(
-                                      Authorization: AppData().currentToken);
-                              if (bean.code == 200) {
-                                Get.to(const BeginView());
-                              }
-                            },
-                            icon: Image.asset("assets/img/user_out.png"),
-                            iconSize: 60,
+      context: context,
+      backgroundColor: Colors.white,
+      shape: const RoundedRectangleBorder(
+        borderRadius: BorderRadius.vertical(top: Radius.circular(30)),
+      ),
+      isScrollControlled: true, // 设置弹出框根据内容高度自适应
+      builder: (context) => Padding(
+        padding: const EdgeInsets.only(top: 20),
+        child: Column(
+          mainAxisSize: MainAxisSize.min, // 使Column高度适应内容
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+              children: [
+                Column(
+                  children: [
+                    IconButton(
+                      onPressed: () async {
+                        Navigator.pop(context);
+                        bool result = await Navigator.push(
+                          context,
+                          MaterialPageRoute(
+                            builder: (context) => const UserInfo(),
                           ),
-                          const Text("退出登录")
-                        ],
-                      ),
-                    ],
-                  ),
-                  const SizedBox(
-                    height: 30,
-                  ),
-                  ElevatedButton(
-                    onPressed: () => Navigator.pop(context),
-                    style: ElevatedButton.styleFrom(
-                      backgroundColor: const Color(0xff429482),
-                      padding: const EdgeInsets.symmetric(vertical: 14),
-                      tapTargetSize: MaterialTapTargetSize.shrinkWrap,
-                      shape: const RoundedRectangleBorder(
-                        borderRadius: BorderRadius.zero,
-                      ),
+                        );
+                        if (result) {
+                          setState(() {
+                            avatar = AppData().currentAvatar;
+                            username = AppData().currentUsername;
+                          });
+                        }
+                      },
+                      icon: Image.asset("assets/img/user_infor.png"),
+                      iconSize: 60,
                     ),
-                    child: const Text(
-                      "取消",
-                      style: TextStyle(color: Colors.black, fontSize: 18),
+                    const Text("账户信息")
+                  ],
+                ),
+                Column(
+                  children: [
+                    IconButton(
+                      onPressed: () async {
+                        Navigator.pop(context);
+                        Get.to(const BeginView());
+                        UniversalBean bean = await LogoutApiClient().logout(
+                          Authorization: AppData().currentToken,
+                        );
+                        AppData().currentToken = '';
+                        AppData().currentUsername = '';
+                        AppData().currentAvatar = '';
+                      },
+                      icon: Image.asset("assets/img/user_out.png"),
+                      iconSize: 60,
                     ),
-                  ),
-                ],
-              ),
-            ));
+                    const Text("退出登录")
+                  ],
+                ),
+              ],
+            ),
+            const SizedBox(height: 30),
+          ],
+        ),
+      ),
+    );
   }
 
   ///弹出框--添加歌单
@@ -478,8 +463,19 @@ class _UserViewState extends State<UserView> {
           content: TextFieldColor(controller: _controller, hintText: '请输入歌单名称'),
           actions: <Widget>[
             TextButton(
-              onPressed: () {
+              onPressed: () async {
                 Navigator.of(context).pop();
+                String enteredSongName = _controller.text;
+                SonglistBean bean = await SonglistApi().addSonglist(
+                    songlistName: enteredSongName,
+                    Authorization: AppData().currentToken);
+                if (bean.code == 200) {
+                  print('添加成功');
+                  setState(() {
+                    playlistCount++;
+                    playlistNames.add(enteredSongName);
+                  });
+                }
               },
               style: TextButton.styleFrom(
                 backgroundColor: const Color(0xff429482),
@@ -489,22 +485,13 @@ class _UserViewState extends State<UserView> {
                 ),
               ),
               child: const Text(
-                "取消",
+                "确认",
                 style: TextStyle(color: Colors.white),
               ),
             ),
             TextButton(
-              onPressed: () async {
+              onPressed: () {
                 Navigator.of(context).pop();
-                String enteredSongName = _controller.text;
-                playlistCount++;
-                // Add the new playlist
-                setState(() {
-                  playlistNames.add(enteredSongName);
-                });
-                SonglistBean bean = await SonglistApi().addSonglist(
-                    songlistName: _controller.text,
-                    Authorization: AppData().currentToken);
               },
               style: TextButton.styleFrom(
                 backgroundColor: const Color(0xff429482),
@@ -514,7 +501,7 @@ class _UserViewState extends State<UserView> {
                 ),
               ),
               child: const Text(
-                "确认",
+                "取消",
                 style: TextStyle(color: Colors.white),
               ),
             ),

lib/view_model/comment_page.dart

@@ -0,0 +1,76 @@
+import 'package:flutter/material.dart';
+
+class CommentPage extends StatefulWidget {
+  const CommentPage({Key? key}) : super(key: key);
+
+  @override
+  _CommentPageState createState() => _CommentPageState();
+}
+
+class _CommentPageState extends State<CommentPage> {
+  final TextEditingController _controller = TextEditingController();
+  final List<String> _comments = ["这是第一个评论", "很喜欢这首歌！"]; // 初始评论示例
+
+  void _addComment() {
+    if (_controller.text.isNotEmpty) {
+      setState(() {
+        _comments.insert(0, _controller.text); // 插入到顶部
+      });
+      _controller.clear(); // 清空输入框
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('评论'),
+      ),
+      body: Column(
+        children: [
+          // 评论列表区域
+          Expanded(
+            child: ListView.builder(
+              reverse: true, // 新评论显示在顶部
+              itemCount: _comments.length,
+              itemBuilder: (context, index) {
+                return ListTile(
+                  leading: const CircleAvatar(
+                    child: Icon(Icons.person),
+                  ),
+                  title: Text(_comments[index]),
+                  subtitle: Text('${DateTime.now().difference(DateTime.now().subtract(Duration(minutes: index * 5))).inMinutes} 分钟前'),
+                );
+              },
+            ),
+          ),
+          const Divider(),
+          // 评论输入区域
+          Padding(
+            padding: const EdgeInsets.all(8.0),
+            child: Row(
+              children: [
+                Expanded(
+                  child: TextField(
+                    controller: _controller,
+                    decoration: InputDecoration(
+                      hintText: '输入你的评论...',
+                      border: OutlineInputBorder(
+                        borderRadius: BorderRadius.circular(10.0),
+                      ),
+                    ),
+                    onSubmitted: (_) => _addComment(), // 按回车提交评论
+                  ),
+                ),
+                IconButton(
+                  icon: const Icon(Icons.send, color: Colors.blue),
+                  onPressed: _addComment,
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/widget/text_field.dart

@@ -8,6 +8,7 @@ class TextFieldColor extends StatelessWidget {
   final String? Function(String?)? validator;
   final FocusNode? focusNode;
   final String? Function(String?)? onChanged;
+  final bool enabled; // 添加enabled属性
 
   const TextFieldColor({
     super.key,
@@ -18,11 +19,13 @@ class TextFieldColor extends StatelessWidget {
     this.validator,
     this.focusNode,
     this.onChanged,
+    this.enabled = true, // 设置默认值
   });
 
   @override
   Widget build(BuildContext context) {
     return TextFormField(
+      enabled: enabled,
       validator: validator,
       controller: controller,
       focusNode: focusNode,
@@ -34,23 +37,26 @@ class TextFieldColor extends StatelessWidget {
         suffixIcon: suffixIcon,
         contentPadding: EdgeInsets.symmetric(vertical: 10.0, horizontal: 16.0),
         enabledBorder: OutlineInputBorder(
-            borderRadius: BorderRadius.circular(10),
-            borderSide:  BorderSide.none
+          borderRadius: BorderRadius.circular(10),
+          borderSide: BorderSide.none,
         ),
         focusedBorder: OutlineInputBorder(
           borderRadius: BorderRadius.circular(10),
           borderSide: BorderSide.none,
         ),
-        fillColor: Color(0xffE3F0ED),
+        disabledBorder: OutlineInputBorder( // 添加禁用状态的边框样式
+          borderRadius: BorderRadius.circular(10),
+          borderSide: BorderSide.none,
+        ),
+        fillColor: enabled ? const Color(0xffE3F0ED) : const Color(0xffE3F0ED).withOpacity(0.7), // 禁用时稍微调整透明度
         filled: true,
         hintText: hintText,
         alignLabelWithHint: true,
         hintStyle: TextStyle(
-            color: Color(0xff6E6E6E),
-            fontSize: 16
+          color: enabled ? const Color(0xff6E6E6E) : const Color(0xff6E6E6E).withOpacity(0.5),
+          fontSize: 16,
         ),
       ),
     );
   }
-
 }

macos/Flutter/GeneratedPluginRegistrant.swift

@@ -5,12 +5,18 @@
 import FlutterMacOS
 import Foundation
 
+import audio_session
 import audioplayers_darwin
 import file_selector_macos
+import just_audio
 import path_provider_foundation
+import shared_preferences_foundation
 
 func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
+  AudioSessionPlugin.register(with: registry.registrar(forPlugin: "AudioSessionPlugin"))
   AudioplayersDarwinPlugin.register(with: registry.registrar(forPlugin: "AudioplayersDarwinPlugin"))
   FileSelectorPlugin.register(with: registry.registrar(forPlugin: "FileSelectorPlugin"))
+  JustAudioPlugin.register(with: registry.registrar(forPlugin: "JustAudioPlugin"))
   PathProviderPlugin.register(with: registry.registrar(forPlugin: "PathProviderPlugin"))
+  SharedPreferencesPlugin.register(with: registry.registrar(forPlugin: "SharedPreferencesPlugin"))
 }

pubspec.lock

@@ -9,6 +9,14 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.11.0"
+  audio_session:
+    dependency: transitive
+    description:
+      name: audio_session
+      sha256: "343e83bc7809fbda2591a49e525d6b63213ade10c76f15813be9aed6657b3261"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "0.1.21"
   audioplayers:
     dependency: "direct main"
     description:
@@ -93,42 +101,50 @@ packages:
     dependency: transitive
     description:
       name: collection
-      sha256: f092b211a4319e98e5ff58223576de6c2803db36221657b46c82574721240687
+      sha256: ee67cb0715911d28db6bf4af1026078bd6f0128b07a5f66fb2ed94ec6783c09a
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.17.2"
+    version: "1.18.0"
   cross_file:
     dependency: transitive
     description:
       name: cross_file
-      sha256: "2f9d2cbccb76127ba28528cb3ae2c2326a122446a83de5a056aaa3880d3882c5"
+      sha256: "7caf6a750a0c04effbb52a676dce9a4a592e10ad35c34d6d2d0e4811160d5670"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.3.3+7"
+    version: "0.3.4+2"
   crypto:
     dependency: transitive
     description:
       name: crypto
-      sha256: ff625774173754681d66daaf4a448684fb04b78f902da9cb3d308c19cc5e8bab
+      sha256: "1e445881f28f22d6140f181e07737b22f1e099a5e1ff94b0af2f9e4a463f4855"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "3.0.3"
+    version: "3.0.6"
   cupertino_icons:
     dependency: "direct main"
     description:
       name: cupertino_icons
-      sha256: d57953e10f9f8327ce64a508a355f0b1ec902193f66288e8cb5070e7c47eeb2d
+      sha256: ba631d1c7f7bef6b729a622b7b752645a2d076dba9976925b8f25725a30e1ee6
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.0.6"
+    version: "1.0.8"
   dio:
     dependency: "direct main"
     description:
       name: dio
-      sha256: "797e1e341c3dd2f69f2dad42564a6feff3bfb87187d05abb93b9609e6f1645c3"
+      sha256: "5598aa796bbf4699afd5c67c0f5f6e2ed542afc956884b9cd58c306966efc260"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "5.7.0"
+  dio_web_adapter:
+    dependency: transitive
+    description:
+      name: dio_web_adapter
+      sha256: "33259a9276d6cea88774a0000cfae0d861003497755969c92faa223108620dc8"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "5.4.0"
+    version: "2.0.0"
   fake_async:
     dependency: transitive
     description:
@@ -141,58 +157,66 @@ packages:
     dependency: transitive
     description:
       name: ffi
-      sha256: "7bf0adc28a23d395f19f3f1eb21dd7cfd1dd9f8e1c50051c069122e6853bc878"
+      sha256: "16ed7b077ef01ad6170a3d0c57caa4a112a38d7a2ed5602e0aca9ca6f3d98da6"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.1.0"
+    version: "2.1.3"
   file:
     dependency: transitive
     description:
       name: file
-      sha256: "5fc22d7c25582e38ad9a8515372cd9a93834027aacf1801cf01164dac0ffa08c"
+      sha256: a3b4f84adafef897088c160faf7dfffb7696046cb13ae90b508c2cbc95d3b8d4
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "7.0.0"
+    version: "7.0.1"
   file_picker:
     dependency: "direct main"
     description:
       name: file_picker
-      sha256: "4e42aacde3b993c5947467ab640882c56947d9d27342a5b6f2895b23956954a6"
+      sha256: "1bbf65dd997458a08b531042ec3794112a6c39c07c37ff22113d2e7e4f81d4e4"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "6.1.1"
+    version: "6.2.1"
   file_selector_linux:
     dependency: transitive
     description:
       name: file_selector_linux
-      sha256: "045d372bf19b02aeb69cacf8b4009555fb5f6f0b7ad8016e5f46dd1387ddd492"
+      sha256: b2b91daf8a68ecfa4a01b778a6f52edef9b14ecd506e771488ea0f2e0784198b
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.9.2+1"
+    version: "0.9.3+1"
   file_selector_macos:
     dependency: transitive
     description:
       name: file_selector_macos
-      sha256: b15c3da8bd4908b9918111fa486903f5808e388b8d1c559949f584725a6594d6
+      sha256: "271ab9986df0c135d45c3cdb6bd0faa5db6f4976d3e4b437cf7d0f258d941bfc"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.9.3+3"
+    version: "0.9.4+2"
   file_selector_platform_interface:
     dependency: transitive
     description:
       name: file_selector_platform_interface
-      sha256: "0aa47a725c346825a2bd396343ce63ac00bda6eff2fbc43eabe99737dede8262"
+      sha256: a3994c26f10378a039faa11de174d7b78eb8f79e4dd0af2a451410c1a5c3f66b
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.6.1"
+    version: "2.6.2"
   file_selector_windows:
     dependency: transitive
     description:
       name: file_selector_windows
-      sha256: d3547240c20cabf205c7c7f01a50ecdbc413755814d6677f3cb366f04abcead0
+      sha256: "8f5d2f6590d51ecd9179ba39c64f722edc15226cc93dcc8698466ad36a4a85a4"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.9.3+1"
+    version: "0.9.3+3"
+  fixnum:
+    dependency: transitive
+    description:
+      name: fixnum
+      sha256: b6dc7065e46c974bc7c5f143080a6764ec7a4be6da1285ececdc37be96de53be
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.1.1"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -210,10 +234,10 @@ packages:
     dependency: transitive
     description:
       name: flutter_plugin_android_lifecycle
-      sha256: b068ffc46f82a55844acfa4fdbb61fad72fa2aef0905548419d97f0f95c456da
+      sha256: "9b78450b89f059e96c9ebb355fa6b3df1d6b330436e0b885fb49594c41721398"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.0.17"
+    version: "2.0.23"
   flutter_swiper_view:
     dependency: "direct main"
     description:
@@ -252,10 +276,10 @@ packages:
     dependency: "direct main"
     description:
       name: http
-      sha256: "759d1a329847dd0f39226c688d3e06a6b8679668e350e2891a6474f8b4bb8525"
+      sha256: b9c29a161230ee03d3ccf545097fccd9b87a5264228c5d348202e0f0c28f9010
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.1.0"
+    version: "1.2.2"
   http_parser:
     dependency: "direct main"
     description:
@@ -268,34 +292,34 @@ packages:
     dependency: "direct main"
     description:
       name: image_picker
-      sha256: "7d7f2768df2a8b0a3cefa5ef4f84636121987d403130e70b17ef7e2cf650ba84"
+      sha256: "021834d9c0c3de46bf0fe40341fa07168407f694d9b2bb18d532dc1261867f7a"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.0.4"
+    version: "1.1.2"
   image_picker_android:
     dependency: transitive
     description:
       name: image_picker_android
-      sha256: d6a6e78821086b0b737009b09363018309bbc6de3fd88cc5c26bc2bb44a4957f
+      sha256: "8faba09ba361d4b246dc0a17cb4289b3324c2b9f6db7b3d457ee69106a86bd32"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.8.8+2"
+    version: "0.8.12+17"
   image_picker_for_web:
     dependency: transitive
     description:
       name: image_picker_for_web
-      sha256: "50bc9ae6a77eea3a8b11af5eb6c661eeb858fdd2f734c2a4fd17086922347ef7"
+      sha256: "717eb042ab08c40767684327be06a5d8dbb341fe791d514e4b92c7bbe1b7bb83"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "3.0.1"
+    version: "3.0.6"
   image_picker_ios:
     dependency: transitive
     description:
       name: image_picker_ios
-      sha256: "76ec722aeea419d03aa915c2c96bf5b47214b053899088c9abb4086ceecf97a7"
+      sha256: "4f0568120c6fcc0aaa04511cb9f9f4d29fc3d0139884b1d06be88dcec7641d6b"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.8.8+4"
+    version: "0.8.12+1"
   image_picker_linux:
     dependency: transitive
     description:
@@ -316,10 +340,10 @@ packages:
     dependency: transitive
     description:
       name: image_picker_platform_interface
-      sha256: ed9b00e63977c93b0d2d2b343685bed9c324534ba5abafbb3dfbd6a780b1b514
+      sha256: "9ec26d410ff46f483c5519c29c02ef0e02e13a543f882b152d4bfd2f06802f80"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.9.1"
+    version: "2.10.0"
   image_picker_windows:
     dependency: transitive
     description:
@@ -336,6 +360,54 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "0.6.7"
+  just_audio:
+    dependency: "direct main"
+    description:
+      name: just_audio
+      sha256: a49e7120b95600bd357f37a2bb04cd1e88252f7cdea8f3368803779b925b1049
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "0.9.42"
+  just_audio_platform_interface:
+    dependency: transitive
+    description:
+      name: just_audio_platform_interface
+      sha256: "0243828cce503c8366cc2090cefb2b3c871aa8ed2f520670d76fd47aa1ab2790"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "4.3.0"
+  just_audio_web:
+    dependency: transitive
+    description:
+      name: just_audio_web
+      sha256: "9a98035b8b24b40749507687520ec5ab404e291d2b0937823ff45d92cb18d448"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "0.4.13"
+  leak_tracker:
+    dependency: transitive
+    description:
+      name: leak_tracker
+      sha256: "3f87a60e8c63aecc975dda1ceedbc8f24de75f09e4856ea27daf8958f2f0ce05"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "10.0.5"
+  leak_tracker_flutter_testing:
+    dependency: transitive
+    description:
+      name: leak_tracker_flutter_testing
+      sha256: "932549fb305594d82d7183ecd9fa93463e9914e1b67cacc34bc40906594a1806"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "3.0.5"
+  leak_tracker_testing:
+    dependency: transitive
+    description:
+      name: leak_tracker_testing
+      sha256: "6ba465d5d76e67ddf503e1161d1f4a6bc42306f9d66ca1e8f079a47290fb06d3"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "3.0.1"
   lints:
     dependency: transitive
     description:
@@ -348,34 +420,34 @@ packages:
     dependency: transitive
     description:
       name: matcher
-      sha256: "1803e76e6653768d64ed8ff2e1e67bea3ad4b923eb5c56a295c3e634bad5960e"
+      sha256: d2323aa2060500f906aa31a895b4030b6da3ebdcc5619d14ce1aada65cd161cb
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.12.16"
+    version: "0.12.16+1"
   material_color_utilities:
     dependency: transitive
     description:
       name: material_color_utilities
-      sha256: "9528f2f296073ff54cb9fee677df673ace1218163c3bc7628093e7eed5203d41"
+      sha256: f7142bb1154231d7ea5f96bc7bde4bda2a0945d2806bb11670e30b850d56bdec
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.5.0"
+    version: "0.11.1"
   meta:
     dependency: transitive
     description:
       name: meta
-      sha256: "3c74dbf8763d36539f114c799d8a2d87343b5067e9d796ca22b5eb8437090ee3"
+      sha256: bdb68674043280c3428e9ec998512fb681678676b3c54e773629ffe74419f8c7
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.9.1"
+    version: "1.15.0"
   mime:
     dependency: transitive
     description:
       name: mime
-      sha256: e4ff8e8564c03f255408decd16e7899da1733852a9110a58fe6d1b817684a63e
+      sha256: "41a20518f0cb1256669420fdba0cd90d21561e560ac240f26ef8322e45bb7ed6"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.0.4"
+    version: "2.0.0"
   nested:
     dependency: transitive
     description:
@@ -388,34 +460,34 @@ packages:
     dependency: "direct main"
     description:
       name: path
-      sha256: "8829d8a55c13fc0e37127c29fedf290c102f4e40ae94ada574091fe0ff96c917"
+      sha256: "087ce49c3f0dc39180befefc60fdb4acd8f8620e5682fe2476afd0b3688bb4af"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.8.3"
+    version: "1.9.0"
   path_provider:
     dependency: transitive
     description:
       name: path_provider
-      sha256: a1aa8aaa2542a6bc57e381f132af822420216c80d4781f7aa085ca3229208aaa
+      sha256: "50c5dd5b6e1aaf6fb3a78b33f6aa3afca52bf903a8a5298f53101fdaee55bbcd"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.5"
   path_provider_android:
     dependency: transitive
     description:
       name: path_provider_android
-      sha256: e595b98692943b4881b219f0a9e3945118d3c16bd7e2813f98ec6e532d905f72
+      sha256: c464428172cb986b758c6d1724c603097febb8fb855aa265aeecc9280c294d4a
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.2.1"
+    version: "2.2.12"
   path_provider_foundation:
     dependency: transitive
     description:
       name: path_provider_foundation
-      sha256: "19314d595120f82aca0ba62787d58dde2cc6b5df7d2f0daf72489e38d1b57f2d"
+      sha256: f234384a3fdd67f989b4d54a5d73ca2a6c422fa55ae694381ae0f4375cd1ea16
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.3.1"
+    version: "2.4.0"
   path_provider_linux:
     dependency: transitive
     description:
@@ -428,42 +500,154 @@ packages:
     dependency: transitive
     description:
       name: path_provider_platform_interface
-      sha256: "94b1e0dd80970c1ce43d5d4e050a9918fce4f4a775e6142424c30a29a363265c"
+      sha256: "88f5779f72ba699763fa3a3b06aa4bf6de76c8e5de842cf6f29e2e06476c2334"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
   path_provider_windows:
     dependency: transitive
     description:
       name: path_provider_windows
-      sha256: "8bc9f22eee8690981c22aa7fc602f5c85b497a6fb2ceb35ee5a5e5ed85ad8170"
+      sha256: bd6f00dbd873bfb70d0761682da2b3a2c2fccc2b9e84c495821639601d81afe7
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.2.1"
+    version: "2.3.0"
+  permission_handler:
+    dependency: "direct main"
+    description:
+      name: permission_handler
+      sha256: "18bf33f7fefbd812f37e72091a15575e72d5318854877e0e4035a24ac1113ecb"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "11.3.1"
+  permission_handler_android:
+    dependency: transitive
+    description:
+      name: permission_handler_android
+      sha256: "71bbecfee799e65aff7c744761a57e817e73b738fedf62ab7afd5593da21f9f1"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "12.0.13"
+  permission_handler_apple:
+    dependency: transitive
+    description:
+      name: permission_handler_apple
+      sha256: e6f6d73b12438ef13e648c4ae56bd106ec60d17e90a59c4545db6781229082a0
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "9.4.5"
+  permission_handler_html:
+    dependency: transitive
+    description:
+      name: permission_handler_html
+      sha256: "38f000e83355abb3392140f6bc3030660cfaef189e1f87824facb76300b4ff24"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "0.1.3+5"
+  permission_handler_platform_interface:
+    dependency: transitive
+    description:
+      name: permission_handler_platform_interface
+      sha256: e9c8eadee926c4532d0305dff94b85bf961f16759c3af791486613152af4b4f9
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "4.2.3"
+  permission_handler_windows:
+    dependency: transitive
+    description:
+      name: permission_handler_windows
+      sha256: "1a790728016f79a41216d88672dbc5df30e686e811ad4e698bfc51f76ad91f1e"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "0.2.1"
   platform:
     dependency: transitive
     description:
       name: platform
-      sha256: "0a279f0707af40c890e80b1e9df8bb761694c074ba7e1d4ab1bc4b728e200b59"
+      sha256: "5d6b1b0036a5f331ebc77c850ebc8506cbc1e9416c27e59b439f917a902a4984"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "3.1.3"
+    version: "3.1.6"
   plugin_platform_interface:
     dependency: transitive
     description:
       name: plugin_platform_interface
-      sha256: f4f88d4a900933e7267e2b353594774fc0d07fb072b47eedcd5b54e1ea3269f8
+      sha256: "4820fbfdb9478b1ebae27888254d445073732dae3d6ea81f0b7e06d5dedc3f02"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.1.7"
+    version: "2.1.8"
   provider:
     dependency: "direct main"
     description:
       name: provider
-      sha256: "9a96a0a19b594dbc5bf0f1f27d2bc67d5f95957359b461cd9feb44ed6ae75096"
+      sha256: c8a055ee5ce3fd98d6fc872478b03823ffdb448699c6ebdbbc71d59b596fd48c
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "6.1.1"
+    version: "6.1.2"
+  rxdart:
+    dependency: transitive
+    description:
+      name: rxdart
+      sha256: "5c3004a4a8dbb94bd4bf5412a4def4acdaa12e12f269737a5751369e12d1a962"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "0.28.0"
+  shared_preferences:
+    dependency: "direct main"
+    description:
+      name: shared_preferences
+      sha256: "95f9997ca1fb9799d494d0cb2a780fd7be075818d59f00c43832ed112b158a82"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.3.3"
+  shared_preferences_android:
+    dependency: transitive
+    description:
+      name: shared_preferences_android
+      sha256: "3b9febd815c9ca29c9e3520d50ec32f49157711e143b7a4ca039eb87e8ade5ab"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.3.3"
+  shared_preferences_foundation:
+    dependency: transitive
+    description:
+      name: shared_preferences_foundation
+      sha256: "07e050c7cd39bad516f8d64c455f04508d09df104be326d8c02551590a0d513d"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.5.3"
+  shared_preferences_linux:
+    dependency: transitive
+    description:
+      name: shared_preferences_linux
+      sha256: "580abfd40f415611503cae30adf626e6656dfb2f0cee8f465ece7b6defb40f2f"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.4.1"
+  shared_preferences_platform_interface:
+    dependency: transitive
+    description:
+      name: shared_preferences_platform_interface
+      sha256: "57cbf196c486bc2cf1f02b85784932c6094376284b3ad5779d1b1c6c6a816b80"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.4.1"
+  shared_preferences_web:
+    dependency: transitive
+    description:
+      name: shared_preferences_web
+      sha256: d2ca4132d3946fec2184261726b355836a82c33d7d5b67af32692aff18a4684e
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.4.2"
+  shared_preferences_windows:
+    dependency: transitive
+    description:
+      name: shared_preferences_windows
+      sha256: "94ef0f72b2d71bc3e700e025db3710911bd51a71cefb65cc609dd0d9a982e3c1"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.4.1"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -489,18 +673,18 @@ packages:
     dependency: transitive
     description:
       name: stack_trace
-      sha256: c3c7d8edb15bee7f0f74debd4b9c5f3c2ea86766fe4178eb2a18eb30a0bdaed5
+      sha256: "73713990125a6d93122541237550ee3352a2d84baad52d375a4cad2eb9b7ce0b"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.11.0"
+    version: "1.11.1"
   stream_channel:
     dependency: transitive
     description:
       name: stream_channel
-      sha256: "83615bee9045c1d322bbbd1ba209b7a749c2cbcdcb3fdd1df8eb488b3279c1c8"
+      sha256: ba2aa5d8cc609d96bbb2899c28934f9e1af5cddbd60a827822ea467161eb54e7
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
   string_scanner:
     dependency: transitive
     description:
@@ -513,10 +697,10 @@ packages:
     dependency: transitive
     description:
       name: synchronized
-      sha256: "5fcbd27688af6082f5abd611af56ee575342c30e87541d0245f7ff99faa02c60"
+      sha256: "69fe30f3a8b04a0be0c15ae6490fc859a78ef4c43ae2dd5e8a623d45bfcf9225"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "3.1.0"
+    version: "3.3.0+3"
   term_glyph:
     dependency: transitive
     description:
@@ -529,26 +713,26 @@ packages:
     dependency: transitive
     description:
       name: test_api
-      sha256: "75760ffd7786fffdfb9597c35c5b27eaeec82be8edfb6d71d32651128ed7aab8"
+      sha256: "5b8a98dafc4d5c4c9c72d8b31ab2b23fc13422348d2997120294d3bac86b4ddb"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.6.0"
+    version: "0.7.2"
   typed_data:
     dependency: transitive
     description:
       name: typed_data
-      sha256: facc8d6582f16042dd49f2463ff1bd6e2c9ef9f3d5da3d9b087e244a7b564b3c
+      sha256: f9049c039ebfeb4cf7a7104a675823cd72dba8297f264b6637062516699fa006
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.3.2"
+    version: "1.4.0"
   uuid:
     dependency: transitive
     description:
       name: uuid
-      sha256: df5a4d8f22ee4ccd77f8839ac7cb274ebc11ef9adcce8b92be14b797fe889921
+      sha256: a5be9ef6618a7ac1e964353ef476418026db906c4facdedaa299b7a2e71690ff
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "4.2.1"
+    version: "4.5.1"
   vector_math:
     dependency: transitive
     description:
@@ -557,30 +741,38 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.1.4"
+  vm_service:
+    dependency: transitive
+    description:
+      name: vm_service
+      sha256: "5c5f338a667b4c644744b661f309fb8080bb94b18a7e91ef1dbd343bed00ed6d"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "14.2.5"
   web:
     dependency: transitive
     description:
       name: web
-      sha256: dc8ccd225a2005c1be616fe02951e2e342092edf968cf0844220383757ef8f10
+      sha256: cd3543bd5798f6ad290ea73d210f423502e71900302dde696f8bff84bf89a1cb
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.1.4-beta"
+    version: "1.1.0"
   win32:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: win32
-      sha256: "7c99c0e1e2fa190b48d25c81ca5e42036d5cac81430ef249027d97b0935c553f"
+      sha256: "84ba388638ed7a8cb3445a320c8273136ab2631cd5f2c57888335504ddab1bc2"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "5.1.0"
+    version: "5.8.0"
   xdg_directories:
     dependency: transitive
     description:
       name: xdg_directories
-      sha256: "589ada45ba9e39405c198fe34eb0f607cddb2108527e658136120892beac46d2"
+      sha256: "7a3f37b05d989967cdddcbb571f1ea834867ae2faa29725fd085180e0883aa15"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.0.3"
+    version: "1.1.0"
 sdks:
-  dart: ">=3.1.2 <4.0.0"
-  flutter: ">=3.13.0"
+  dart: ">=3.5.0 <4.0.0"
+  flutter: ">=3.24.0"

pubspec.yaml

@@ -30,10 +30,12 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
-
+  win32: ^5.7.1
   flutter_swiper_view: 1.1.8
   audioplayers: ^5.2.1
-
+  permission_handler: ^11.0.1
+  just_audio: ^0.9.34
+  shared_preferences: ^2.2.0
 
 
   # The following adds the Cupertino Icons font to your application.

windows/flutter/CMakeLists.txt

@@ -10,6 +10,11 @@ include(${EPHEMERAL_DIR}/generated_config.cmake)
 # https://github.com/flutter/flutter/issues/57146.
 set(WRAPPER_ROOT "${EPHEMERAL_DIR}/cpp_client_wrapper")
 
+# Set fallback configurations for older versions of the flutter tool.
+if (NOT DEFINED FLUTTER_TARGET_PLATFORM)
+  set(FLUTTER_TARGET_PLATFORM "windows-x64")
+endif()
+
 # === Flutter Library ===
 set(FLUTTER_LIBRARY "${EPHEMERAL_DIR}/flutter_windows.dll")
 
@@ -92,7 +97,7 @@ add_custom_command(
   COMMAND ${CMAKE_COMMAND} -E env
     ${FLUTTER_TOOL_ENVIRONMENT}
     "${FLUTTER_ROOT}/packages/flutter_tools/bin/tool_backend.bat"
-      windows-x64 $<CONFIG>
+      ${FLUTTER_TARGET_PLATFORM} $<CONFIG>
   VERBATIM
 )
 add_custom_target(flutter_assemble DEPENDS

windows/flutter/generated_plugin_registrant.cc

@@ -8,10 +8,13 @@
 
 #include <audioplayers_windows/audioplayers_windows_plugin.h>
 #include <file_selector_windows/file_selector_windows.h>
+#include <permission_handler_windows/permission_handler_windows_plugin.h>
 
 void RegisterPlugins(flutter::PluginRegistry* registry) {
   AudioplayersWindowsPluginRegisterWithRegistrar(
       registry->GetRegistrarForPlugin("AudioplayersWindowsPlugin"));
   FileSelectorWindowsRegisterWithRegistrar(
       registry->GetRegistrarForPlugin("FileSelectorWindows"));
+  PermissionHandlerWindowsPluginRegisterWithRegistrar(
+      registry->GetRegistrarForPlugin("PermissionHandlerWindowsPlugin"));
 }

windows/flutter/generated_plugins.cmake

@@ -5,6 +5,7 @@
 list(APPEND FLUTTER_PLUGIN_LIST
   audioplayers_windows
   file_selector_windows
+  permission_handler_windows
 )
 
 list(APPEND FLUTTER_FFI_PLUGIN_LIST