piaocbn2j
/
MTMusic
1
0
Fork 3
Code Issues Pull Requests Packages Projects Releases Wiki Activity

对接了排行榜

Browse Source
ruan
wuliwudu 1 year ago
parent 8f453182c4
commit 14a6a42283
6 changed files with 409 additions and 207 deletions
Show Stats Download Patch File Download Diff File

17
lib/api/api_music_rank.dart
Unescape View File

@ -0,0 +1,17 @@
import 'package:dio/dio.dart';
import '../models/getRank_bean.dart';
const String _getRank = 'http://flyingpig.fun:10010/musics/rank-list';
///排行榜
class GetRank {
final Dio dio = Dio();
Future<RankBean> getRank() async {
Response response = await dio.get(
_getRank,
);
print(response.data);
return RankBean.formMap(response.data);
}
}

1
lib/api/api_music_return.dart
Unescape View File

@ -4,7 +4,6 @@
import 'package:dio/dio.dart'; import 'package:dio/dio.dart';
import 'package:music_player_miao/models/universal_bean.dart'; import 'package:music_player_miao/models/universal_bean.dart';
import '../models/getComment_bean.dart'; import '../models/getComment_bean.dart';
import '../models/getInfo_bean.dart';
import '../models/search_bean.dart'; import '../models/search_bean.dart';
const String _SearchURL = 'http://flyingpig.fun:10010/musics/search'; const String _SearchURL = 'http://flyingpig.fun:10010/musics/search';

36
lib/models/getRank_bean.dart
Unescape View File

@ -0,0 +1,36 @@
class RankBean {
int? code;
String? msg;
List<DataBean>? data;
RankBean.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? singerName;
String? coverPath;
String? musicPath;
String? name;
DataBean._formMap(Map map) {
id = map['id'];
singerName = map['singerName'];
coverPath = map['coverPath'];
musicPath = map['musicPath'];
name = map['name'];
}
}

12
lib/view/home_view.dart
Unescape View File

@ -30,20 +30,20 @@ class _HomeViewState extends State<HomeView> {
final List<Song> songs = [ final List<Song> songs = [
Song( Song(
artistPic: 'assets/img/music_artist.png', artistPic: 'assets/img/music_artist.png',
title: '背对背拥抱1', title: 'Chuck',
artist: '林俊杰 1', artist: 'MAMAMOO',
musicurl: 'audio/MAMAMOO.mp3', musicurl: 'audio/MAMAMOO.mp3',
pic: 'assets/img/artist_pic.png'), pic: 'assets/img/artist_pic.png'),
Song( Song(
artistPic: 'assets/img/music_artist.png', artistPic: 'assets/img/music_artist.png',
title: '背对背拥抱2', title: 'FLOWER',
artist: '林俊杰 2', artist: 'Jisoo',
musicurl: 'audio/FLOWER.mp3', musicurl: 'audio/FLOWER.mp3',
pic: 'assets/img/artist_pic.png'), pic: 'assets/img/artist_pic.png'),
Song( Song(
artistPic: 'assets/img/music_artist.png', artistPic: 'assets/img/music_artist.png',
title: '背对背拥抱3', title: 'All eyes on me',
artist: '林俊杰 3', artist: 'Jisoo',
musicurl: 'audio/All.mp3', musicurl: 'audio/All.mp3',
pic: 'assets/img/artist_pic.png'), pic: 'assets/img/artist_pic.png'),
]; ];

394
lib/view/rank_view.dart
Unescape View File

@ -1,6 +1,8 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:get/get.dart'; import 'package:get/get.dart';
import '../api/api_music_rank.dart';
import '../common_widget/rank_song_row.dart'; import '../common_widget/rank_song_row.dart';
import '../models/getRank_bean.dart';
import '../view_model/rank_view_model.dart'; import '../view_model/rank_view_model.dart';
class RankView extends StatefulWidget { class RankView extends StatefulWidget {
@ -12,6 +14,25 @@ class RankView extends StatefulWidget {
class _RankViewState extends State<RankView> { class _RankViewState extends State<RankView> {
final rankVM = Get.put(RankViewModel()); final rankVM = Get.put(RankViewModel());
List rankNames = [];
List rankSingerName = [];
List rankCoverPath = [];
List rankMusicPath = [];
void initState() {
super.initState();
_fetchSonglistData();
}
Future<void> _fetchSonglistData() async {
RankBean bean2 = await GetRank().getRank();
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();
});
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -26,104 +47,303 @@ class _RankViewState extends State<RankView> {
resizeToAvoidBottomInset: false, resizeToAvoidBottomInset: false,
backgroundColor: Colors.transparent, backgroundColor: Colors.transparent,
body: Column( body: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(
height: 40,
),
//头部
const Center(
child: Column(
children: [
Text(
'喵听排行榜',
style: TextStyle(fontSize: 22, fontWeight: FontWeight.w400),
),
SizedBox(
height: 10,
),
Text(
'Top50',
style: TextStyle(
color: Color(0xffCE0000),
fontSize: 40,
fontWeight: FontWeight.w500),
),
SizedBox(
height: 10,
),
Text(
'2023/12/12更新 1期',
style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
),
],
),
),
const SizedBox(
height: 10,
),
Container(
decoration: const BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(20),
topRight: Radius.circular(20),
),
),
child: Row(
children: [
IconButton(
onPressed: () {},
icon: Image.asset(
"assets/img/button_play.png",
width: 20,
height: 20,
),
),
const Text(
'播放全部',
style: TextStyle(fontSize: 16),
),
const SizedBox(
width: 5,
),
const Text(
'50',
style: TextStyle(fontSize: 16),
),
],
),
),
Expanded(
child: SingleChildScrollView(
physics: const BouncingScrollPhysics(),
child: Container(
color: Colors.white,
child: Column(
children: [
ListView.builder(
physics: const NeverScrollableScrollPhysics(),
shrinkWrap: true,
padding: const EdgeInsets.symmetric(
vertical: 5, horizontal: 10),
itemCount: rankNames.length,
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),
),
),
),
),
const SizedBox(
width: 10,
),
ClipRRect(
borderRadius:
BorderRadius.circular(10),
child: Image.network(
rankCoverPath[index],
width: 60,
height: 60,
fit: BoxFit.cover,
errorBuilder:
(context, error, stackTrace) {
// 如果加载失败，返回一个默认图片
return Image.asset(
'assets/img/app_logo.png',
// 你的默认图片路径
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,
),
],
),
IconButton(
onPressed: () {
_bottomSheet(context);
},
icon: Image.asset(
"assets/img/More.png",
width: 25,
height: 25,
),
),
const SizedBox(
height: 20,
)
],
),
const SizedBox(
height: 10,
)
],
));
}),
],
),
),
),
)
],
),
),
);
}
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: [ children: [
const SizedBox(height: 40,), Row(
//头部 mainAxisAlignment: MainAxisAlignment.spaceEvenly,
const Center( children: [
child: Column( Column(
children: [ children: [
Text( IconButton(
'喵听排行榜', onPressed: (){},
style: TextStyle( icon: Image.asset("assets/img/list_add.png"),
fontSize: 22, iconSize: 60,
fontWeight: FontWeight.w400
), ),
), Text("加入歌单")
SizedBox(height: 10,), ],
Text( ),
'Top50', Column(
style: TextStyle( children: [
color: Color(0xffCE0000), IconButton(
fontSize: 40, onPressed: (){},
fontWeight: FontWeight.w500 icon: Image.asset("assets/img/list_download.png"),
iconSize: 60,
), ),
), Text("下载")
SizedBox(height: 10,), ],
Text( ),
'2023/12/12更新 1期', Column(
style: TextStyle( children: [
fontSize: 16, IconButton(
fontWeight: FontWeight.w500 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,), const SizedBox(height: 10,),
Container( ElevatedButton(
decoration: const BoxDecoration( onPressed: () {
color: Colors.white, // Get.to(()=>const MainTabView());
borderRadius: BorderRadius.only( },
topLeft: Radius.circular(20), child: Text(
topRight: Radius.circular(20), "查看详情页",
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,
), ),
), ),
child: Row(
children: [ ),
IconButton( ElevatedButton(
onPressed: (){}, onPressed: () =>Navigator.pop(context),
icon: Image.asset( child: Text(
"assets/img/button_play.png", "取消",
width: 20, style: const TextStyle(color:Colors.black,fontSize: 18),
height: 20, ),
), style: ElevatedButton.styleFrom(
), backgroundColor: const Color(0xff429482),
const Text( padding: const EdgeInsets.symmetric(vertical: 8),
'播放全部', tapTargetSize: MaterialTapTargetSize.shrinkWrap,
style: TextStyle( shape: RoundedRectangleBorder(
fontSize: 16 borderRadius: BorderRadius.zero,
), ),
), ),
const SizedBox(width: 5,),
const Text(
'50',
style: TextStyle(
fontSize: 16
),
),
],
),
), ),
Expanded(
child: SingleChildScrollView(
physics: const BouncingScrollPhysics(),
child: Container(
color: Colors.white,
child: Column(
children: [
ListView.builder(
physics: const NeverScrollableScrollPhysics(),
shrinkWrap: true,
padding: const EdgeInsets.symmetric(vertical: 5,horizontal: 15),
itemCount: rankVM.rankDetailArr.length,
itemBuilder: (context, index) {
var sObj = rankVM.rankDetailArr[index];
return RankSongsRow(
sObj: sObj,
onPressed: () {},
onPressedPlay: () {},
rank: sObj["rank"],
);
}),
],
),
),
),
)
], ],
), ),
), )
); );
} }

156
lib/view/release_view.dart
Unescape View File

@ -88,9 +88,9 @@ class _ReleaseViewState extends State<ReleaseView> {
const SizedBox(height: 30,), const SizedBox(height: 30,),
], ],
), ),
///上传列表 ///音乐列表
const Text( const Text(
"上传列表", "音乐列表",
style: TextStyle( style: TextStyle(
fontSize: 20 fontSize: 20
), ),
@ -171,25 +171,6 @@ class _ReleaseViewState extends State<ReleaseView> {
), ),
), ),
), ),
///固定的提交审核
Center(
child: ElevatedButton(
onPressed: _submitForReview,
child: const Text(
"提交审核",
style: TextStyle(color: Colors.white, fontSize: 18),
),
style: ButtonStyle(
backgroundColor: MaterialStateProperty.all(const Color(0xff429482)),
shape: MaterialStateProperty.all(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(30.0),
),
),
fixedSize: MaterialStateProperty.all(const Size(120.0, 50.0)),
),
),
),
], ],
), ),
), ),
@ -303,10 +284,6 @@ class _ReleaseViewState extends State<ReleaseView> {
), ),
], ],
), ),
// Display selected cover image
// Placeholder for the image
const SizedBox(height: 20), const SizedBox(height: 20),
const Text("歌名"), const Text("歌名"),
TextFieldColor( TextFieldColor(
@ -478,17 +455,47 @@ class _ReleaseViewState extends State<ReleaseView> {
songName: enteredSongName, songName: enteredSongName,
artistName: enteredArtistName, artistName: enteredArtistName,
)); ));
UniversalBean bean = await ReleaseApi().release(
print('Selected cover image: ${selectedCoverImage?.path}'); coverFile:selectedCoverImage,
print('Entered Song Name: $enteredSongName'); musicFile: selectedMp3File!,
print('Entered Artist Name: $enteredArtistName'); Authorization: AppData().currentToken,
singerName: enteredArtistName,
Navigator.pop(context); // Close the dialog after saving name: enteredSongName,
} else { introduce: '0');
// Handle the case where either selectedCoverImage or selectedMp3File is null Navigator.pop(context);
print('Error: Cover image or MP3 file is null.'); showDialog(
} context: context,
}, builder: (context) => AlertDialog(
shape: RoundedRectangleBorder(
borderRadius:BorderRadius.circular(10),
),
title: Image.asset("assets/img/correct.png",width: 47,height: 46,),
content: const Column(
mainAxisSize: MainAxisSize.min,
children: [
Text('提交审核成功'),
Text('审核通过后自动发布'),
],
),
actions: [
TextButton(
onPressed: () {
Navigator.pop(context);
},
style: TextButton.styleFrom(
backgroundColor: const Color(0xff429482),
minimumSize: const Size(double.infinity, 50),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(5.0), // Adjust the radius as needed
),
),
child: const Text('确认',style: TextStyle(color: Colors.white),),
),
],
),
);
}
},
style: TextButton.styleFrom( style: TextButton.styleFrom(
backgroundColor: const Color(0xff429482), backgroundColor: const Color(0xff429482),
@ -535,83 +542,6 @@ class _ReleaseViewState extends State<ReleaseView> {
return File(''); return File('');
} }
///提交
void _submitForReview() {
if (songInfoList.isNotEmpty) {
showDialog(
context: context,
builder: (context) => AlertDialog(
shape: RoundedRectangleBorder(
borderRadius:BorderRadius.circular(10),
),
title: Image.asset("assets/img/correct.png",width: 47,height: 46,),
content: const Column(
mainAxisSize: MainAxisSize.min,
children: [
Text('提交审核成功'),
Text('审核通过后自动发布'),
],
),
actions: [
TextButton(
onPressed: () async{
UniversalBean bean = await ReleaseApi().release(
coverFile:coverImages[0],
musicFile: selectedMp3File!,
Authorization: AppData().currentToken,
singerName: songInfoList[0].artistName,
name: songInfoList[0].songName,
introduce: '0');
if (bean.code==200) {
setState((){
coverImages.clear();
songInfoList.clear();
});
}
Navigator.pop(context);
// Close the dialog
},
style: TextButton.styleFrom(
backgroundColor: const Color(0xff429482),
minimumSize: const Size(double.infinity, 50),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(5.0), // Adjust the radius as needed
),
),
child: const Text('确认',style: TextStyle(color: Colors.white),),
),
],
),
);
} else {
// Display an error message if the list is empty
showDialog(
context: context,
builder: (context) => AlertDialog(
shape: RoundedRectangleBorder(
borderRadius:BorderRadius.circular(10),
),
title: Image.asset("assets/img/warning.png",width: 47,height: 46,),
content: const Text('上传列表为空，无法提交审核。',textAlign: TextAlign.center,),
actions: [
TextButton(
onPressed: () {
Navigator.pop(context); // Close the dialog
},
style: TextButton.styleFrom(
backgroundColor: const Color(0xff429482),
minimumSize: const Size(double.infinity, 50),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(5.0), // Adjust the radius as needed
),
),
child: const Text('确定',style: TextStyle(color: Colors.white),),
),
],
),
);
}
}
void _confirmDelete(BuildContext context, int index) { void _confirmDelete(BuildContext context, int index) {
showDialog( showDialog(
context: context, context: context,

Write Preview
Loading…
Cancel
Save