Web Application with Spring Boot

Developing Todo Spring Boot Web Application.

Navigation - HTML + Bootstrap

<nav class="navbar navbar-expand-md navbar-light bg-light mb-3 p-1">
	<a class="navbar-brand m-1" href="https://udemy.com">Udemy</a>
	<div class="collapse navbar-collapse">
		<ul class="navbar-nav">
			<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
			<li class="nav-item"><a class="nav-link" href="/list-todos">Todos</a></li>
		</ul>
	</div>
	<ul class="navbar-nav">
		<li class="nav-item"><a class="nav-link" href="/logout">Logout</a></li>
	</ul>	
</nav>

Docker

Launch MySQL using Docker

docker run --detach --env MYSQL_ROOT_PASSWORD=dummypassword --env MYSQL_USER=todos-user --env MYSQL_PASSWORD=dummytodos --env MYSQL_DATABASE=todos --name mysql --publish 3306:3306 mysql:8-oracle

application.properties configuration

#spring.datasource.url=jdbc:h2:mem:testdb

spring.jpa.hibernate.ddl-auto=update
spring.datasource.url=jdbc:mysql://localhost:3306/todos
spring.datasource.username=todos-user
spring.datasource.password=dummytodos
spring.jpa.properties.hibernate.dialect=org.hibernate.dialect.MySQL8Dialect

#todos-user@localhost:3306

mysqlsh commands

mysqlsh
\connect todos-user@localhost:3306
\sql
use todos
select * from todo;
\quit

Docker Commands

docker container ls
docker container stop ID

Installation

https://dev.mysql.com/doc/mysql-shell/8.0/en/mysql-shell-install.html

Spring Security

@Configuration
public class SecurityConfiguration {
    @Bean
    public InMemoryUserDetailsManager userDetailsService() {
    	
    	Function<String, String> encoder = input -> passwordEncoder().encode(input);
		
    	UserDetails user = User.builder().passwordEncoder(
    			encoder
    			)
            .username("in28minutes")
            .password("dummy")
            .roles("USER")
            .build();
        return new InMemoryUserDetailsManager(user);
    }
    
    @Bean
    public PasswordEncoder passwordEncoder() {
        return new BCryptPasswordEncoder();
    } 
}

Todo

• Future: Lombok
• Future: My favorite Eclipse shortcuts ctrl 1, ctrl space and ctrl shift o (ctrl c and ctrl v), ctrl shift r and ctrl shift t, ctrl click to see the source! Practice, Practice and Practice
• Future: Which Java Version to Use?
• Future: Spring Boot Feature Lectures
  • Future: Understand Spring Boot Project Structure!
  • Future: Spring Annotations - Component, Controller, Repository, Service, Configuration, Bean
• Future: Topical Videos (HTML, JS, CSS, JSTL, Spring Tags)

Step Wise Details

• Step 01 - Creating Spring Boot Web Application with Spring Initializr
• Step 02 - Quick overview of Spring Boot Project
• Step 03 - First Spring MVC Controller, @ResponseBody, @Controller
• Step 04 - Enhancing Spring MVC Controller to provide HTML response
• Step 05 - Redirect to a JSP using Spring Boot - Controller, @ResponseBody and View Resolver
• Step 06 - Exercise - Creating LoginController and login view
• Step 07 - Quick Overview - How does web work - Request and Response
• Step 08 - Capturing QueryParams using RequestParam and First Look at Model
• Step 09 - Quick Overview - Importance of Logging with Spring Boot
• Step 10 - Understanding DispatcherServlet, Model 1, Model 2 and Front Controller
• Step 11 - Creating a Login Form
• Step 12 - Displaying Login Credentials in a JSP using Model
• Step 13 - Add hard-coded validation of userid and password
• Step 14 - Getting started with Todo Features - Creating Todo and TodoService
• Step 15 - Creating first version of List Todos Page
• Step 16 - Understanding Session vs Model vs Request - @SessionAttributes
• Step 17 - Adding JSTL to Spring Boot Project and Showing Todos in a Table
• Step 18 - Adding Bootstrap CSS framework to Spring Boot Project using webjars
• Step 19 - Formatting JSP pages with Bootstrap CSS framework
• Step 20 - Lets Add a New Todo - Create a new View
• Step 21 - Enhancing TodoService to add the todo
• Step 22 - Adding Validations using Spring Boot Starter Validation
• Step 23 - Using Command Beans to implement New Todo Page Validations
• Step 24 - Implementing Delete Todo Feature - New View
• Step 25 - Implementing Update Todo - 1 - Show Update Todo Page
• Step 26 - Implementing Update Todo - 1 - Save changes to Todo
• Step 27 - Adding Target Date Field to Todo Page
• Step 28 - Adding a Navigation Bar and Implementing JSP Fragments
• Step 29 - Preparing for Spring Security
• Step 30 - Setting up Spring Security with Spring Boot Starter Security
• Step 31 - Configuring Spring Security with Custom User and Password Encoder
• Step 32 - Refactoring and Removing Hardcoding of User Id
• Step 33 - Setting up a New User for Todo Application
• Step 34 - Adding Spring Boot Starter Data JPA and Getting H2 database ready
• Step 35 - Configuring Spring Security to Get H2-console Working
• Step 36 - Making Todo an Entity and Population Todo Data into H2
• Step 37 - Creating TodoRepository and Connecting List Todos page from H2 database
• Step 38 - Connecting All Todo App Features to H2 Database
• Step 39 - OPTIONAL - Overview of Connecting Todo App to MySQL database
• Step 40 - OPTIONAL - Installing Docker
• Step 41 - OPTIONAL - Connecting Todo App to MySQL database

Key Achievements:

• Implemented user authentication and authorization with Spring Security, ensuring a secure and personalized user experience.
• Created a user-friendly interface for managing tasks, incorporating features such as task prioritization, due dates, and categorization.
• Utilized Spring MVC for effective control over the application's behavior, integrating Thymeleaf for dynamic and responsive views.
• Established a connection to an H2 database, allowing seamless storage and retrieval of task data.
• Integrated Bootstrap CSS for a polished and modern user interface, enhancing the application's visual appeal.
• Demonstrated proficiency in Model-View-Controller (MVC) architecture, DispatcherServlet, and front controller concepts.
• Implemented robust validation mechanisms using Spring Boot Starter Validation for data integrity.
• Explored optional steps for database connectivity, including MySQL, and provided insights into Docker usage.

This project showcases a comprehensive understanding of Spring Boot, web development, and database integration, highlighting skills in Java, Spring Boot, MVC architecture, and front-end technologies.