音乐列表案例(上)
项目链接: https://download.csdn.net/download/weixin_45525272/14920287
音乐列表案例(下)
2.2. 新增数据(表单类)
表单使用(form action method enctype,input name label for id)服务端表单校验并提示错误消息
empty 判断一个成员是否没定义或者值为 false(可以隐式转换为 false)
- 上传文件,文件数量,文件种类
// $images['error'] => [0, 0, 0] if ($images['error'][$i] !== UPLOAD_ERR_OK) { $GLOBALS['error_message'] = '上传海报文件失败1'; return; } // 类型的校验 // $images['type'] => ['image/png', 'image/jpg', 'image/gif'] if (strpos($images['type'][$i], 'image/') !== 0) { $GLOBALS['error_message'] = '上传海报文件格式错误'; return; } // TODO: 文件大小的判断 if ($images['size'][$i] > 1 * 1024 * 1024) { $GLOBALS['error_message'] = '上传海报文件过大'; return; }
- 如果需要考虑文件重名的情况,可以给上传的文件重新命名(唯一名称)
// 移动文件到网站范围之内 $dest = '../uploads/' . uniqid() . iconv('UTF-8', 'GBK', $images['name'][$i]); // move_uploaded_file 在 Windows 中文系统上要求传入的参数如果有中文必须是 GBK 编码 // 切记在接收文件时注意文件名中文的问题,通过iconv函数转换中文编码为 GBK 编码 if (!move_uploaded_file($images['tmp_name'][$i], $dest)) { $GLOBALS['error_message'] = '上传海报文件失败2'; return; } // 存储时候在将GBK编码转换回UTF-8格式 并且去掉文件路径前面的两个点 直接在根目录存储 $data['images'][] = iconv('GBK', 'UTF-8', substr($dest, 2));
- 单文件域多文件上传,name 一定 以 [] 结尾,服务端会接收到一个数组
html中
<!-- multiple 可以让一个文件域多选 --> <input type="file" class="form-control" id="images" name="images[]" accept="image/*" multiple>
php中
$images = $_FILES['images']; // 准备一个容器装所有的海报路径 $data['images'] = array();
- JSON 序列化文件写入
// 先读出原有数据,在转化为数组形式 在添加新的数组数据,在将新的数据覆盖以前所有旧的原有数据 $json = file_get_contents('data.json'); $old = json_decode($json, true); array_push($old, $data); $new_json = json_encode($old); file_put_contents('data.json', $new_json);
2.3. 删除数据
- 问号传参(用get:get本身支持url传参形式)
一般情况下,如果需要超链接点击发起的请求可以传递参数,我们可以采用 ? 的方式
<a href="/delete.php?id=123">删除</a>
本案例中,id传的是歌曲的id
<a class="btn btn-danger btn-sm" href="delete.php?id=<?php echo $item['id']; ?>">删除</a>
- 数组移除元素,array_splice函数
// 从原有数据中移除 $index = array_search($item, $data); array_splice($data, $index, 1);
3.整体代码
add.php
<?php function add () { // 目标:接收客户端提交的数据和文件,最终保存到数据文件中 $data = array(); // 准备一个空的容器,用来装最终要保存的 数据 $data['id'] = uniqid(); // 1. 接收提交的文本内容 // =================================================== if (empty($_POST['title'])) { $GLOBALS['error_message'] = '请输入音乐标题'; return; } if (empty($_POST['artist'])) { $GLOBALS['error_message'] = '请输入歌手名称'; return; } // 记下 title 和 artist $data['title'] = $_POST['title']; $data['artist'] = $_POST['artist']; // 2. 接收图片文件 // ======================================================= // 如何接收单个文件域的多文件上传??? if (empty($_FILES['images'])) { $GLOBALS['error_message'] = '请正常使用表单'; return; } $images = $_FILES['images']; // 准备一个容器装所有的海报路径 $data['images'] = array(); // 遍历这个文件域中的每一个文件(判断是否成功、判断类型、判断大小、移动到网站目录中) for ($i = 0; $i < count($images['name']); $i++) { // $images['error'] => [0, 0, 0] if ($images['error'][$i] !== UPLOAD_ERR_OK) { $GLOBALS['error_message'] = '上传海报文件失败1'; return; } // 类型的校验 // $images['type'] => ['image/png', 'image/jpg', 'image/gif'] if (strpos($images['type'][$i], 'image/') !== 0) { $GLOBALS['error_message'] = '上传海报文件格式错误'; return; } // TODO: 文件大小的判断 if ($images['size'][$i] > 1 * 1024 * 1024) { $GLOBALS['error_message'] = '上传海报文件过大'; return; } // 移动文件到网站范围之内 $dest = '../uploads/' . uniqid() . iconv('UTF-8', 'GBK', $images['name'][$i]); // move_uploaded_file 在 Windows 中文系统上要求传入的参数如果有中文必须是 GBK 编码 // 切记在接收文件时注意文件名中文的问题,通过iconv函数转换中文编码为 GBK 编码 if (!move_uploaded_file($images['tmp_name'][$i], $dest)) { $GLOBALS['error_message'] = '上传海报文件失败2'; return; } // 存储时候在将GBK编码转换回UTF-8格式 并且去掉文件路径前面的两个点 直接在根目录存储 $data['images'][] = iconv('GBK', 'UTF-8', substr($dest, 2)); } // 3. 接收音乐文件 // ======================================================= if (empty($_FILES['source'])) { $GLOBALS['error_message'] = '请正常使用表单'; return; } $source = $_FILES['source']; // => { name: , tmp_name .... } // 判断是否上传成功 if ($source['error'] !== UPLOAD_ERR_OK) { $GLOBALS['error_message'] = '上传音乐文件失败1'; return; } // 判断类型是否允许 $source_allowed_types = array('audio/mp3', 'audio/wma'); if (!in_array($source['type'], $source_allowed_types)) { $GLOBALS['error_message'] = '上传音乐文件类型错误'; return; } // 判断大小 if ($source['size'] < 1 * 1024 * 1024) { $GLOBALS['error_message'] = '上传音乐文件过小'; return; } if ($source['size'] > 10 * 1024 * 1024) { $GLOBALS['error_message'] = '上传音乐文件过大'; return; } // 移动 $target = '../uploads/' . uniqid() . '-' . iconv('UTF-8', 'GBK', $source['name']); if (!move_uploaded_file($source['tmp_name'], $target)) { $GLOBALS['error_message'] = '上传音乐文件失败2'; return; } // 将数据装起来 // 保存数据的路径一定使用绝对路径存 $data['source'] = iconv('GBK', 'UTF-8', substr($target, 2)); // 4. 将数据加入到原有数据中 // 先读出原有数据,在转化为数组形式 在添加新的数组数据,在将新的数据覆盖以前所有旧的原有数据 $json = file_get_contents('data.json'); $old = json_decode($json, true); array_push($old, $data); $new_json = json_encode($old); file_put_contents('data.json', $new_json); // 5. 跳转 // header('Location: list.php'); } if ($_SERVER['REQUEST_METHOD'] === 'POST') { add(); } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>添加新音乐</title> <link rel="stylesheet" href="bootstrap.css"> </head> <body> <div class="container py-5"> <h1 class="display-4">添加新音乐</h1> <hr> <?php if (isset($error_message)): ?> <div class="alert alert-danger"> <?php echo $error_message; ?> </div> <?php endif ?> <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data"> <div class="form-group"> <label for="title">标题</label> <input type="text" class="form-control" id="title" name="title"> </div> <div class="form-group"> <label for="artist">歌手</label> <input type="text" class="form-control" id="artist" name="artist"> </div> <div class="form-group"> <label for="images">海报</label> <!-- multiple 可以让一个文件域多选 --> <input type="file" class="form-control" id="images" name="images[]" accept="image/*" multiple> </div> <div class="form-group"> <label for="source">音乐</label> <!-- accept 可以设置两种值分别为 MIME Type / 文件扩展名 --> <input type="file" class="form-control" id="source" name="source" accept="audio/*"> </div> <button class="btn btn-primary btn-block">保存</button> </form> </div> </body> </html>
delete.php
<?php // 如何知道客户端想要删除哪一个??? // 通过客户端在URL地址中的问号参数的不同来辨别要删除的数据 // 接收 URL 中的不同的 ID if (empty($_GET['id'])) { // 没有传递必要的参数 exit('<h1>必须指定参数</h1>'); } $id = $_GET['id']; // 找到要删除的数据 $data = json_decode(file_get_contents('data.json'), true); foreach ($data as $item) { // 不是我们要的之间找下一条 if ($item['id'] !== $id) continue; // $item => 我们要删除的那一条数据 // 从原有数据中移除 $index = array_search($item, $data); array_splice($data, $index, 1); // 保存删除指定数据过后的内容 // echo '<pre>'; // var_dump($data); // echo '</pre>'; $json = json_encode($data); file_put_contents('data.json', $json); // 跳转回列表页 header('Location: list.php'); }