音乐播放器微信小程序

最新推荐文章于 2024-10-10 16:36:26 发布
最新推荐文章于 2024-10-10 16:36:26 发布
阅读量7k 收藏 41
点赞数 6
分类专栏： Java 文章标签： 微信 小程序 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/layonly/article/details/120555703
版权
本文详细介绍了使用Java、MySQL和JavaScript开发微信小程序音乐播放应用的过程。包括数据库表设计、数据插入、Druid连接数据库、DAO层、Service层以及Web层的实现。前端页面在微信开发者工具中完成，实现了音乐列表展示、歌曲搜索、上下首切换等功能。
摘要由CSDN通过智能技术生成

1.准备环境

        2.1 开发工具

        IDEA2019  微信开发者工具 PostMan SQLYog

        2.2 开发环境

        Java+mysql+JavaScript+json

 2. 简介

        前后端分离，在微信开发者工具中写页面以及跳转，在数据库中写入音乐类型 专辑名称 演唱者 以及音乐的url ，通过Java 将数据库中的数据获取出来封装成 json 通过url进行传值，在前端进行解析展示出来

3.代码

        sql:创建数据库 表 插入数据

/*
SQLyog Ultimate v13.1.1 (64 bit)
MySQL - 5.7.29 : Database - wyy_music
*********************************************************************
*/

/*!40101 SET NAMES utf8 */;

/*!40101 SET SQL_MODE=''*/;

/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
CREATE DATABASE /*!32312 IF NOT EXISTS*/`wyy_music` /*!40100 DEFAULT CHARACTER SET utf8 */;

USE `wyy_music`;

/*Table structure for table `tb_music` */

DROP TABLE IF EXISTS `tb_music`;

CREATE TABLE `tb_music` (
  `music_id` int(11) NOT NULL AUTO_INCREMENT,
  `music_name` varchar(255) NOT NULL,
  `music_album_name` varchar(255) NOT NULL,
  `music_album_picUrl` varchar(255) NOT NULL,
  `music_mp3Url` varchar(255) NOT NULL,
  `music_artist_name` varchar(255) NOT NULL,
  `sheet_id` int(11) DEFAULT NULL,
  PRIMARY KEY (`music_id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;

/*Data for the table `tb_music` */

insert  into `tb_music`(`music_id`,`music_name`,`music_album_name`,`music_album_picUrl`,`music_mp3Url`,`music_artist_name`,`sheet_id`) values 
(1,'光年之外','光年之外','https://imgessl.kugou.com/stdmusic/20161229/20161229233400375274.jpg','https://webfs.ali.kugou.com/202109271010/183cab94955d96aee0120d1d4677540d/KGTX/CLTX001/f87095bff0de7c636c3a3b8aac702d76.mp3','G.E.M.邓紫棋',1),
(2,'夜空中最亮的星','世界','https://imgessl.kugou.com/stdmusic/20150719/20150719010047203836.jpg','https://webfs.tx.kugou.com/202109271011/8ac45da301d093ccdd58111ad91371eb/G202/M04/1B/13/aocBAF55G0-ADd0HAD2Y88Efqbw072.mp3','逃跑计划',1),
(3,'只要平凡','只要平凡','https://y.qq.com/music/photo_new/T002R300x300M000000K7srf1rZtOX.jpg?max_age=2592000','https://webfs.ali.kugou.com/202109271009/ac5e4c1b2e0e14cc1fc06d6ef8bbd286/KGTX/CLTX001/38aead7ed546b0736791ebb25c3a3951.mp3','张杰/张碧晨',2),
(4,'你要跳舞吗','生命因你而火热','https://imgessl.kugou.com/stdmusic/20160407/20160407002744966139.jpg','https://webfs.ali.kugou.com/202109271014/fd2f5cee5791b2ed79bd65490c5af5a7/KGTX/CLTX001/58ffa0221ed9397e7ad9b889cdbe1a4a.mp3','新裤子乐队',2);

/*Table structure for table `tb_sheet` */

DROP TABLE IF EXISTS `tb_sheet`;

CREATE TABLE `tb_sheet` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `sheet_name` varchar(255) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=7 DEFAULT CHARSET=utf8;

/*Data for the table `tb_sheet` */

insert  into `tb_sheet`(`id`,`sheet_name`) values 
(1,'热歌榜'),
(2,'新歌榜'),
(3,'原创榜'),
(6,'抖音榜');

/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;
/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;

文件结构

     

我是通过druid连接的数据库

   druid.properties配置文件

driverClassName=com.mysql.jdbc.Driver
url=jdbc:mysql://localhost:3306/wyy_music?useSSL=false
username=root
password=1234

initialSize=5
maxActive=20
maxWait=2000

JdbcUtil

package com.java.util;

import com.alibaba.druid.pool.DruidDataSourceFactory;
import org.apache.commons.dbutils.QueryRunner;

import javax.sql.DataSource;
import java.io.InputStream;
import java.util.Properties;

//使用DBUtils的工具类
public class JdbcUtil {

    //声明DataSource对象
    private static DataSource dataSource;

    //静态代码块
    static {

        try {
            //读取db.properties文件
            InputStream resourceAsStream = JdbcUtil.class.getResourceAsStream("/druid.properties");
            //创建Properties对象
            Properties properties = new Properties();
            //加载流对象
            properties.load(resourceAsStream);
            //创建数据源对象
            dataSource = DruidDataSourceFactory.createDataSource(properties);

        } catch (Exception e) {
            e.printStackTrace();
        }

    }


    //获取DButils中核心类对象QueryRunner对象
    public static QueryRunner getQueryRunner(){
        return new QueryRunner(dataSource);//此时已经连接上数据库了
    }

}

实体类层 pojo

Music类

package com.java.pojo;

import java.io.Serializable;

//实体类
public class Music implements Serializable {

    private Integer musicId;
    private String musicName;
    private String musicAlbumName;
    private String musicAlbumPicurl;
    private String musicMp3url;
    private String musicArtistName;
    private String sheetId;


    public Integer getMusicId() {
        return musicId;
    }

    public void setMusicId(Integer musicId) {
        this.musicId = musicId;
    }

    public String getMusicName() {
        return musicName;
    }

    public void setMusicName(String musicName) {
        this.musicName = musicName;
    }

    public String getMusicAlbumName() {
        return musicAlbumName;
    }

    public void setMusicAlbumName(String musicAlbumName) {
        this.musicAlbumName = musicAlbumName;
    }

    public String getMusicAlbumPicurl() {
        return musicAlbumPicurl;
    }

    public void setMusicAlbumPicurl(String musicAlbumPicurl) {
        this.musicAlbumPicurl = musicAlbumPicurl;
    }

    public String getMusicMp3url() {
        return musicMp3url;
    }

    public void setMusicMp3url(String musicMp3url) {
        this.musicMp3url = musicMp3url;
    }

    public String getMusicArtistName() {
        return musicArtistName;
    }

    public void setMusicArtistName(String musicArtistName) {
        this.musicArtistName = musicArtistName;
    }

    public String getSheetId() {
        return sheetId;
    }

    public void setSheetId(String sheetId) {
        this.sheetId = sheetId;
    }

    @Override
    public String toString() {
        return "Music{" +
                "musicId=" + musicId +
                ", musicName='" + musicName + '\'' +
                ", musicAlbumName='" + musicAlbumName + '\'' +
                ", musicAlbumPicurl='" + musicAlbumPicurl + '\'' +
                ", musicMp3url='" + musicMp3url + '\'' +
                ", musicArtistName='" + musicArtistName + '\'' +
                ", sheetId='" + sheetId + '\'' +
                '}';
    }
}

sheet类

package com.java.pojo;

public class Sheet {
    private Integer id;
    private String sheetName;

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getSheetName() {
        return sheetName;
    }

    public void setSheetName(String sheetName) {
        this.sheetName = sheetName;
    }

    @Override
    public String toString() {
        return "Sheet{" +
                "id=" + id +
                ", sheetName='" + sheetName + '\'' +
                '}';
    }
}

dao层

package com.java.dao;

import com.java.pojo.Music;

import java.util.List;

public interface MusicDao {
    public List<Music> findAll();

    public Music findById(String musicId);

    public List<Music> findByMusicName(String musicName);
}

package com.java.dao;

import com.java.pojo.Sheet;

import java.util.List;

public interface SheetDao {
    public List<Sheet> getSheet();

    public void insertSheet(String sheetName);
}

dao层实现类

package com.java.dao.impl;

import com.java.dao.MusicDao;
import com.java.pojo.Music;
import com.java.util.JdbcUtil;
import org.apache.commons.dbutils.QueryRunner;
import org.apache.commons.dbutils.handlers.BeanHandler;
import org.apache.commons.dbutils.handlers.BeanListHandler;

import java.sql.SQLException;
import java.util.List;

public class MusicDaoImpl implements MusicDao {
    @Override
    public List<Music> findAll() {
        String sql = "select music_id musicId,music_name musicName,music_album_name musicAlbumName," +
                "music_album_picUrl musicAlbumPicurl,music_mp3Url musicMp3url," +
                "music_artist_name musicArtistName,sheet_id sheetId from tb_music";
        QueryRunner queryRunner = JdbcUtil.getQueryRunner();
        List<Music> musicList = null;
        try {
            musicList = queryRunner.query(sql, new BeanListHandler<Music>(Music.class));
        } catch (SQLException e) {
            e.printStackTrace();
        }
        return musicList;
    }

    @Override
    public Music findById(String musicId) {
        String sql = "select music_id musicId,music_name musicName,music_album_name musicAlbumName," +
                "music_album_picUrl musicAlbumPicurl,music_mp3Url musicMp3url," +
                "music_artist_name musicArtistName,sheet_id sheetId from tb_music where music_id = ?";
        QueryRunner queryRunner = JdbcUtil.getQueryRunner();
        Music music = null;
        try {
            music = queryRunner.query(sql, new BeanHandler<Music>(Music.class), musicId);
        } catch (SQLException e) {
            e.printStackTrace();
        }
        return music;
    }

    @Override
    public List<Music> findByMusicName(String musicName) {
        String sql = "select music_id musicId,music_name musicName,music_album_name musicAlbumName," +
                "music_album_picUrl musicAlbumPicurl,music_mp3Url musicMp3url," +
                "music_artist_name musicArtistName,sheet_id sheetId from tb_music where music_name like ?";
        QueryRunner queryRunner = JdbcUtil.getQueryRunner();
        List<Music> musicList = null;
        try {
            musicList = queryRunner.query(sql, new BeanListHandler<Music>(Music.class), "%" + musicName + "%");
        } catch (SQLException e) {
            e.printStackTrace();
        }
        return musicList;
    }
}

package com.java.dao.impl;

import com.java.dao.SheetDao;
import com.java.pojo.Sheet;
import com.java.util.JdbcUtil;
import org.apache.commons.dbutils.QueryRunner;
import org.apache.commons.dbutils.handlers.BeanListHandler;

import java.sql.SQLException;
import java.util.List;

public class SheetDaoImpl implements SheetDao {
    @Override
    public List<Sheet> getSheet() {
        String sql = "select id,sheet_name sheetName from tb_sheet";
        QueryRunner queryRunner = JdbcUtil.getQueryRunner();
        List<Sheet> query = null;
        try {
            query = queryRunner.query(sql, new BeanListHandler<Sheet>(Sheet.class));

        } catch (SQLException e) {
            e.printStackTrace();
        }
        return query;
    }

    @Override
    public void insertSheet(String sheetName) {
        String sql = "insert into tb_sheet(sheet_name) values (?)";
        QueryRunner queryRunner = JdbcUtil.getQueryRunner();
        try {
            int update = queryRunner.update(sql,sheetName);
        } catch (SQLException e) {
            e.printStackTrace();
        }

    }
}

service层

package com.java.service;

import com.java.pojo.Music;

import java.util.List;

public interface MusicService {
    public List<Music> findAll();

    public Music findById(String musicId);

    public List<Music> findByMusicName(String musicName);

    public Music nextSong(String musicId);

    public Music lastSong(String musicId);
}

package com.java.service;

import com.java.pojo.Sheet;

import java.util.List;

public interface SheetService {
    public List<Sheet> getSheet();

    public void addSheet(String sheetName);
}

package com.java.service.impl;

import com.java.dao.MusicDao;
import com.java.dao.impl.MusicDaoImpl;
import com.java.pojo.Music;
import com.java.service.MusicService;

import java.util.List;

public class MusicServiceImpl implements MusicService {
    @Override
    public List<Music> findAll() {
        MusicDao musicDao = new MusicDaoImpl();
        List<Music> musicList = musicDao.findAll();
        return musicList;
    }

    @Override
    public Music findById(String musicId) {
        MusicDao musicDao = new MusicDaoImpl();
        Music music = musicDao.findById(musicId);
        return music;
    }

    @Override
    public List<Music> findByMusicName(String musicName) {
        MusicDao musicDao = new MusicDaoImpl();
        List<Music> musicNameList = musicDao.findByMusicName(musicName);
        return musicNameList;
    }

    @Override
    public Music nextSong(String musicId) {
        MusicDao musicDao = new MusicDaoImpl();
        List<Music> musicList = musicDao.findAll();
        if (musicList.size()>0){
            int currentIndex = 0;
            for (int i = 0; i < musicList.size(); i++) {
                if (musicList.get(i).getMusicId().equals(Integer.parseInt(musicId))){
                    currentIndex = i;
                    break;
                }
            }
            int nextSongIndex = currentIndex == musicList.size() -1 ? 0 : currentIndex+1;
            return musicList.get(nextSongIndex);
        }else {
            throw new RuntimeException("歌曲列表不存在");
        }
    }

    @Override
    public Music lastSong(String musicId) {
        MusicDao musicDao = new MusicDaoImpl();
        List<Music> musicList = musicDao.findAll();
        if (musicList.size()>0){
            int currentIndex = 0;
            for (int i = 0; i < musicList.size(); i++) {
                if (musicList.get(i).getMusicId().equals(Integer.parseInt(musicId))){
                    currentIndex = i;
                    break;
                }
            }
            int lastSongIndex = currentIndex == 0 ? musicList.size()-1 : currentIndex-1;
            return musicList.get(lastSongIndex);
        }else {
            throw new RuntimeException("歌曲列表不存在");
        }
    }
}

package com.java.service.impl;

import com.java.dao.SheetDao;
import com.java.dao.impl.SheetDaoImpl;
import com.java.pojo.Sheet;
import com.java.service.SheetService;

import java.util.List;

public class SheetServiceImpl implements SheetService {
    @Override
    public List<Sheet> getSheet() {
        SheetDao sheetDao = new SheetDaoImpl();
        List<Sheet> sheet = sheetDao.getSheet();
        return sheet;
    }

    @Override
    public void addSheet(String sheetName) {
        SheetDao sheetDao = new SheetDaoImpl();
        sheetDao.insertSheet(sheetName);
    }
}

web层

package com.java.web;

import com.java.service.SheetService;
import com.java.service.impl.SheetServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/addSheetServlet")
public class AddSheetServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        response.setCharacterEncoding("utf-8");
        SheetService sheetService = new SheetServiceImpl();
        String sheetName = request.getParameter("sheetName");
        sheetService.addSheet(sheetName);
    }
}

package com.java.web;

import com.fasterxml.jackson.databind.ObjectMapper;
import com.java.dao.impl.MusicDaoImpl;
import com.java.pojo.Music;
import com.java.service.MusicService;
import com.java.service.impl.MusicServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;

@WebServlet("/musicFindAllServlet")
public class MusicFindAllServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设置字符集
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");
        //
        MusicService musicService = new MusicServiceImpl();
        List<Music> musicList = musicService.findAll();

        ObjectMapper objectMapper = new ObjectMapper();
        String jsonMusic = objectMapper.writeValueAsString(musicList);

        response.getWriter().write(jsonMusic);
    }
}

package com.java.web;

import com.fasterxml.jackson.databind.ObjectMapper;
import com.java.pojo.Music;
import com.java.service.MusicService;
import com.java.service.impl.MusicServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/musicFindByIdServlet")
public class MusicFindByIdServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");
        //
        MusicService musicService = new MusicServiceImpl();
        String musicId = request.getParameter("musicId");
        Music music = musicService.findById(musicId);

        ObjectMapper objectMapper = new ObjectMapper();
        String s = objectMapper.writeValueAsString(music);

        response.getWriter().write(s);
    }
}

package com.java.web;

import com.fasterxml.jackson.databind.ObjectMapper;
import com.java.pojo.Music;
import com.java.service.MusicService;
import com.java.service.impl.MusicServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;

@WebServlet("/musicFindByMusicNameServlet")
public class MusicFindByMusicNameServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");

        MusicService musicService = new MusicServiceImpl();
        String musicName = request.getParameter("musicName");
        List<Music> musicList = musicService.findByMusicName(musicName);
        ObjectMapper objectMapper = new ObjectMapper();
        String s = objectMapper.writeValueAsString(musicList);
        response.getWriter().write(s);
    }
}

package com.java.web;

import com.fasterxml.jackson.databind.ObjectMapper;
import com.java.pojo.Music;
import com.java.service.MusicService;
import com.java.service.impl.MusicServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/musicLastSongServlet")
public class MusicLastSongServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");

        String musicId = request.getParameter("musicId");
        MusicService musicService = new MusicServiceImpl();
        Music music = musicService.lastSong(musicId);
        ObjectMapper objectMapper = new ObjectMapper();
        String s = objectMapper.writeValueAsString(music);
        response.getWriter().write(s);
    }
}

package com.java.web;

import com.fasterxml.jackson.databind.ObjectMapper;
import com.java.pojo.Music;
import com.java.service.MusicService;
import com.java.service.impl.MusicServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/musicNextSongServlet")
public class MusicNextSongServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");

        String musicId = request.getParameter("musicId");
        MusicService musicService = new MusicServiceImpl();
        Music music = musicService.nextSong(musicId);
        ObjectMapper objectMapper = new ObjectMapper();
        String s = objectMapper.writeValueAsString(music);
        response.getWriter().write(s);
    }
}

package com.java.web;

import com.fasterxml.jackson.databind.ObjectMapper;
import com.java.pojo.Sheet;
import com.java.service.SheetService;
import com.java.service.impl.SheetServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;

@WebServlet("/sheetServlet")
public class SheetServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");

        SheetService sheetService = new SheetServiceImpl();
        List<Sheet> sheet = sheetService.getSheet();
        String s = new ObjectMapper().writeValueAsString(sheet);

        response.getWriter().write(s);
    }
}

接下来就是前端页面

在微信开发者工具中的文件结构是这样

前端的代码比较复杂这里就不过多整理了 如果有小伙伴想要源码可以加一下交流群

 下面是效果展示

 

 

宇智波波奶茶
关注
专栏目录
音乐播放器小程序
middoubi的博客
07-01 905
音乐播放器 一、创建项目 二、项目概述 a． 产品定位 现如今，微信在人们的生活中已经成为了一个必不可少的APP，依托于微信极高的普及程度，此小程序调用了QQ音乐的API，使音乐播放器摆脱了APP，可以在微信中直接打开，提升了人们听音乐的便利性。 b． 所使用的接口 (1) 热门榜单推荐巅峰榜流行指数、巅峰榜热歌、巅峰榜新歌、说唱榜、电音榜、网络歌曲榜、巅峰榜内地、巅峰榜欧美、香港地区榜、巅峰榜...
微信小程序-微信小程序：音乐播放器
08-05
微信小程序： 音乐播放器 歌曲资源来源于 baidu音乐 截图 TODO 收藏列表 切换上一曲/下一曲
微信小程序开发之——音乐播放器-音乐推荐
我的博客
11-26 3923
一 概述 常用组件介绍 内容区域滚动 轮播图 功能按钮 热门音乐 二 常用组件介绍 2.1 scroll-view 组件 组件介绍 scroll-view组件用于实现可滚动视图区域 一般来说，当页面的高度超过要显示区域的高度时，先设置外层容器的高度，使之低于内部的高度，然后在外层容器的样式中设置overflow-y:scroll，就可以实现上下滚动了 但是，这种方式只是从样式上实现了滚动，如果需要在滚动到顶部或底部时触发事件，就需要手动编写代码来实现了 常用属性 属性 类型 说明
音乐播放器-微信小程序
08-12
音乐播放器-微信小程序
微信小程序：音乐播放器
weixin_34268753的博客
01-24 450
最近终于做了第一个微信小程序，是音乐类的应用，所以音乐播放器必不可少。因为运行环境的限制，没有现成的轮子，只能自己重新造一个了。 功能清单 基础功能：播放，暂停，进度，停止 扩展功能：播放列表，歌曲切换，播放模式，播放事件 处理官方API的坑（BUG？） Andriod，从暂停状态恢复播放，不会触发播放事件 手机终端，歌曲播放完成后...
java ssm音乐播放器微信小程序毕业论文+ppt.rar
05-23
SSM音乐播放器微信小程序是基于Java Spring Boot、Spring MVC和MyBatis三大框架构建的，结合微信小程序技术实现的一款毕业设计项目。这个压缩包包含了该项目的毕业论文文档和演示用的PPT。 首先，Spring Boot是...
【微信小程序-毕设期末大作业】音乐播放器微信小程序源码.zip
05-05
【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...
仿QQ音乐播放器微信小程序.zip
01-01
【仿QQ音乐播放器微信小程序】是一个针对初学者设计的微信小程序项目，旨在提供一个类似于QQ音乐的应用体验。这个小程序涵盖了音乐播放、歌曲搜索、播放列表管理等多个功能，是学习微信小程序开发的理想实践案例。 ...
音乐播放器微信小程序下载
03-16
【音乐播放器微信小程序开发详解】 在移动互联网时代，微信小程序因其无需安装、即用即走的特点，成为了许多开发者和企业青睐的平台。本篇将深入探讨如何开发一款音乐播放器微信小程序，涵盖其核心功能、技术实现...
音乐播放器微信小程序的设计与实现.docx
07-10
【音乐播放器微信小程序的设计与实现】 随着移动互联网技术的飞速发展，微信已经渗透到人们的日常生活，成为不可或缺的社交和支付平台。基于这一背景，设计并实现音乐播放器微信小程序旨在提供一个用户友好的音乐...
微信小程序音乐播放器
03-11
微信小程序版音乐播放器（MP3播放器），支持在线音乐 选歌 切歌等
安卓经典小程序--音乐播放器
07-09
经典安卓小程序，适用于新手入门，学习基本的布局什么的，很好用
微信小程序-一个音乐播放器视频播放器小程序
08-08
音频播放器 >PS:这里音乐/图片(MP3/图片)来源是我本地电脑自己搭建的服务器. >用WAMP.把音乐放在根目录就可以了. >当然也可以返回网络上的数据 util.js getDataFromNet()返回音乐列表数据,模拟网络数据用setTimeOut 自动下一首 添加截图
微信小程序--音乐播放器
热门推荐
河里的草_increase
07-24 1万+
微信小程序练习--音乐播放器 说明： 这个项目旨在练习组件以及页面的设计。页面和交互的实现可能有多种方式，这里只为了对组件和项目的结构进行熟悉了解。后续会有更加完善的项目。 由于涉及到mp3外链导入音乐，预览二维码在外链失效时会出错，这里不放预览二维码了；另预览二维码存在有效时长，有兴趣的可以自己试着运行程序，在运行程序之前更换mp3外链的地址，以防出错。mp3外链（音乐外链在线获取_音乐外链生成网站_音乐在线听-mp3外链网 (xf1433.com)）。 喜欢的可以点个赞，如果有问题或者想要完整的
【微信小程序】音乐播放器
Jessieeeeeee的博客
08-31 3597
场景 使用微信小程序实现一个简易的音乐播放器：Github地址 效果 虽然界面很简单,但是一个音频播放器该有的功能大部分都有了（没有歌词显示功能）。 主要实现的功能有： 实现音频播放，暂停； 实现拖拽进度条，快进音频进度； 实现上一首，下一首，列表循环播放； 实现关闭小程序，也可在后台播放，正式版需要通过审核，开发版本可正常测试； 代码 index.js 数据初始化 /** * 页面的初始数据 */ data: { playStatus: true, audioIn
微信小程序的音乐播放器
最新发布
公版JAVA开发的博客
10-10 2017
👇🏻 精彩专栏 推荐订阅👇🏻(源码+lw+部署文档+讲解等)2024-2025年最值得选的微信小程序毕业设计选题大全：100个热门选题推荐✅2024-2025年最值得选的Java毕业设计选题大全：500个热门选题推荐✅Java精品实战案例《500套》微信小程序项目精品案例《500套》🌟文末获取源码+数据库🌟。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

宇智波波奶茶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值