Pagination and Search

View saved

Goal

This snapshot advances Ironclad Gazette by teaching you to paginate the feed and search post text.

Every numbered folder is a complete app. Run this stage independently, then compare it with the previous folder.

Prerequisites

Use Java 17+, Maven, a terminal, and Docker for MySQL stages. You should recognize classes, annotations, and HTTP verbs.

Port 8080 must be free. Copy .env.example before starting database stages.

  • Java 17 and Maven
  • A code editor and terminal
  • Docker from part 4 onward

Concepts

Pagination bounds work per page. Search filters with JPA query methods before slicing results.

Keep controllers thin: accept input, delegate to repositories or services, and let Thymeleaf escape output by default.

Walkthrough

Use page size 5, compute total pages, and accept a q query parameter.

Read the example, then open the matching snapshot. The repository includes the surrounding setup and error handling.

PageRequest.of(pageNum - 1, 5, Sort.by("createdAt").descending())

Run and verify

Enter 10-Pagination-And-Search, start MySQL when needed, copy .env.example, and run mvn spring-boot:run on port 8080.

Open http://127.0.0.1:8080. Watch the terminal for validation and database errors.

docker compose -f ../docker-compose.yml up -d
git clone https://github.com/michaeldunga1/fcc-spring-blog.git
cd fcc-spring-blog/10-Pagination-And-Search
cp .env.example .env
mvn spring-boot:run

Troubleshooting

Off-by-one errors often come from mixing 0-based page indexes with 1-based page numbers.

Connection refused usually means Docker MySQL is stopped or the port is not 3308. For auth issues, confirm you are using email (not username) on the login form.

  • Read the first error first
  • Restart after environment changes
  • Never commit .env or uploads

Try this

Search for ownership and confirm matching cards.

Test a happy path and one invalid or unauthorized request.

  • Make one small change
  • Test it in the browser
  • Compare with the next snapshot only after it works

Next: Password Reset

Comments

One comment per signed-in account. Comments are saved with this page’s URL.