https://ozenero.com/vuejs-springboot-crud-mariadb
In this Vue.js SpringBoot tutorial, we show you Vue.js Http Client & Spring Boot Server example that uses Spring JPA to do CRUD with MariaDB and Vue.js as a front-end technology to make request and receive response.
Technologies – Vuejs SpringBoot MariaDB
– 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 – Vue.js Spring Boot CRUD MariaDB Example
This is full-stack Architecture:
Implement Spring Boot CRUD MariaDB Server
Vue.js RestAPI CRUD Client
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, findByAge, updateCustomer.
– Configuration for Spring Datasource and Spring JPA properties in application.properties
– Dependencies for Spring Boot and MariaDB in pom.xml
Related posts
– MariaDB – How to use Spring JPA MariaDB | Spring Boot
– Vue Router example – with Nav Bar, Dynamic Route & Nested Routes
– Reactjs JWT Authentication Example
#vue #springboot #crud #mariadb