【ページネーション】PHPとMysqlで簡易掲示板の作成をしています。

Question

前提・実現したいこと

【ページネーション】PHPとMysqlで簡易掲示板の作成をしています。

キーワードを検索で、ページネーションの実装を行いたいです。
※全件表示はなんとなくできました。

「キーワード」検索
でヒットした検索数の表示とその件数に伴ってページネーションを自動で生成。

【1,2,3】のように
各ページ表示件数を10件程表示

発生している問題・エラーメッセージ

問題1
検索結果を10件ずつ表示したいのですが、sql文でLIMITで10件だけ表示を設定していると、データベース内の中からキーワードに合った条件を最初の10件から表示されます。

解決方法
データベースより、キーワードに伴って該当するデータを各１０件ずつ表示したい。

問題2
ページネーションの数は表示できたのですが、2,3ページをクリックすると、
先に「キーワード検索」で検索した情報がリセットされてしまいます。

解決方法
ページネーションの2,3をクリックすると、条件にあったキーワード

例えば　18件だとすると、
１ページ目は　１０件
２ページ目は　残りの８件というふうに表示したい。

該当のソースコード

<script>
	
	
	function limit() {
		alert('aaaaaaa');
	}
</script>
<link rel="stylesheet" href="style.css">
<div id="container">

<h1>簡易掲示板一覧</h1>
<!----------------------------------------------------------------------
 						検索フォーム
 ------------------------------------------------------------------------->
<input type="button" onclick="location.href='add.php'"value="投稿画面へ"><br>

<form action="" method="post">
	<input type="text" name="naiyou">
	<select name="limit" onhange="limit()">
		<option value="5">5件</option>
		<option value="10">10件</option>
		<option value="10">10件</option>
		<option value="10">10件</option>
	</select>
	<input type="submit" name="submit" value="検索">
</form>


<?php 
// データベースへの接続 
$pdo = new PDO( "mysql:host=localhost;dbname=keiziban" , "root" , "" ) ;

// 文字コードの指定
$pdo->query ( "set character set utf8" ) ;


/* ----------------------------------------------------------------------
 						全件表示
 -------------------------------------------------------------------------*/
// SQL文の実行

if ( !isset( $_POST["submit"] ) ) {

	// GETで現在のページ数を取得する（未入力の場合は1を挿入）
		if (isset($_GET['page'])) {
			$page = (int)$_GET['page'];
		} else {
			$page = 1;
		}

		// スタートのポジションを計算する
		if ($page > 1) {
			// 例：２ページ目の場合は、『(2 × 10) - 10 = 10』
			$start = ($page * 10) - 10;
		} else {
			$start = 0;
		}
	
		echo "<h1>{$page}ページ目です</h1>";
		
	// レコード数を調べる
		$sth = $pdo->query("SELECT count(*) FROM keiziban");  
		$count = $sth->fetchColumn();  
		echo "{$count}件のデータが登録されています。<br>";  
		
	echo "submitにデータ入力なし（全件表示）<br>";
	
	// SQLの実行
		$query = "SELECT * FROM keiziban" ;
		$query .= " LIMIT {$start}, 10 ";
		
		$stmt = $pdo->query ( $query ) ;
		
		
		while($row = $stmt->fetch( PDO::FETCH_ASSOC)) {
			echo $row['ID'] ."　";
			echo $row['hiduke'] ."　";
			echo $row['naiyou']."<br>";
		}
	
	// postsテーブルのデータ件数を取得する
		$page_num = $pdo->query("SELECT COUNT(*) ID FROM keiziban");

		$page_num->execute();
		$page_num = $page_num->fetchColumn();

		// ページネーションの数を取得する
		$pagination = ceil($page_num / 10);
		
		for  ($x=1; $x <= $pagination ; $x++) {
			//echo $
			echo "<a href='?page={$x}'> {$x} </a>";
		}
	exit( ) ;
} 

?>

<!----------------------------------------------------------------------
 						キーワード検索
 ------------------------------------------------------------------------->
<?php

// GETで現在のページ数を取得する（未入力の場合は1を挿入）
		if (isset($_GET['page'])) {
			$page = (int)$_GET['page'];
		} else {
			$page = 1;
		}

		// スタートのポジションを計算する
		if ($page > 1) {
			// 例：２ページ目の場合は、『(2 × 10) - 10 = 10』
			$start = ($page * 10) - 10;
		} else {
			$start = 0;
		}

echo "submitにデータ入力あり<br>";

// 値の取得
	$naiyou = htmlspecialchars ( $_POST["naiyou"], ENT_QUOTES ) ;

// SQL文の実行
	$query = "SELECT * FROM keiziban" ;
	$query .= " WHERE naiyou like '{$naiyou}%' " ;
	$query .= " ORDER BY ID LIMIT 10 ";
	$stmt = $pdo->query ( $query ) ;
	echo $query;

if ( $stmt == false ) {
   exit ( "データの取得に失敗しました" ) ;
}
echo "{$stmt->rowCount()}件のデータがみつかりました。<br>";
echo "<h1>{$page}ページ目です</h1>";
while($row = $stmt->fetch( PDO::FETCH_ASSOC)) {
	echo $row['ID'] ."　";
	echo $row['hiduke'] ."　";
	echo $row['naiyou']."<br>";
}

// postsテーブルのデータ件数を取得する
		$page_num = $pdo->query("SELECT COUNT(*) ID FROM keiziban WHERE naiyou like '{$naiyou}%'");
		//$page_num = $pdo->query("SELECT COUNT(*) ID FROM keiziban");
		//$page_num = $pdo->query("SELECT count(*) FROM keiziban");  
		
		$page_num->execute();
		$page_num = $page_num->fetchColumn();

		// ページネーションの数を取得する
		$pagination = ceil($page_num / 10);
		echo "<h1>{$pagination}回繰り返す</h1>";
		echo "<h1>{ceil($page_num)}回繰り返す</h1>";
		
		for  ($y=1; $y <= $pagination ; $y++) {
			echo "<a href='?page={$y}'> {$y} </a>";
		}
?>
</div>

PHP初心者です。
お力添えをしていただければ幸いです。
お手数をお掛けしますがよろしくお願いいたします。

Comments

[tanat]

質問文に記載のコードは自作のコードでしょうか？参考にしているサイトや書籍などがあれば記載すると適切な回答が鰓得ると思います。

[kg6218]

ご返答ありがとうございます。すみません。ネットや参考書の一部をもじって自作したコードです。ですので記載できるものがないんですよ。

[m.ts10806]

解決済みとなっているようですが、回答者さんにどのように解決したのか、理解はできたのかコメントしてあげてください。回答に何も反応がないと次も回答してみようという気も削がれてしまいます。 https://teratail.com/help/question-tips#questionTips4-2

Answer 1

Method について

HTTP通信において、GET, POST, PUT, DELETE があるということの認識はありますか？
PUT, DELETEは知らなくても、GETとPOST があるということは理解している前提で話を進めます。

検索の機能はPOSTに設定していますね。

<form action="" method="post">
    <input type="text" name="naiyou">
    <select name="limit" onhange="limit()">
        <option value="5">5件</option>
        <option value="10">10件</option>
        <option value="10">10件</option>
        <option value="10">10件</option>
    </select>
    <input type="submit" name="submit" value="検索">
</form>

form要素のmethod属性にpostを設定しています。

このとき、通信はPOSTとなります。

<form action="" method="get">

一方、GETのとき、アドレスバーに表示されるURIは example.php?naiyou=xxx&limit=10 のようになることは理解していますね？

echo "<a href='?page={$y}'> {$y} </a>";

a要素に↑と設定していることと同じ動きになります。
a要素がクリックされたとき、GET 通信となり、POSTで送られていたはずのパラメータは消えてしまっていることが原因です。

つまり、2ページ目以降にページが遷移したとき、POSTで送っていたはずのnaiyouの値が送られていないのです。

Teratail の検索はどうなっているのか。

Google Chrome のデベロッパーツールを使って調べてみます。

検索に含めたキーワード「PHP」がURL（https://teratail.com/questions/search?q=PHP&conditions=and）に含まれていることがわかります。右側のRequest Method にも GET と表示されています。

ページネーションで2ページ目をクリックしたとき、どうなるかを調べます。

このときURLは https://teratail.com/questions/search?tab=active&page=2&q=PHP&conditions=and

となり、ページ番号の2や「PHP」という検索キーワードも含まれていることがわかりますね。

提示されたソースコードについて

セキュリティ的にやってはいけないコードが多数見受けられます。
こちらの記事を熟読し、コードを直してみてください。

Comments

[Yaiba184]

tetatailを例に出して説明すんの秀逸