Kotlin + Spring Boot + Thymeleaf + JPA CRUD example

Hello everyone, Today we will learn how to develop a Kotlin + Spring Boot CRUD web application, using Thymeleaf view, H2DB, and Spring Data JPA.GitHub repository link is provided at the end of this tutorial. You can download the source code.


User Interface


Technologies used :

  • Spring Boot 2.3.7.RELEASE
  • Spring  5.2.12.RELEASE
  • Kotlin 2.11.3
  • Thymeleaf 5.3.0.11.RELEASE
  • Hibernate 5.4.25.Final
  • H2DB
  • Maven 3
  • Java 8

After completing this tutorial what we will build? 

We will build a full-stack web application that is a basic User Management Application with CRUD features: 
  • Create User  
  • List User  
  • Update User  
  • Delete User

Project Structure


Maven[pom.xml]

A Project Object Model or POM is an XML file that contains information about the project and configuration details used by Maven to build the project.
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" 
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 
https://maven.apache.org/xsd/maven-4.0.0.xsd">
   <modelVersion>4.0.0</modelVersion>
   <parent>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-parent</artifactId>
      <version>2.3.7.RELEASE</version>
      <relativePath/> <!-- lookup parent from repository -->
   </parent>
   <groupId>com.knf.dev</groupId>
   <artifactId>kotlin_springb_h2db_thymeleaf_crud</artifactId>
   <version>0.0.1-SNAPSHOT</version>
   <name>kotlin_springb_h2db_thymeleaf_crud</name>
   <description>Demo project for Spring Boot</description>

   <properties>
      <java.version>1.8</java.version>
      <kotlin.version>1.3.72</kotlin.version>
   </properties>

   <dependencies>
      <dependency>
         <groupId>org.springframework.boot</groupId>
         <artifactId>spring-boot-starter-data-jpa</artifactId>
      </dependency>
      <dependency>
         <groupId>org.springframework.boot</groupId>
         <artifactId>spring-boot-starter-thymeleaf</artifactId>
      </dependency>
      <dependency>
         <groupId>org.springframework.boot</groupId>
         <artifactId>spring-boot-starter-web</artifactId>
      </dependency>
      <dependency>
         <groupId>com.fasterxml.jackson.module</groupId>
         <artifactId>jackson-module-kotlin</artifactId>
      </dependency>
      <dependency>
         <groupId>org.jetbrains.kotlin</groupId>
         <artifactId>kotlin-reflect</artifactId>
      </dependency>
      <dependency>
         <groupId>org.jetbrains.kotlin</groupId>
         <artifactId>kotlin-stdlib-jdk8</artifactId>
      </dependency>
      <dependency>
         <groupId>com.h2database</groupId>
         <artifactId>h2</artifactId>
         <scope>runtime</scope>
      </dependency>
      <dependency>
         <groupId>org.springframework.boot</groupId>
         <artifactId>spring-boot-starter-test</artifactId>
         <scope>test</scope>
         <exclusions>
            <exclusion>
               <groupId>org.junit.vintage</groupId>
               <artifactId>junit-vintage-engine</artifactId>
            </exclusion>
         </exclusions>
      </dependency>
   </dependencies>
   <build>
      <sourceDirectory>${project.basedir}/src/main/kotlin</sourceDirectory>
<testSourceDirectory>${project.basedir}/src/test/kotlin</testSourceDirectory>
      <plugins>
         <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
         </plugin>
         <plugin>
            <groupId>org.jetbrains.kotlin</groupId>
            <artifactId>kotlin-maven-plugin</artifactId>
            <configuration>
               <args>
                  <arg>-Xjsr305=strict</arg>
               </args>
               <compilerPlugins>
                  <plugin>spring</plugin>
                  <plugin>jpa</plugin>
               </compilerPlugins>
            </configuration>
            <dependencies>
               <dependency>
                  <groupId>org.jetbrains.kotlin</groupId>
                  <artifactId>kotlin-maven-allopen</artifactId>
                  <version>${kotlin.version}</version>
               </dependency>
               <dependency>
                  <groupId>org.jetbrains.kotlin</groupId>
                  <artifactId>kotlin-maven-noarg</artifactId>
                  <version>${kotlin.version}</version>
               </dependency>
            </dependencies>
         </plugin>
      </plugins>
   </build>
</project>


Creating the Entity[User.kt]

The @Entity annotation specifies that the class is an entity and is mapped to a database table. The @Id annotation specifies the primary key of an entity and the @GeneratedValue provides for the specification of generation strategies for the values of primary keys.

package com.knf.dev.entity

import javax.persistence.*

@Entity
@Table(name = "user")
data class User(

@Id @GeneratedValue(strategy = GenerationType.AUTO)
val id: Long = 0,
val firstName: String,
val lastName: String,
val email: String
)


Creating the Repository[UserRepository.kt]

@Repository annotation is used to indicate that the class provides the mechanism for storage, retrieval, search, update and delete operation on objects.
package com.knf.dev.repository

import com.knf.dev.entity.User
import org.springframework.data.jpa.repository.JpaRepository
import org.springframework.stereotype.Repository

@Repository
interface UserRepository : JpaRepository<User, Long>


Creating the controller End-points[UserController.kt]

The @RestController annotation was introduced in Spring 4.0 to simplify the engendering of RESTful web services. It's a convenience annotation that combines @Controller and @ResponseBody. @RequestMapping annotation maps HTTP requests to handler methods of MVC and REST controllers.
package com.knf.dev.controller

import com.knf.dev.entity.User
import com.knf.dev.repository.UserRepository
import org.springframework.http.HttpStatus
import org.springframework.http.MediaType
import org.springframework.http.ResponseEntity
import org.springframework.stereotype.Controller
import org.springframework.web.bind.annotation.*
import org.springframework.ui.Model
import org.springframework.web.bind.annotation.GetMapping
import java.util.*
import org.springframework.web.bind.annotation.PathVariable


@Controller
class UserController(private val userRepository: UserRepository) {

@GetMapping("/")
fun getAllUsers(model: Model): String? {
val list: List<User> = userRepository.findAll()
model.addAttribute("users", list)
return "list-users"
}

@PostMapping(path = arrayOf("/createUser"))
fun createNewUser(@ModelAttribute user: User): String {
userRepository.save(user)
return "redirect:/";
}

@GetMapping(path = ["/add"])
fun addUserById(): String? {
return "add-user"
}

@GetMapping(path = ["/edit/{id}"])
fun editUserById(model: Model, @PathVariable("id") id: Long): String? {
model.addAttribute("user", userRepository.findById(id))
return "edit-user"
}

@PostMapping(path = ["/editUser"])
fun editUser(@ModelAttribute user: User): String? {
userRepository.save(user)
return "redirect:/"
}

@GetMapping(path = ["/delete/{id}"])
fun deleteUserById(@PathVariable("id") id: Long): String? {
userRepository.deleteById(id)
return "redirect:/"
}
}

Spring Boot Main

The @SpringBootApplication annotation is a convenience annotation that combines the @EnableAutoConfiguration, @Configuration and the @ComponentScan annotations.
package com.knf.dev

import org.springframework.boot.autoconfigure.SpringBootApplication
import org.springframework.boot.runApplication

@SpringBootApplication
class KotlinSpringbH2DBThymeleafApplication

fun main(args: Array<String>) {
runApplication<KotlinSpringbH2DBThymeleafApplication>(*args)
}


application.properties

spring.h2.console.enabled=true
spring.h2.console.path=/h2_console
spring.datasource.url=jdbc:h2:file:~/h2/knf-test
spring.datasource.username=sa
spring.datasource.password=
spring.datasource.driverClassName=org.h2.Driver
spring.jpa.hibernate.ddl-auto = update
spring.jpa.show-sql=true

add-user.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Add User</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="all" href="../../
bootstrap.min.css" th:href="@{/bootstrap.min.css}"/>
<link rel="stylesheet" href="https://use.fontawesome.com
/releases/v5.4.1/css/all.css">
</head>

<body>
<div class="container my-5">
<h3>Add User</h3>
<div class="card">
<div class="card-body">
<div class="col-md-10">
<form action="#" th:action="@{/createUser}" th:object="${user}"
method="post">
<div class="row">
<div class="form-group col-md-8">
<label for="firstName" class="col-form-label">
First Name</label>
<input type="text" name="firstName"
class="form-control" id="firstName"
placeholder="First Name"
/>
</div>
<div class="form-group col-md-8">
<label for="lastName" class="col-form-label">
Last Name</label>
<input type="text" name="lastName"
class="form-control" id="lastName"
placeholder="Last Name"/>
</div>
<div class="form-group col-md-8">
<label for="email" class="col-form-label">Email</label>
<input type="text" name="email"
class="form-control" id="email"
placeholder="Email Id"/>
</div>
<div class="col-md-6">
<input type="submit" class="btn btn-success"
value=" Submit ">
</div>
<input type="hidden" id="id">
</div>
</form>
</div>
</div>
</div>
</div>
</body>
</html>


edit-user.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Add User</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="all" href="../../
bootstrap.min.css" th:href="@{/bootstrap.min.css}"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/
v5.4.1/css/all.css">
</head>

<body>
<div class="container my-5">
<h3>Update User</h3>
<div class="card">
<div class="card-body">
<div class="col-md-10">
<form action="#" th:action="@{/editUser}" th:object="${user}"
method="post">
<div class="row">
<div class="form-group col-md-8">
<label for="firstName" class="col-form-label">
First Name</label>
<input type="text" th:field="*{firstName}"
class="form-control" id="firstName"
placeholder="First Name"
/>
</div>
<div class="form-group col-md-8">
<label for="lastName" class="col-form-label">
Last Name</label>
<input type="text" th:field="*{lastName}"
class="form-control" id="lastName"
placeholder="Last Name"/>
</div>
<div class="form-group col-md-8">
<label for="email" class="col-form-label">Email</label>
<input type="text" th:field="*{email}"
class="form-control" id="email"
placeholder="Email Id"/>
</div>
<div class="col-md-6">
<input type="submit" class="btn btn-success"
value=" Submit ">
</div>
<input type="hidden" th:field="*{id}" id="id">
</div>
</form>
</div>
</div>
</div>
</div>
</body>
</html>

list-users.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>All Users</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="all"
href="../../bootstrap.min.css" th:href="@{/bootstrap.min.css}" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases
/v5.4.1/css/all.css">
</head>

<body>
<div class="container my-2">
<div class="card">
<div class="card-body">
<div th:switch="${users}" class="container my-5">
<p class="my-5">
<a href="/add" class="btn btn-success">
<i class="fas fa-user-plus ml-2"> Add User </i></a>
</p>
<div class="col-md-10">
<h2 th:case="null">No record found !!</h2>
<div th:case="*">
<table class="table table-striped table-responsive-md">
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Email</th>
<th>Edit</th>
<th>Delete</th>
</tr>
</thead>
<tbody>
<tr th:each="user : ${users}">
<td th:text="${user.firstName}"></td>
<td th:text="${user.lastName}"></td>
<td th:text="${user.email}"></td>
<td><a th:href="@{/edit/{id}(id=${user.id})}"
class="btn btn-warning"> <i
class="fas fa-user-edit ml-2"></i>
</a></td>
<td><a th:href="@{/delete/{id}(id=${user.id})}"
class="btn btn-danger"> <i
class="fas fa-user-times ml-2"></i>
</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

Run 

Github repository download link is provided at the end of this tutorial

Local Setup:

Step 1: Download or clone the source code to a local machine.

Spring Boot - Backend Project Setup

Step 2: mvn clean install

Step 3: Run the Spring Boot application
mvn spring-boot:run

 Download source code

git clone: 


More Kotlin Examples,

Popular posts from this blog

Spring boot video streaming example-HTML5

Image
Hello everyone, Today we will learn how to stream MP4 video using Spring Boot and Spring Web Flux.  The Source code download link is provided at the end of this post. New, Quarkus Practice User Interface   Project Structure: G radle(build.gradle) plugins { id 'org.springframework.boot' version '2.5.4' id 'io.spring.dependency-management' version '1.0.11.RELEASE' id 'java' } group = 'com.knf.demo' version = '0.0.1-SNAPSHOT' sourceCompatibility = '11' repositories { mavenCentral() } dependencies { implementation 'org.springframework.boot:spring-boot-starter-webflux' testImplementation 'org.springframework.boot:spring-boot-starter-test' testImplementation 'io.projectreactor:reactor-test' } test { useJUnitPlatform() } Service (VideoStreamingService.java) package  com.knf.demo.service ; import org.springframework.beans.factory.annotation. Autowired ; import org.springframew
Read more

Learn Java 8 streams with an example - print odd/even numbers from Array and List

Example 1: Java 8 program to print odd numbers from a List import java.util.Arrays; import java.util.List; import java.util.stream.Collectors; /*Java 8 Program to find Odd Numbers from a List*/ public class DriverClass { public static void main( String [] args) { List < Integer > numbers = Arrays. asList( 1 , 4 , 8 , 40 , 11 , 22 , 33 , 99 ); List < Integer > oddNumbers = numbers.stream(). filter(o -> o % 2 != 0 ). collect(Collectors.toList()); System.out.println(oddNumbers); } } Example 2: Java 8 program to print even numbers from a List import java.util.Arrays; import java.util.List; import java.util.stream.Collectors; /*Java 8 Program to find Even Numbers from a List*/ public class DriverClass { public static void main( String [] args) { List < Integer > numbers = Arrays.
Read more

Spring Boot + Mockito simple application with 100% code coverage

Image
In this article, we will show you a simple  Spring Boot example to demonstrate test methods for Controllers, Service, and Repository, And code coverage analysis using the EclEmma plugin. Technologies used: Spring Boot 2.6.4 Mockito 3.11.2 Maven 3+ EclEmma plugin Junit 5 Java 17 A quick overview of  Spring Boot, Mockito, and EclEmma plugin Spring boot: Spring boot to develop REST web services and microservices. Spring Boot has taken the Spring framework to the next level. It has drastically reduced the configuration and setup time required for spring projects. We can set up a project with almost zero configuration and start building the things that actually matter to your application. Mockito: Mockito is a mocking framework, a JAVA-predicated library that is utilized for efficacious unit testing of JAVA applications. Mockito is utilized to mock interfaces so that a dummy functionality can be integrated into a mock interface that can be utilized in unit testing. EclEmma : E
Read more

Spring Boot + OpenCSV Export Data to CSV Example

Image
Hello everyone, today we will learn how to export and download the data as a CSV file in a Spring Boot project. CSV stands for Comma-Separated-Values and it's a common format for doing a bulk data transfer between systems. For creating and parsing CSV files, we will use OpenCSV 3rd-party library. Technologies used  Spring Boot OpenCSV Spring Data JPA H2DB Maven Project directory Maven[pom.xml] A Project Object Model or POM is the fundamental unit of work in Maven. It is an XML file that contains information about the project and configuration details utilized by Maven to build the project. It contains default values for most projects. Some of the configurations that can be designated in the POM is the project dependencies, the plugins or goals that can be executed, the build profiles, and so on. Other information such as the project version, description, developers, mailing lists, and such can withal be designated. <?xml version = "1.0" encoding = "UTF-8"
Read more

Custom Exception Handling in Quarkus REST API

Image
Hello everyone, In this article, we will learn how to handle exceptions in the Quarkus REST application using ExceptionMapper interface implementations. ExceptionMapper is a contract for a provider that will map a thrown application exception to a Response object. More related topics, Quarkus + Angular 10 + MongoDB CRUD Example Quarkus + React JS + MongoDB CRUD Example Quarkus + Vue.js + MongoDB CRUD Example Build Reactive CRUD APIs With Quarkus, MongoDB, and Panache We will show you custom exception handling with the help of a simple application, Project Directory: application.properties knowledgefactory.custom.error.msg.usernotfound = User not found knowledgefactory.custom.error.msg.badrequest.numeric = User Id must be numeric Create Error Message: package org.knf.dev.demo.exception; public class ErrorMessage { private String message; private Boolean status; public String getMessage() { return message; } public void setMessage( String message)
Read more

DataTable-Pagination example with Spring boot, jQuery and ajax

Image
Hello everyone, Today we will show you the DataTable-Pagination example with Spring boot, jQuery, and ajax. The link to download the source code is provided at the end of this tutorial. More practice: Spring Boot - Spring Security -Google OAuth2 Login - Example Registration and Login with Spring Boot + Spring Security + Thymeleaf Spring Boot-Authentication and Authorization with Spring Security & JWT Kotlin - Spring Security -Google OAuth2 Login - Example Following technologies stack being used: Spring Boot 2.5.5 Java 11 Maven 3 Datatable jQuery javascript ajax Project Structure: pom.xml POM stands for project object model. It's the fundamental unit of work in Maven. It is an XML file that contains information about the project and configuration details used to build the project. It downloads required libraries easily using POM XML tags. <?xml version = "1.0" encoding = "UTF-8" ?> <project xmlns = "http://maven.a
Read more

Registration and Login with Spring Boot + Spring Security + Thymeleaf

Image
Hello everyone, I hope you all are well, today we will learn how to create user registration and login using Spring boot,  Spring security,  Thymeleaf, JPA, and H2DB. GitHub repository link is provided at the end of this tutorial. You can download the source code. Technologies used: Spring Boot  makes developing the web applications and microservices with Spring Framework faster and easier through three core capabilities: 1.  Autoconfiguration 2. An opinionated approach to configuration 3. The ability to create standalone applications Spring Security  is a Java/Java EE framework that provides authentication, authorization, and other security features for enterprise applications. Thymeleaf is a modern server-side Java template engine for both web and standalone environments. Maven  is a build automation tool used primarily for Java projects. Maven can also be used to build and manage projects written in C#, Ruby, Scala, and other languages. Java 11  is a major feature release of JAVA p
Read more

Node JS mini projects with source code - free download

Image
Project 1: User Management Application - Using Node JS, Angular 10 and MongoDB Technologies used: Node JS Angular 10 MongoDB Express For more information and   download   source code please   click here Project 2: User Management Application - Using Node JS, Vue.js, and MongoDB Technologies used: Node JS Vue.js MongoDB Express For more information and  download   source code please   click here Project 3: User Management Application - Node JS, React JS, and MongoDB Technologies used: Node JS React JS MongoDB Express For more information and   download   source code please   click here Project 4: Node JS: Authentication and Authorization with JWT in Express.js What is JSON Web Token? JSON Web Tokens (JWT) have been introduced as a self-contained way for securely transmitting information between parties as a JSON object.JSON Web Token (JWT) is an open standard (RFC 7519) that defines a compact. This information can be verified and trusted because it is digitally signed. JWTs can be signe
Read more

Spring boot web project free download:User Registration System

Image
Greetings from the Knowledgefactory team!!! We provide student projects, mini-projects, MVP products etc... absolutely free. Maybe you can build more on top of this project and produce your own product, that's all about you. Here we provided some links to download spring boot user registration system mini-projects. You can download the project for free. 1. User Registration system - Spring boot + Thymeleaf Objective Of Spring Boot On User Management System The main objective of this project is to manage the details of the user. Admin will manage all these activities. Functionalities Admin Login and Logout with Spring security Admin has permission to add new users, update users, view users, delete users. Technologies Used JDK 17  Spring Boot Thymeleaf Spring Security Spring MVC H2DB Maven More info and download source code - click here 2. User Registration system - Spring boot + MongoDB + Angular Objective Of Spring Boot On User Management System The main objective of this project i
Read more

Java - Blowfish Encryption and decryption Example

Image
Blowfish is a symmetric-key block cipher, designed in 1993 by Bruce Schneier and included in many cipher suites and encryption products. Blowfish provides a good encryption rate in software and no effective cryptanalysis of it has been found to date. However, the Advanced Encryption Standard (AES) now receives more attention, and Schneier recommends Twofish for modern applications. Example 1: Encryption and decryption using Blowfish import java.io.UnsupportedEncodingException; import java.nio.charset.Charset; import java.security.InvalidKeyException; import java.security.NoSuchAlgorithmException; import java.util.Base64; import javax.crypto.BadPaddingException; import javax.crypto.Cipher; import javax.crypto.IllegalBlockSizeException; import javax.crypto.NoSuchPaddingException; import javax.crypto.spec.SecretKeySpec; /** * This program demonstrates how to encrypt/decrypt * input using the Blowfish * Cipher with the Java Cryptography. */ public class BlowfishDemo { p
Read more