codeigniter4 ページネーション

2025年11月30日

codeigniter4をインストール

composer create-project codeigniter4/appstarter project-pagination

設定ファイルを作成

cp env .env


#--------------------------------------------------------------------
# ENVIRONMENT
#--------------------------------------------------------------------


# CI_ENVIRONMENT = production

 CI_ENVIRONMENT = development

#--------------------------------------------------------------------
# DATABASE
#--------------------------------------------------------------------
#データベース接続設定
#変更前
# database.default.hostname = localhost
# database.default.database = ci4
# database.default.username = root
# database.default.password = root
# database.default.DBDriver = MySQLi
# database.default.DBPrefix =
# database.default.port = 3306


database.default.hostname = localhost
database.default.database = prefectural
database.default.username = root
database.default.password = 
database.default.DBDriver = MySQLi
database.default.DBPrefix =
database.default.port = 3306


#--------------------------------------------------------------------
# LOGGER
#--------------------------------------------------------------------

# logger.threshold = 4

phpmyadminを開いてデーターベースとテーブルを作る。

共通するヘッターファイルを作る

mkdir app/Views/layout
touch app/Views/layout/frontend.php

mkdir app/Views/layout/inc
touch app/Views/layout/inc/navi.php

frontend.php

CSSとJSファイルをディレクトリを作りBootstrap5.3のCSSとJSファイルを置く

mkdir -p public/assets/css
cd public/assets/css
curl -O  https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css
mkdir public/assets/js
cd public/assets/js
curl -O https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js

navi.php

Viewsディレクトリにprefecturalディレクトリを作成してindex.phpファイルを作る。

Modelを作成

php spark make:model prefectural
CodeIgniter v4.6.4 Command Line Tool - Server Time: 2025-12-17 20:49:09 UTC+00:00

File created: APPPATH/Models/Prefectural.php

app/Models/Prefectural.phpを編集

Controllerを作成

php spark make:controller prefectural
CodeIgniter v4.6.4 Command Line Tool - Server Time: 2025-12-17 21:32:13 UTC+00:00

File created: APPPATH/Controllers/Prefectural.php

app/Controllers/prefecturalController.phpを編集

app/Config/Routes.php

app/Config/Pager.php


        'bt_pagination'  => 'App\Views\pages\bt_pagination',

f results shown in a single page. */ public int $perPage = 20; } app/Views/pages/bt_pagination.phpを作成

php spark serve
CodeIgniter v4.6.4 Command Line Tool - Server Time: 2025-12-21 10:54:13 UTC+00:00

CodeIgniter development server started on http://localhost:8080
Press Control-C to stop.
[Sun Dec 21 19:54:13 2025] PHP 8.3.6 Development Server (http://localhost:8080) started

URLを開く http://localhost:8080/prefectural