Spring Data JPA Pagination with Angular

Pagination example with Spring Data JPA and Angular.
Learn how to implement Pagination in Spring Data JPA using a Spring Boot project and Angular in the front end.

Join the Facebook Community:

Follow on:

Source Code:

Intro 0:00
Creating UI 7:00
Domain Models 17:59
Repository 27:08
Service Implementation 29:30
User Resource 34:35
Smoke Testing 40:42
Creating Angular App 49:46
Add UI Code 52:06
User Service - Part 1 55:10
User Service - Part 2 1:02:07
Application State 1:12:01
Subscribing to Observables 1:20:08
CORS Configuration 1:23:15
Working with States 1:26:04
User Table 1:37:37
Page Number 1:45:38
Changing Pages 1:54:32
Next & Previous 2:04:38
Disable Button Logic 2:11:53
Selected Page Number 2:18:00
Search Users 2:21:30

[ChandlerBing]

That's awesome having you back! Great content

[danielruiz]

thank you so much!
The tutorial is so good, that you can use the api that you already had built and integrate it with angular following steps similar to yours.

[joaoluis]

A learn a lot and it help me to a real project :-)
Thanks a lot 🙂

[AmineCcht]

Hi, from Morocco, the tutorial is helpful & interesting.

[senalsarr]

Merci Nelson de amigosCode de m'avoir fait découvrir Junior.
Merci Junior.

[treeteqs]

this is a very smart way to do a tuturial, nice work bro...

[maidang]

Thank for sharing! Nice content! Hope you share more!

[OLIVR_YT]

Just found your channel. Awesome content, subscribed!

[hcrnn]

brilliant man..some react will do too...future ideas as more people know react

[CuchitoCode]

Amazing content Junior! Thank you so much!

[faisalaleissa]

Thank you very much vor the video it is really helpful

[magadiflo-dev]

I wanted to let you know that I have followed your tutorial, and the content is excellent. I was able to replicate the example you demonstrated using Angular 17 and Spring Boot 3. Additionally, I have made some modifications for scenarios with a large number of users, for example, 300 users or more. In such cases, I added pagination to prevent the page numbers from overflowing.

I would like to share the repository where I have hosted the code with my modifications, and I would greatly appreciate your feedback to see if the changes meet your approval.

Best regards.

[daljeetsingh]

Bro please make more videos like this Thanks for the amazing tutorial

[joaoluis]

In a more complex project don't forget to send back a Page of dto not entities 🙂

[trevormontgomery]

Would love an in depth RxJS course with Observeable and operators, and also maybe subscription as a whole

[saavinash]

Up until 1:41:56 all the things works but the image is not displaying in the web page. Image urls and also other things also correct, Do you know why is it? And also no error is displayed in the console.

[arunprasad]

what if i am having 300 users the number will be too long how to fix that it will display 1 to 30

[CL-ypej]

Any tutorials for caching data? I really hope to understand how to solve this caching problem. Thanks

[dagnogoyaya]

Is it possible to have a video that explains navigation with routes in angular please ! Merci

[arunprasad]

one doubt bro i have total users of 36 so i want to display 10 per page but its not coming in the last page i.e on the 3rd page it shows 10 users where in my backend i am having 6 only then when i click 2 or 1 its fetching 6 per page