×

Tạo ứng dụng web với Thymeleaf và Spring MVC trong Java

Avatar of admin
admin 0 Views

Thymeleaf và Spring MVC là hai công cụ mạnh mẽ giúp bạn xây dựng ứng dụng web với Java một cách dễ dàng và hiệu quả. Trong bài viết này, chúng ta sẽ xem xét cách kết hợp chúng để phát triển một ứng dụng web đơn giản.

Bắt đầu với Spring Boot

Spring Boot là một phần của hệ sinh thái Spring, cung cấp các công cụ và tài nguyên để khởi tạo và phát triển ứng dụng Spring một cách nhanh chóng. Đầu tiên, bạn cần tạo một dự án Spring Boot. Sau đây là các bước khởi tạo dự án:

  1. Sử dụng Spring Initializr: Đây là cách dễ dàng nhất để khởi tạo dự án Spring Boot. Truy cập Spring Initializr, sau đó điền các thông tin cần thiết như Group, Artifact, Name, và chọn các dependencies cần thiết như Spring Web, Thymeleaf.

  2. Cấu trúc dự án: Sau khi tải về dự án, giải nén file và mở dự án bằng IDE bạn ưa thích như IntelliJ IDEA hoặc Eclipse.

Thêm Thymeleaf vào dự án

Nếu bạn đã sử dụng Spring Initializr và chọn Thymeleaf, dependency này sẽ được thêm tự động vào pom.xml:

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

Nếu chưa, bạn có thể thêm thủ công như trên.

Cấu hình Application Properties

Để cấu hình ứng dụng, mở file application.properties và thêm các cấu hình cần thiết:

spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html

Tạo Controller

Spring MVC giúp bạn dễ dàng xử lý các request và response của ứng dụng. Ta sẽ tạo một controller đơn giản để hiển thị một trang web.

Tạo một lớp HomeController:

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class HomeController {

    @GetMapping("/")
    public String home(Model model) {
        model.addAttribute("message", "Chào mừng đến với ứng dụng web của bạn!");
        return "home";
    }
}

Tạo View với Thymeleaf

Tiếp theo, ta cần tạo một file HTML sử dụng Thymeleaf để hiển thị dữ liệu. Tạo một thư mục templates trong thư mục src/main/resources, sau đó tạo file home.html bên trong thư mục này:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Trang Chủ</title>
</head>
<body>
    <h1>Thông báo:</h1>
    <p th:text="${message}"></p>
</body>
</html>

Chạy ứng dụng

Cuối cùng, bạn chỉ cần chạy ứng dụng bằng cách chạy file Application.java hoặc sử dụng lệnh mvn spring-boot:run trong terminal:

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class Application {
    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }
}

Sau khi ứng dụng đã khởi động, bạn mở trình duyệt và truy cập địa chỉ http://localhost:8080/ để thấy kết quả.

Kết luận

Với những bước trên, bạn đã biết cách xây dựng một ứng dụng web cơ bản sử dụng Thymeleaf và Spring MVC trong Java. Sự kết hợp này không chỉ giúp bạn tạo ra các ứng dụng web động và linh hoạt mà còn cung cấp một môi trường phát triển mạnh mẽ và dễ dàng mở rộng. Bằng cách nắm vững các công cụ này, bạn sẽ có khả năng phát triển các ứng dụng web phức tạp hơn trong tương lai.

Comments

Bài viết liên quan