如何用php實(shí)現(xiàn)音樂列表

本篇內(nèi)容介紹了“如何用php實(shí)現(xiàn)音樂列表”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

php實(shí)現(xiàn)音樂列表的方法：1、從文件當(dāng)中讀取內(nèi)容，并解碼；2、將數(shù)據(jù)展示在列表，并利用foreach對數(shù)據(jù)一一顯示在列表當(dāng)中即可。

本文操作環(huán)境：Windows7系統(tǒng)、PHP7.1版、DELL G3電腦

php怎么實(shí)現(xiàn)音樂列表？

PHP實(shí)現(xiàn)音樂列表的上傳、展示、刪除：

思路
list.php列表展示
1、從文件當(dāng)中讀取內(nèi)容，并解碼

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

2、將數(shù)據(jù)展示在列表，利用foreach對數(shù)據(jù)一一顯示在列表當(dāng)中

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

add.php
1、表單提交給自身網(wǎng)頁進(jìn)行處理
2、給每個(gè)輸入框一個(gè)name值
3、php處理的時(shí)候，可以通過$_POST[‘title’]對數(shù)據(jù)進(jìn)行處理
4、處理之后將數(shù)據(jù)保存到文件/數(shù)據(jù)庫當(dāng)中

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data"><label for="title">標(biāo)題</label>
        <input type="text" class="form-control " id="title" name="title"> <button class="btn btn-primary btn-block">保存</button></form>

// 讀取已有數(shù)據(jù)
  $songs = json_decode(file_get_contents('data.json'), true);
  // 追加新數(shù)據(jù)
  $songs[] = $new_song;
  // 將追加的結(jié)果寫入文件
  file_put_contents('data.json', json_encode($songs));

del.php
1、需要執(zhí)行刪除就必須提供你想要?jiǎng)h除的是誰，獲取要?jiǎng)h除的ID
這里的話 是通過一開始從文件/數(shù)據(jù)庫當(dāng)中讀取出來的$item[‘id’]值，就可以判斷是要?jiǎng)h除哪一個(gè)，同時(shí)刪除按鈕a標(biāo)簽？后面是可以附帶值傳輸給后臺的

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

2、從數(shù)據(jù)庫/文件當(dāng)中讀取數(shù)據(jù)
3、通過ID在數(shù)據(jù)中找到對應(yīng)要?jiǎng)h除的鍵，刪除之后將數(shù)據(jù)放回文件/數(shù)據(jù)庫中

源碼
del.php

<?php// 只要有人請求我 del.php 我就執(zhí)行刪除操作// 如果需要我執(zhí)行刪除就必須提供你想要?jiǎng)h除的是誰// 一般情況下如果客戶端需要給服務(wù)端提供簡單的數(shù)據(jù)標(biāo)識，// 這種情況都會采用URL 地址傳遞問號參數(shù)的方式傳遞// 校驗(yàn)（客戶端來的東西都不能信）if (empty($_GET['id'])) {
  exit('你必須提供要?jiǎng)h除的數(shù)據(jù)ID'); // exit 會直接結(jié)束腳本的運(yùn)行}// 確保客戶端提交了 ID$id = $_GET['id'];// 1. 讀取已有數(shù)據(jù)$json = file_get_contents('data.json');// 2. 反序列化$songs = json_decode($json, true);// 3. 遍歷數(shù)組找到要?jiǎng)h除的元素foreach ($songs as $item) {
  if ($item['id'] === $id) {
    // 找到了要?jiǎng)h除的數(shù)據(jù)
    // 4. 在數(shù)組中刪除這個(gè)元素
    // 4.1. 找到這個(gè)數(shù)據(jù)在數(shù)組的下標(biāo)
    $index = array_search($item, $songs);
    array_splice($songs, $index, 1);
    // 5. 將刪除過后的數(shù)組序列化成 JSON 字符串
    $new_json = json_encode($songs);
    // 6. 持久化
    file_put_contents('data.json', $new_json);
    break;
  }}// 跳轉(zhuǎn)回去header('Location: /songs/list.php');

add.php

<?php

function receive_form () {
  // global $error_type;
  // 1. 校驗(yàn)客戶端提交的數(shù)據(jù)
  // 1.1. 校驗(yàn)標(biāo)題
  // empty($_POST['title']) === !(isset($_POST['title']) && $_POST['title'] !== '')
  // empty函數(shù)的作用就是判斷一個(gè)成員是否為空（未定義、值為false）
  if (empty($_POST['title'])) {
    // 標(biāo)題未正常填寫
    $GLOBALS['error_type'] = 'title';
    $GLOBALS['error_msg'] = "填寫標(biāo)題";
    return;
  }

  if (empty($_POST['artist'])) {
    // 歌手未正常填寫
    $GLOBALS['error_type'] = 'artist';
    $GLOBALS['error_msg'] = "填寫歌手";
    return;
  }

  // ===================================================

  // echo "校驗(yàn)文件";
  // 校驗(yàn)上傳文件
  //  1. 校驗(yàn)是否上傳成功（error）
  if ($_FILES['source']['error'] !== UPLOAD_ERR_OK) {
    $GLOBALS['error_type'] = 'source';
    $GLOBALS['error_msg'] = "上傳失敗";
    return;
  }

  //  2. 校驗(yàn)上傳文件的類型（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. 校驗(yàn)文件大?。╯ize）文件的大小單位是字節(jié)
  if (1 * 1024 * 1024 > $_FILES['source']['size'] || $_FILES['source']['size'] > 10 * 1024 * 1024) {
    $GLOBALS['error_type'] = 'source';
    $GLOBALS['error_msg'] = "上傳文件大小不合理";
    return;
  }

  //  將文件從臨時(shí)目錄中移動到網(wǎng)站下面
  $tmp_path = $_FILES['source']['tmp_name']; // 臨時(shí)路徑
  $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;
  }

  // ============= 處理多個(gè)文件邏輯 ====================

  // 如果一個(gè)文件域是多文件上傳的話，文件域的 name 應(yīng)該是由 [] 結(jié)尾
  for ($i = 0; $i < count($_FILES['images']['error']); $i++) {
    // 1. 校驗(yàn)上傳成功
    if ($_FILES['images']['error'][$i] !== UPLOAD_ERR_OK) {
      $GLOBALS['error_type'] = 'images';
      $GLOBALS['error_msg'] = "上傳圖片失敗";
      return;
    }
    // 2. 校驗(yàn)文件類型
    $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. 校驗(yàn)大小
    if ($_FILES['images']['size'][$i] > 1 * 1024 * 1024) {
      $GLOBALS['error_type'] = 'images';
      $GLOBALS['error_msg'] = "上傳文件大小不合理";
      return;
    }
    // 移動文件
    $img_tmp_path = $_FILES['images']['tmp_name'][$i]; // 臨時(shí)路徑
    $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. 保存數(shù)據(jù)
  $new_song = array(
    'id' => uniqid(), // uniqid 獲取一個(gè)唯一ID
    'title' => $_POST['title'],
    'artist' => $_POST['artist'],
    'images' => $images,
    'source' => $source
  );
  // 讀取已有數(shù)據(jù)
  $songs = json_decode(file_get_contents('data.json'), true);
  // 追加新數(shù)據(jù)
  $songs[] = $new_song;
  // 將追加的結(jié)果寫入文件
  file_put_contents('data.json', json_encode($songs));

  // 3. 響應(yīng)
  header('Location: /songs/list.php');
}

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  // 處理接收校驗(yàn)表單
  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">標(biāo)題</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">海報(bào)</label>
        <!-- multiple 可以讓文件域多選 -->
        <!-- accept 可以指定文件域能夠選擇的默認(rèn)文件類型 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. 讀取文件內(nèi)容
$json = file_get_contents('data.json');
// 2. 反序列化
// json_decode 第二個(gè)參數(shù)可以用來指定返回?cái)?shù)據(jù)都采用 關(guān)聯(lián)數(shù)組的方式 描述對象
$songs = json_decode($json, true);
// 3. 遍歷數(shù)據(jù)渲染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>標(biāo)題</th>
          <th>歌手</th>
          <th>海報(bào)</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實(shí)現(xiàn)音樂列表”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！