【php】CSVから表リスト描画

Question

前提条件（追加）

あくまで外部のCSVファイルを読み込んで要件を実現させる
※php上でのデータ入力はなし

// このコードを必ず使う
$file = fopen('shop_list.csv', 'r');

実現したい事

現在手作業で配列（配列自体はExcel上で自動作成）に情報を入れて、表リストを生成しているのですが、
今後はフォーム上でCSVをアップロードして、手作業時の描画と全く同じことを実現したい。

問題点・分からないこと

CSVから自動生成することは可能になったが、
完成型（参照画像下部）のように同じエリア名を束ねる事ができていない

参照画像

shop_list.csv
エリア1,ランチ ○○店1,ランチ 神戸店1住所
エリア1,ランチ ○○店2,ランチ 神戸店2住所
エリア2,スイーツ ○○店1,スイーツ ○○店1住所
エリア2,スイーツ ○○店2,スイーツ ○○店2住所

<!-- 参照画像上部 -->
	<table>
		<tr>
			<td class="city"></td>
			<td class="shopName">店舗名</td>
			<td class="address">住所</td>
		</tr>
	<?php $file = fopen('shop_list.csv', 'r'); ?>
	<?php if($file !== FALSE ): ?>
	    <?php while( ($data = fgetcsv($file)) !== FALSE ): ?>
	     <?php
	     	$area = $data[0];
	     	$shop = $data[1];
	     	$address = $data[2];
	     ?>
	    	<tr>
	    		<td class="city" ><?=$area ?></td>
	    		<td><?=$shop ?></td>
	    		<td><?=$address ?></td>
	    	</tr>
	    <?php endwhile; ?>
	<?php endif; ?>
	<?php fclose ( $file ); ?>
	</table>

<!-- 
参照画像下部
現在、手作業でリスト生成しているコード
-->
<?php
		$sales_list = array(
			'エリア1' => array(
				array('name' => '店舗名', 'address' => '住所'),
				array('name' => '店舗名', 'address' => '住所'),
			),
			'エリア2' => array(
				array('name' => '店舗名', 'address' => '住所'),
				array('name' => '店舗名', 'address' => '住所'),
			),
		);
	?>
	<table>
		<tr>
			<td class="city"></td>
			<td class="shopName">店舗名</td>
			<td class="address">住所</td>
		</tr>
		<?php
		foreach ($sales_list as $area => $shops) :
			$count = 1;
			foreach ($shops as $shop) :
				echo '<tr>';
			if ($count++ === 1) {
				echo '<td class="city" rowspan="'.count($shops).'">'.$area.'</td>';
			}
			echo '<td>'.$shop['name'].'</td>';
			echo '<td>'.$shop['address'].'</td>';
			echo '</tr>';
			endforeach;
		endforeach;
		?>
	</table>

Answer 1

td要素を縦につなげるには、ご存知のようにrowspan属性をもたせる必要があり、
1行読み込んでは1行出力するという単純な処理では実現できません。

各セルのデータを一時的に積み上げておく（配列に記憶するなど）、
各セルの最左列データが前行と確実に変化するのを確認してから出力処理をする、
前行と同じデータのセルはtd要素を出力しない、
などのやり方が無難かと思われます。

そんなわけで、サンプルコードを書いてみた。

<?php

function output_table($stack_arr) {
    for ($i = 0; $i < count($stack_arr); $i++) {
        if ($i == 0) {
?>
    <tr>
        <td colspan="<?php echo count($stack_arr); ?>"><?php echo $stack_arr[$i][0]; ?></td>
        <td><?php echo $stack_arr[$i][1]; ?></td>
        <td><?php echo $stack_arr[$i][2]; ?></td>
    </tr>
<?php
        }
        else {
?>
    <tr>
        <td><?php echo $stack_arr[$i][1]; ?></td>
        <td><?php echo $stack_arr[$i][2]; ?></td>
    </tr>
<?php
        }
    }

}

$csv_text =<<< EOT
エリア1,ランチ ○○店1,ランチ 神戸店1住所
エリア1,ランチ ○○店2,ランチ 神戸店2住所
エリア2,スイーツ ○○店1,スイーツ ○○店1住所
エリア2,スイーツ ○○店2,スイーツ ○○店2住所
EOT;
$csv_arr = array_map(function ($val) {
    return explode(',', $val);
}, explode(PHP_EOL, $csv_text));
?>
<table border="1">
    <tr>
        <th><br /></th>
        <th>店舗名</th>
        <th>住所</th>
    </tr>
<?php
$stack_arr = [];
foreach ($csv_arr as $arr) {
    if (count($stack_arr) == 0) {
        $stack_arr[] = $arr;
    }
    else {
        if ($stack_arr[count($stack_arr)-1][0] === $arr[0]) {
            $stack_arr[] = $arr;
        }
        else {
            output_table($stack_arr);
            $stack_arr = [];
            $stack_arr[] = $arr;
        }
    }
}
output_table($stack_arr);
?>
</table>

実行結果

Comments

[DaisukeMori]

ご回答ありがとうございます。
一度、試してみます。

[DaisukeMori]

確かにこのコードを動かせば、
見た目上はrowspanで結合されました。
ただ、以下のデータをコード上に直接記入するのでは
csvファイルをフォームからアップロードして
表リストを生成する要件が失われてしまいました。

前提を追加するようで大変申し訳ないですが、
「$file = fopen('shop_list.csv', 'r');」を利用して
要件を達成するにはどこを変更すればよろしいでしょうか？

（アップしていただいた部分抜粋）
$csv_text =<<< EOT
エリア1,ランチ ○○店1,ランチ 神戸店1住所
エリア1,ランチ ○○店2,ランチ 神戸店2住所
エリア2,スイーツ ○○店1,スイーツ ○○店1住所
エリア2,スイーツ ○○店2,スイーツ ○○店2住所
EOT;
$csv_arr = array_map(function ($val) {
return explode(',', $val);
}, explode(PHP_EOL, $csv_text));

[DaisukeMori]

まずこの度はコードの作成ありがとうございました。

$csv_textのところにどうしても外部のCSVを読み込んだデータがアップできなかったため、ひとまず、編集フォームを設けて、フォームからデータベースへ格納。データベースからこの変数に入れることができれば、一応Webブラウザ上（コードをいじらずに）から編集できるので、この方向で製作を進めていこうと思いました。

この要件に関しては、おいおい、CSVファイルを直接アップして、編集できるように随時研究していきたいと思います。また、この要件が達成でき次第、どうやって達成できたか、共有したいと思います。