PHPでCSV検索＋並び替えを作る方法【サンプルコード付き】

php

PHPでCSV検索＋並び替えを作る方法【サンプルコード付き】

PHPでCSVファイルを検索し、検索結果を並び替えて表示する方法を紹介します。キーワード検索だけでなく、ID順や名前順などで並び替えができるため、CSVデータを見やすく管理できます。データベースを使わずにCSVだけで検索機能とソート機能を実装したい場合に使えるサンプルコードです。

コードについて 本記事のコードはサンプルコードです。ご利用前に必ず動作確認を行ってください。
免責事項 本コードの利用により発生した損害について、当サイトは一切の責任を負いません。

デモ

ID 名前 カテゴリー メールアドレス

コードをコピーして使おう！

<?php

$keyword = $_GET['keyword'] ?? '';
$sort = $_GET['sort'] ?? 'id_asc';

$rows = [];

if (($fp = fopen('data.csv', 'r')) !== false) {

    while (($data = fgetcsv($fp)) !== false) {

        if (
            $keyword === '' ||
            stripos(implode(' ', $data), $keyword) !== false
        ) {
            $rows[] = $data;
        }

    }

    fclose($fp);

}

switch ($sort) {

    case 'id_desc':
        usort($rows, fn($a, $b) => $b[0] <=> $a[0]);
        break;

    case 'name_asc':
        usort($rows, fn($a, $b) => strcmp($a[1], $b[1]));
        break;

    case 'name_desc':
        usort($rows, fn($a, $b) => strcmp($b[1], $a[1]));
        break;

    default:
        usort($rows, fn($a, $b) => $a[0] <=> $b[0]);

}

?>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>CSV検索＋並び替え</title>

<style>
body{
    font-family:sans-serif;
    margin:20px;
}

.search-form{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:24px;
}

.search-input,
.sort-select{
    padding:14px 16px;
    border:1px solid #d1d5db;
    border-radius:10px;
    font-size:16px;
}

.search-input{
    flex:1;
    min-width:240px;
}

.sort-select{
    min-width:180px;
}

.search-btn{
    border:none;
    background:#ff6a00;
    color:#fff;
    font-weight:700;
    padding:0 24px;
    border-radius:10px;
    cursor:pointer;
    font-size:16px;
}

.table-wrap{
    border:1px solid #e5e7eb;
    border-radius:20px;
    overflow:hidden;
}

table{
    width:100%;
    border-collapse:collapse;
}

th{
    background:#f7f2e5;
}

th,
td{
    padding:20px;
    text-align:left;
    border-bottom:1px solid #e5e7eb;
}
</style>

</head>
<body>

<form method="get" class="search-form">

    <input
        type="text"
        name="keyword"
        class="search-input"
        value="<?= htmlspecialchars($keyword, ENT_QUOTES, 'UTF-8') ?>"
        placeholder="検索キーワードを入力">

    <button type="submit" class="search-btn">検索</button>

    <select name="sort" class="sort-select" onchange="this.form.submit()">
        <option value="id_asc" <?= $sort === 'id_asc' ? 'selected' : '' ?>>ID昇順</option>
        <option value="id_desc" <?= $sort === 'id_desc' ? 'selected' : '' ?>>ID降順</option>
        <option value="name_asc" <?= $sort === 'name_asc' ? 'selected' : '' ?>>名前昇順</option>
        <option value="name_desc" <?= $sort === 'name_desc' ? 'selected' : '' ?>>名前降順</option>
    </select>

</form>

<div class="table-wrap">

<table>

    <tr>
        <th>ID</th>
        <th>名前</th>
        <th>カテゴリー</th>
        <th>メールアドレス</th>
    </tr>

    <?php foreach ($rows as $row): ?>

    <tr>
        <td><?= htmlspecialchars($row[0], ENT_QUOTES, 'UTF-8') ?></td>
        <td><?= htmlspecialchars($row[1], ENT_QUOTES, 'UTF-8') ?></td>
        <td><?= htmlspecialchars($row[2], ENT_QUOTES, 'UTF-8') ?></td>
        <td><?= htmlspecialchars($row[3], ENT_QUOTES, 'UTF-8') ?></td>
    </tr>

    <?php endforeach; ?>

</table>

</div>

</body>
</html>

ファイル構成と設置方法

このサンプルで使用するファイル構成です。
下記のファイルを同じフォルダ（同じ階層）へ配置してください。 

sample/
├─ index.php
└─ data.csv

index.php と data.csv を同じフォルダへ配置してください。

サーバーへアップロード後、index.phpへアクセスすると検索と並び替えが利用できます。

PHPはサーバー上で実行されるため、PHPファイルをダブルクリックしても動作しません。動作確認はレンタルサーバーへアップロードするか、PHPが利用できるローカル環境で行ってください。

コメント