广告
返回顶部
首页 > 资讯 > 后端开发 > PHP编程 >如何用php实现音乐列表
  • 914
分享到

如何用php实现音乐列表

2023-06-25 12:06:30 914人浏览 薄情痞子
摘要

本篇内容介绍了“如何用PHP实现音乐列表”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!php实现音乐列表的方法:1、从文件当中读取内容,并解

本篇内容介绍了“如何用PHP实现音乐列表”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

php实现音乐列表的方法:1、从文件当中读取内容,并解码;2、将数据展示在列表,并利用foreach对数据一一显示在列表当中即可。

如何用php实现音乐列表

本文操作环境:windows7系统、PHP7.1版、DELL G3电脑

php怎么实现音乐列表?

PHP实现音乐列表的上传、展示、删除:

思路
list.php列表展示
1、从文件当中读取内容,并解码

$JSON = file_get_contents('data.json');$songs = json_decode($json, true);

将数据展示在列表,利用foreach对数据一一显示在列表当中

<?php foreach ($songs as $item): ?>        <tr>          <td class="align-middle"><?php echo $item['title']; ?></td>        </tr><?php endforeach ?>

add.php
1、表单提交给自身网页进行处理
2、给每个输入框一个name值
3、php处理的时候,可以通过$_POST[‘title’]对数据进行处理
4、处理之后将数据保存到文件/数据库当中

<fORM action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data"><label for="title">标题</label>        <input type="text" class="form-control " id="title" name="title"> <button class="btn btn-primary btn-block">保存</button></form>
// 读取已有数据  $songs = json_decode(file_get_contents('data.json'), true);  // 追加新数据  $songs[] = $new_song;  // 将追加的结果写入文件  file_put_contents('data.json', json_encode($songs));

del.php
1、需要执行删除就必须提供你想要删除的是谁,获取要删除的ID
这里的话 是通过一开始从文件/数据库当中读取出来的$item[‘id’]值,就可以判断是要删除哪一个,同时删除按钮a标签?后面是可以附带值传输给后台的

 <a class="btn btn-outline-danger btn-sm" href="del.php?id=<?php echo $item['id']; ?>">删除</a>

从数据库/文件当中读取数据
3、通过ID在数据中找到对应要删除的键,删除之后将数据放回文件/数据库中

源码
del.php

<?php// 只要有人请求我 del.php 我就执行删除操作// 如果需要我执行删除就必须提供你想要删除的是谁// 一般情况下如果客户端需要给服务端提供简单的数据标识,// 这种情况都会采用URL 地址传递问号参数的方式传递// 校验(客户端来的东西都不能信)if (empty($_GET['id'])) {  exit('你必须提供要删除的数据ID'); // exit 会直接结束脚本的运行}// 确保客户端提交了 ID$id = $_GET['id'];// 1. 读取已有数据$json = file_get_contents('data.json');// 2. 反序列化$songs = json_decode($json, true);// 3. 遍历数组找到要删除的元素foreach ($songs as $item) {  if ($item['id'] === $id) {    // 找到了要删除的数据    // 4. 在数组中删除这个元素    // 4.1. 找到这个数据在数组的下标    $index = array_search($item, $songs);    array_splice($songs, $index, 1);    // 5. 将删除过后的数组序列化成 JSON 字符串    $new_json = json_encode($songs);    // 6. 持久化    file_put_contents('data.json', $new_json);    break;  }}// 跳转回去header('Location: /songs/list.php');

add.php

<?phpfunction receive_form () {  // global $error_type;  // 1. 校验客户端提交的数据  // 1.1. 校验标题  // empty($_POST['title']) === !(isset($_POST['title']) && $_POST['title'] !== '')  // empty函数的作用就是判断一个成员是否为空(未定义、值为false)  if (empty($_POST['title'])) {    // 标题未正常填写    $GLOBALS['error_type'] = 'title';    $GLOBALS['error_msg'] = "填写标题";    return;  }  if (empty($_POST['artist'])) {    // 歌手未正常填写    $GLOBALS['error_type'] = 'artist';    $GLOBALS['error_msg'] = "填写歌手";    return;  }  // ===================================================  // echo "校验文件";  // 校验上传文件  //  1. 校验是否上传成功(error)  if ($_FILES['source']['error'] !== UPLOAD_ERR_OK) {    $GLOBALS['error_type'] = 'source';    $GLOBALS['error_msg'] = "上传失败";    return;  }  //  2. 校验上传文件的类型(type)  $allowed_source_types = array('audio/mp3', 'audio/wma');  if (!in_array($_FILES['source']['type'], $allowed_source_types)) {    $GLOBALS['error_type'] = 'source';    $GLOBALS['error_msg'] = "只能上传音频文件";    return;  }  //  3. 校验文件大小(size)文件的大小单位是字节  if (1 * 1024 * 1024 > $_FILES['source']['size'] || $_FILES['source']['size'] > 10 * 1024 * 1024) {    $GLOBALS['error_type'] = 'source';    $GLOBALS['error_msg'] = "上传文件大小不合理";    return;  }  //  将文件从临时目录中移动到网站下面  $tmp_path = $_FILES['source']['tmp_name']; // 临时路径  $dest_path = '../uploads/mp3/' . $_FILES['source']['name']; // 存放路径  $source = substr($dest_path, 2);  $moved = move_uploaded_file($tmp_path, $dest_path); // 返回移动是否成功  if (!$moved) {    $GLOBALS['error_type'] = 'source';    $GLOBALS['error_msg'] = "上传失败";    return;  }  // ============= 处理多个文件逻辑 ====================  // 如果一个文件域是多文件上传的话,文件域的 name 应该是由 [] 结尾  for ($i = 0; $i < count($_FILES['images']['error']); $i++) {    // 1. 校验上传成功    if ($_FILES['images']['error'][$i] !== UPLOAD_ERR_OK) {      $GLOBALS['error_type'] = 'images';      $GLOBALS['error_msg'] = "上传图片失败";      return;    }    // 2. 校验文件类型    $allowed_images_types = array('image/jpeg', 'image/png', 'image/gif');    if (!in_array($_FILES['images']['type'][$i], $allowed_images_types)) {      $GLOBALS['error_type'] = 'images';      $GLOBALS['error_msg'] = "只能上传图片文件";      return;    }    // 3. 校验大小    if ($_FILES['images']['size'][$i] > 1 * 1024 * 1024) {      $GLOBALS['error_type'] = 'images';      $GLOBALS['error_msg'] = "上传文件大小不合理";      return;    }    // 移动文件    $img_tmp_path = $_FILES['images']['tmp_name'][$i]; // 临时路径    $img_dest_path = '../uploads/img/' . $_FILES['images']['name'][$i]; // 存放路径    $img_moved = move_uploaded_file($img_tmp_path, $img_dest_path); // 返回移动是否成功    if (!$img_moved) {      $GLOBALS['error_type'] = 'images';      $GLOBALS['error_msg'] = "上传图片失败";      return;    }    $images[] = substr($img_dest_path, 2);  }  // 2. 保存数据  $new_song = array(    'id' => uniqid(), // uniqid 获取一个唯一ID    'title' => $_POST['title'],    'artist' => $_POST['artist'],    'images' => $images,    'source' => $source  );  // 读取已有数据  $songs = json_decode(file_get_contents('data.json'), true);  // 追加新数据  $songs[] = $new_song;  // 将追加的结果写入文件  file_put_contents('data.json', json_encode($songs));  // 3. 响应  header('Location: /songs/list.php');}if ($_SERVER['REQUEST_METHOD'] === 'POST') {  // 处理接收校验表单  receive_form();}?><!DOCTYPE html><html><head>  <meta charset="UTF-8">  <title>添加新音乐</title>  <link rel="stylesheet" href="bootstrap.CSS"></head><body>  <div class="container py-5">    <h2>添加新音乐</h2>    <hr>    <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">      <div>        <label for="title">标题</label>        <input type="text" class="form-control <?php echo isset($error_type) && $error_type === 'title' ? 'is-invalid' : ''; ?>" id="title" name="title" value="<?php echo isset($_POST['title']) ? $_POST['title'] : ''; ?>">        <small><?php echo $error_msg; ?></small>      </div>      <div>        <label for="artist">歌手</label>        <input type="text" class="form-control <?php echo isset($error_type) && $error_type === 'artist' ? 'is-invalid' : ''; ?>" id="artist" name="artist" value="<?php echo isset($_POST['artist']) ? $_POST['artist'] : ''; ?>">        <small><?php echo $error_msg; ?></small>      </div>      <div>        <label for="images">海报</label>        <!-- multiple 可以让文件域多选 -->        <!-- accept 可以指定文件域能够选择的默认文件类型 MIME Type -->        <!-- image/* 代表所有类型图片 -->        <!-- 除了使用 MIME 类型 还可以使用文件后缀名限制:.png,.jpg -->        <input type="file" id="images" name="images[]" multiple accept="image/*">      </div>      <div>        <label for="source">音乐</label>        <input type="file" class="form-control <?php echo isset($error_type) && $error_type === 'source' ? 'is-invalid' : ''; ?>" id="source" name="source" accept="audio/*">        <small><?php echo $error_msg; ?></small>      </div>      <button class="btn btn-primary btn-block">保存</button>    </form>  </div></body></html>

list.php

<?php// 1. 读取文件内容$json = file_get_contents('data.json');// 2. 反序列化// json_decode 第二个参数可以用来指定返回数据都采用 关联数组的方式 描述对象$songs = json_decode($json, true);// 3. 遍历数据渲染HTML// var_dump($songs);?><!DOCTYPE html><html><head>  <meta charset="UTF-8">  <title>音乐列表</title>  <link rel="stylesheet" href="bootstrap.css"></head><body>  <div class="container py-5">    <h2>音乐列表</h2>    <hr>    <div class="px-2 mb-3">      <a href="add.php" class="btn btn-secondary btn-sm">添加</a>    </div>    <table class="table table-bordered table-striped table-hover">      <thead>        <tr>          <th><input type="checkbox" name="" id=""></th>          <th>标题</th>          <th>歌手</th>          <th>海报</th>          <th>音乐</th>          <th>操作</th>        </tr>      </thead>      <tbody>        <?php foreach ($songs as $item): ?>        <tr>          <td><input type="checkbox" name="" id=""></td>          <td><?php echo $item['title']; ?></td>          <td><?php echo $item['artist']; ?></td>          <td>            <?php foreach ($item['images'] as $img): ?>            <img src="<?php echo $img; ?>" alt="">            <?php endforeach ?>          </td>          <td><audio src="<?php echo $item['source']; ?>" controls></audio></td>          <td>            <a class="btn btn-outline-danger btn-sm" href="del.php?id=<?php echo $item['id']; ?>">删除</a>            <!-- hidden 隐藏域 -->            <!-- <form action="del.php" method="get">              <input type="hidden" name="id" value="<?php echo $item['id']; ?>">              <button class="btn btn-danger btn-sm">删除</button>            </form> -->          </td>        </tr>        <?php endforeach ?>      </tbody>    </table>  </div></body></html>

“如何用php实现音乐列表”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: 如何用php实现音乐列表

本文链接: https://www.lsjlt.com/news/304478.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 如何用php实现音乐列表
    本篇内容介绍了“如何用php实现音乐列表”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!php实现音乐列表的方法:1、从文件当中读取内容,并解...
    99+
    2023-06-25
  • php怎么实现音乐列表
    本文操作环境:Windows7系统、PHP7.1版、DELL G3电脑php怎么实现音乐列表?PHP实现音乐列表的上传、展示、删除:思路 list.php列表展示 1、从文件当中读取内容,并解码$json = file_get_conten...
    99+
    2021-06-07
    php
  • html如何实现音乐隐藏
    小编给大家分享一下html如何实现音乐隐藏,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!html实现音乐隐藏的方法:首先创建打开相应的HTML示例文件;然后通过“...
    99+
    2023-06-14
  • 如何使用html实现音乐播放
    小编给大家分享一下如何使用html实现音乐播放,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!在html中可以使用“<audio>”标签定义声音,只需要...
    99+
    2023-06-07
  • Android如何利用SoundPool实现音乐池
    这篇文章主要介绍了Android如何利用SoundPool实现音乐池,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。本文实例为大家分享了Android利用SoundPool实现...
    99+
    2023-06-25
  • Android音乐播放器如何实现
    这篇“Android音乐播放器如何实现”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Android音乐播放器如何实现”文章吧...
    99+
    2023-07-04
  • Qt5如何实现音乐播放器
    要实现音乐播放器,你可以使用Qt5提供的多媒体框架来实现。以下是一个简单的示例:1. 首先,你需要在Qt项目中包含多媒体模块。在项目...
    99+
    2023-08-11
    Qt5
  • Qt如何实现MP3音乐播放器
    这篇文章主要介绍“Qt如何实现MP3音乐播放器”,在日常操作中,相信很多人在Qt如何实现MP3音乐播放器问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Qt如何实现MP3音乐播放器”的疑惑有所帮助!接下来,请跟...
    99+
    2023-07-05
  • java如何实现播放背景音乐
    这篇文章主要介绍java如何实现播放背景音乐,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!测试源码播放背景音乐类package forGame;import javax.sound.sampled...
    99+
    2023-06-14
  • Android Studio如何实现音乐播放器
    这篇文章主要介绍了Android Studio如何实现音乐播放器,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。一、项目概述1、需求分析综合运用UI界面设计、数据存储...
    99+
    2023-06-29
  • C语言如何实现音乐播放器
    本文小编为大家详细介绍“C语言如何实现音乐播放器”,内容详细,步骤清晰,细节处理妥当,希望这篇“C语言如何实现音乐播放器”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。实例代码如下:#include &l...
    99+
    2023-06-08
  • Android如何实现简单音乐播放器
    小编这次要给大家分享的是Android如何实现简单音乐播放器,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所收获。开发工具:Andorid Studio 1.3运行环境:Android 4.4 KitKat工...
    99+
    2023-05-31
    android roi 如何实现
  • 如何通过PHP实现音乐播放器的隐藏功能
    要通过PHP实现音乐播放器的隐藏功能,可以按照以下步骤进行操作:1. 创建一个音乐播放器的HTML页面,包括音乐播放器的界面和控制按...
    99+
    2023-08-28
    PHP
  • PHP中如何实现Redis的散列和列表?
    随着互联网的不断发展和数据量的不断增大,数据存储变得越来越重要。而Redis作为一款高性能的NoSQL数据库,在互联网企业中越来越受欢迎。PHP是一种常用的Web编程语言,而Redis也是一个常用的数据存储方案,因此在PHP中如何实现Red...
    99+
    2023-05-16
    PHP redis 散列和列表
  • vue如何实现网易云音乐纯界面
    这篇“vue如何实现网易云音乐纯界面”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue如何实现网易云音乐纯界面”文章吧。项...
    99+
    2023-07-02
  • Python如何实现简易版音乐播放器
    小编给大家分享一下Python如何实现简易版音乐播放器,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!一、前言今天我们将用Python来创建一个属于自己的音乐播放器。为此,我们将使用三个软件包:Tkinter:用于UIPyg...
    99+
    2023-06-15
  • Java如何实现精美网上音乐平台
    这篇文章主要介绍Java如何实现精美网上音乐平台,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!一、项目简述本系统功能包括: 音乐播放 用户登录注册 用户信息编辑、头像修改 歌曲、歌单搜索 歌单打分 歌单、歌曲评论 歌...
    99+
    2023-06-25
  • Qt+Quick如何实现播放音乐和视频
    这篇文章主要介绍了Qt+Quick如何实现播放音乐和视频的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Qt+Quick如何实现播放音乐和视频文章都会有所收获,下面我们一起来看看吧。MediaPlayer 是 Q...
    99+
    2023-07-05
  • 如何用ALS算法实现用户音乐打分预测
    如何用ALS算法实现用户音乐打分预测,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。ALS算法介绍ALS算法是基于模型的推荐算法,基本思想是对稀疏矩阵进行模型分解,评估出缺失项的...
    99+
    2023-06-02
  • 如何在Android中实现一个音乐播放器
    如何在Android中实现一个音乐播放器?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。实现过程导入项目所需的音乐文件、图标、背景等创建一个raw文件夹,将音乐文...
    99+
    2023-06-15
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作