jplayer实现动态添加曲目到播放列表

本文介绍了如何使用Java的Spring Boot框架动态生成jplayer的播放列表。首先分析了jplayer播放列表的结构,通过在Controller中将列表内容转换为JSONObject并放入JSONArray,然后利用session或request传递到HTML页面。在页面中,使用Thymeleaf输出JSON数据到jplayer的JS代码中,从而实现动态加载播放列表。总结中提到了所需的jar包、jplayer的js放置位置以及HTML中的js代码格式要求。
摘要由CSDN通过智能技术生成

分析:jplayer播放列表结构,可知该结构采用JSONArray,所以为了实现动态获取播放列表,在Controller返回到HTML时,将列表内容按照jplayer播放列表内容,重新组装JSONObject数据,并填入JSONArray中,利用session或者request传递到HTML中,添加到jplayer播放列的js中,实现动态获取播放列表。

实现:

1、编写Mapper,返回一个ArrayList数组。

2、在Service中将ArrayList中的内容转化为Map或者JSONObject类型,代码如下:

@Override
public JSONArray findMusicOfPlayList(String userphone) throws JSONException {
        JSONObject jsonObject = new JSONObject();
        JSONArray jsonArray = new JSONArray();
        HashMap<String, String> map = new HashMap<>();
        //Mapper返回一个ArrayList的对象数组
        ArrayList<MusicBean> musicByUserPhoneOfFavorite = musicMapper.findMusicByUserPhoneOfFavorite(userphone);
        //for循环遍历ArrayList数组中的对象
        for (MusicBean 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值