ren807
diff --git a/‎app/Http/Controllers/PostController.php‎
Lines changed: 7 additions & 4 deletions b/‎app/Http/Controllers/PostController.php‎
Lines changed: 7 additions & 4 deletions
diff --git a/‎app/Services/PostService.php‎
Lines changed: 41 additions & 1 deletion b/‎app/Services/PostService.php‎
Lines changed: 41 additions & 1 deletion
diff --git a/‎resources/views/posts/index.blade.php‎
Lines changed: 30 additions & 1 deletion b/‎resources/views/posts/index.blade.php‎
Lines changed: 30 additions & 1 deletion
@@ -9,22 +9,25 @@ class PostController extends Controller
 {
  private $post;
 
- public function __construct(PostService $post_service)
+ public function __construct(PostService $post_service, Request $request)
  {
  $this->post = $post_service;
+ $this->post->setPagerInfo($request->input('page_id'));
  }
 
  public function index()
  {
- $id = 1;
+ $userId = 1;
  $posts = [];
 
  $shopDetails = $this->post->getShopDetails();
- $Favorites = $this->post->getFavorites($id);
+ $favorites = $this->post->getFavorites($userId);
+ $pagerInfo = $this->post->getPagerInfo();
 
  $posts = [
  'shopDetails' => $shopDetails,
- 'Favorites' => $Favorites
+ 'favorites' => $favorites,
+ 'pagerInfo' => $pagerInfo,
  ];
 
  return View('posts.index', ['posts' => $posts]);
 
@@ -5,6 +5,22 @@
 
 class PostService
 {
+ private $maxPage; // 最大ページ数
+ private $nowPage; // 現在のページ番号
+
+ /**
+ * ページャー情報をセットする
+ */
+ public function setPagerInfo($pageId) {
+ $this->nowPage = $pageId;
+ }
+
+ /**
+ * ページャーの情報を返す
+ */
+ public function getPagerInfo() {
+ return ['maxPage' => $this->maxPage, 'nowPage' => $this->nowPage];
+ }
 
  /**
  * 店舗情報を取得する
@@ -53,7 +69,7 @@ private function getShopInfo(): array
  $sql .= 'GROUP BY posts.id, posts.shopname, posts.tags, posts.deleted_flg'.PHP_EOL;
  $sql .= 'ORDER BY avg_rating DESC'.PHP_EOL;
 
- return DB::select($sql);
+ return $this->pager(DB::select($sql));
  }
 
  /**
@@ -81,4 +97,28 @@ public function getFavorites(int $user_id): array
 
  return DB::select($sql, ['user_id' => $user_id]);
  }
+
+ /**
+ * ページャー
+ * @param array $shopData
+ * @return array 表示用データ
+ */
+ private function pager(array $shopData): array
+ {
+ $max = 10; // 1ページの最大表示件数
+
+ $shopNum = count($shopData); // 現在の合計店舗数
+
+ $this->maxPage = ceil($shopNum / $max); // 最大ページ数
+ 
+ if (!isset($this->nowPage)) {
+ $this->nowPage = 1; // 特に指定されていなければ1ページ目を取得する
+ }
+
+ $startNo = ($this->nowPage - 1) * $max; // 開始ページ番号を取得する
+
+ $dispData = array_slice($shopData, $startNo, $max, true);
+
+ return $dispData;
+ }
 }
@@ -61,14 +61,32 @@
  border-radius: 12px;
  font-size: 12px;
  }
- /* ハートマーク */
+ /* いいね（ハート） */
  .likes {
  font-size: 18px;
  color: red;
  display: flex;
  align-items: center;
  gap: 5px;
  }
+ /* ページネーション */
+ .pagination {
+ display: flex;
+ justify-content: center;
+ margin-top: 20px;
+ }
+ .pagination a,
+ .pagination span {
+ margin: 0 5px;
+ padding: 8px 12px;
+ text-decoration: none;
+ background: #007bff;
+ color: #fff;
+ border-radius: 5px;
+ }
+ .pagination .active {
+ background: #0056b3;
+ }
  </style>
 </head>
 <body>
@@ -97,6 +115,17 @@
  </div>
  </div>
  @endforeach
+
+ <!-- ページネーション -->
+ <div class="pagination">
+ @for ($i = 1; $i <= $posts['pagerInfo']['maxPage']; $i++)
+ @if ($i == $posts['pagerInfo']['nowPage'])
+ <span class="active">{{ $i }}</span>
+ @else
+ <a href="?page_id={{ $i }}">{{ $i }}</a>
+ @endif
+ @endfor
+ </div>
  </div>
 </body>
 </html>