Spring Boot + Vue.js example | Spring Data JPA + REST + PostgreSQL CRUD
Spring Boot + Vue.js example | Spring Data JPA + REST + PostgreSQL CRUD
In this tutorial, we show you Vue.js Http Client & Spring Boot Server example that uses Spring JPA to do CRUD with PostgreSQL and Vue.js as a front-end technology to make request and receive response.
Related Posts:
- How to use Spring JPA with PostgreSQL | Spring Boot
- Vue Router example – with Nav Bar, Dynamic Route & Nested Routes
Technologies
– Java 1.8
– Maven 3.3.9
– Spring Tool Suite – Version 3.8.4.RELEASE
– Spring Boot: 2.0.5.RELEASE
- Vue 2.5.17
- Vue Router 3
- Axios 0.18.0
Overview
This is full-stack Architecture:
Demo
1. Spring Boot Server
2. Vue.js Client
Practice
1. Spring Boot Server
- Customer class corresponds to entity and table customer.
- CustomerRepository is an interface extends CrudRepository, will be autowired in CustomerController for implementing repository methods and custom finder methods.
-
CustomerController is a REST Controller which has request mapping methods for RESTful requests such as:
getAllCustomers
,postCustomer
,deleteCustomer
,
Top comments (0)