>  기사  >  Java  >  springboot 마이크로서비스 프로젝트 통합 HTML 페이지 구현 방법

springboot 마이크로서비스 프로젝트 통합 HTML 페이지 구현 방법

WBOY
WBOY앞으로
2023-05-13 13:49:061361검색

Spring Boot 마이크로서비스 프로젝트는 일반적으로 HTML 페이지를 직접 통합하는 대신 REST API를 통해 서비스를 제공합니다.

Spring Boot 프로젝트에 HTML 페이지를 통합하는 경우 간단한 요약 후 다음과 같은 일반적인 방법을 사용할 수 있습니다.

  • **Thymeleaf: **Thymeleaf는 확장 가능한 웹 및 독립 환경을 생성하기 위한 도구입니다. Java 템플릿 엔진 XML/HTML/텍스트 템플릿용. Spring Boot와 쉽게 통합되고 사용이 간편하며 템플릿 상속 및 표현 언어와 같은 기능을 지원합니다.

  • **FreeMarker: **FreeMarker는 동적 HTML, XML, JSON, JavaScript, CSS 및 기타 파일 생성을 지원하는 템플릿 기반 뷰 렌더링 엔진입니다. 또한 Spring Boot와 쉽게 통합될 수 있고 사용이 간편하며 템플릿 상속 및 사용자 지정 지시문과 같은 기능을 지원합니다.

  • **JSP: **JSP는 Java 기술을 기반으로 하는 동적 웹 개발 기술로, Java 코드를 쉽게 삽입하고 HTML 페이지를 생성할 수 있습니다. Spring Boot와도 통합할 수 있지만 종속성 및 플러그인에 대한 추가 구성이 필요합니다.

예를 들어 Thymeleaf를 사용하기로 선택한 경우 다음 단계를 따를 수 있습니다.

1 pom.xml에 다음 종속성을 추가합니다.

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

2 application.properties에 다음 구성을 추가합니다. 2.1 Thymeleaf 템플릿 파일이 있는 경로 구성

spring.thymeleaf.prefix=classpath:/templates/

2.2 Thymeleaf 템플릿 파일의 접미사 이름 구성

spring.thymeleaf.suffix=.html

2.3 Thymeleaf 템플릿 파일의 문자 집합 구성

spring.thymeleaf.encoding=UTF-8

2.4 캐싱 켜기

spring.thymeleaf.cache=true

3, 생성 src/main/resources의 HTML 템플릿 파일

/templates 디렉터리에 HTML 템플릿 파일을 생성하고 Thymeleaf 태그를 사용하여 동적 데이터 바인딩 및 조건부 렌더링과 같은 작업을 수행합니다.

예를 들어 다음은 간단한 HTML 템플릿 파일 index.html입니다.

<!DOCTYPE html>
<html>
<head>
    <title>Spring Boot + Thymeleaf</title>
</head>
<body>
    <h2>Welcome to Spring Boot</h2>
    <p th:text="${message}">This is a placeholder text.</p>
</body>
</html>

4, 컨트롤러 생성

Spring Boot 애플리케이션의 컨트롤러에서 @GetMapping 주석을 사용하여 ModelAndView 개체, 그리고 템플릿 파일 이름과 동적 데이터를 ModelAndView 개체에 전달합니다.

예를 들어 다음은 간단한 컨트롤러 클래스 HomeController입니다.

@Controller
public class HomeController {
    
    @GetMapping("/")
    public ModelAndView index() {
        ModelAndView modelAndView = new ModelAndView("index");
        modelAndView.addObject("message", "Hello, world!");
        return modelAndView;
    }
    
}

이런 방식으로 브라우저에서 http://localhost:8080을 방문하면 렌더링된 HTML 페이지를 볼 수 있습니다.

간단히 설명하기 위해 또 다른 FreeMarker 예를 들어보겠습니다.

Spring Boot를 사용하여 웹 애플리케이션을 구축할 때 FreeMarker를 템플릿 엔진으로 사용하여 HTML 페이지를 렌더링할 수 있습니다. FreeMarker는 템플릿을 정의하여 HTML과 같은 문서를 생성할 수 있는 오픈 소스 Java 템플릿 엔진입니다. 다음은 Spring Boot 프로젝트에 FreeMarker를 통합하는 몇 가지 일반적인 방법입니다.

5, 종속성을 추가합니다.

프로젝트의 pom.xml 파일에 FreeMarker 종속성을 추가합니다.

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

6, 애플리케이션에서 뷰 파서를 구성합니다

. Spring Boot가 뷰를 구문 분석하기 위해 FreeMarker를 템플릿 엔진으로 사용하도록 속성 파일에 다음 구성을 적용합니다.

spring.mvc.view.prefix=/WEB-INF/views/
spring.mvc.view.suffix=.ftl

7. 템플릿 파일을 만듭니다.

src/main/resources/templates 디렉터리에 .ftl 파일을 만듭니다. 이는 HTML 페이지를 렌더링하는 데 사용됩니다. 템플릿 파일에서는 FreeMarker의 템플릿 언어를 사용하여 HTML 페이지의 콘텐츠를 정의합니다.

예를 들어, 다음은 "Hello World"가 포함된 HTML 페이지를 렌더링하는 간단한 템플릿 파일입니다.

<!DOCTYPE html>
<html>
<head>
    <title>Hello World</title>
</head>
<body>
    <h2>${message}</h2>
</body>
</html>

위 템플릿에서 ${message}는 실제 값으로 대체됩니다. Java 코드의 모델을 사용하여 이 값을 설정할 수 있습니다.

8, 컨트롤러 생성

Spring Boot 애플리케이션에서 컨트롤러를 생성하여 HTTP 요청을 처리하고 템플릿의 이름과 모델을 반환합니다. 다음은 샘플 컨트롤러입니다.

@Controller
public class HomeController {
    @GetMapping("/")
    public String home(Model model) {
        model.addAttribute("message", "Hello World!");
        return "home";
    }
}

위의 예에서 컨트롤러는 템플릿 파일의 이름으로 사용될 "home" 문자열을 반환합니다. 또한 "message"라는 속성과 "Hello World!" 값을 포함하는 모델을 뷰에 추가합니다.

다음은 Spring Boot 프로젝트에서 FreeMarker를 템플릿 엔진으로 사용하는 몇 가지 일반적인 방법입니다. FreeMarker를 사용하면 조건문, 반복자 및 매크로와 같은 고급 기능을 사용하여 생성된 HTML 페이지를 더 효과적으로 제어할 수도 있습니다.

위 내용은 springboot 마이크로서비스 프로젝트 통합 HTML 페이지 구현 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 yisu.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제