본문 바로가기
728x90
반응형

thymeleaf32

[Spring] 스프링 타임리프 통합 - 멀티 체크박스 구현 체크 박스를 멀티로 사용해서, 하나 이상을 체크할 수 있도록 해보자. 등록 지역 - 서울, 부산, 제주 - 체크 박스로 다중 선택할 수 있다. FormItemController - 추가 // 이 컨트롤러를 호출 시 자동으로 모델어트리뷰트에 항상 담기게 된다. @ModelAttribute("regions") public Map regions() { Map regions = new LinkedHashMap(); regions.put("SEOUL", "서울"); regions.put("BUSAN", "부산"); regions.put("JEJU", "제주"); return regions; } @ModelAttribute의 특별한 사용법 등록 폼, 상세화면, 수정 폼에서 모두 서울, 부산, 제주라는 체크 박스를 .. 2023. 6. 26.
[Spring] 스프링 타임리프 통합 - 단일 체크박스 처리 hidden 자동 생성 https://drcode-devblog.tistory.com/528 [Spring] 스프링 타임리프 통합 - 단일 체크박스 처리 단순 HTML 체크 박스 resources/templates/form/addForm.html 추가 판매 여부 판매 오픈 상품이 등록되는 곳에 다음과 같이 로그를 남겨서 값이 잘 넘어오는지 확인해보자. FormItemController 추가 @PostMapping("/add") drcode-devblog.tistory.com 지난 포스팅에서는 input hidden 을 만들어서 체크박스 값을 전달했다. 개발할 때 마다 이렇게 히든 필드를 추가하는 것은 상당히 번거롭다. 타임리프가 제공하는 폼 기능을 사용하면 이런 부분을 자동으로 처리할 수 있다. 체크 박스의 기존 코드를 제거하.. 2023. 6. 26.
[Spring] 스프링 타임리프 통합 - 단일 체크박스 처리 단순 HTML 체크 박스 resources/templates/form/addForm.html 추가 판매 여부 판매 오픈 상품이 등록되는 곳에 다음과 같이 로그를 남겨서 값이 잘 넘어오는지 확인해보자. FormItemController 추가 @PostMapping("/add") public String addItem(@ModelAttribute Item item, RedirectAttributes redirectAttributes) { log.info("item.open={}", item.getOpen()); Item savedItem = itemRepository.save(item); redirectAttributes.addAttribute("itemId", savedItem.getId()); redir.. 2023. 6. 23.
[Spring] 스프링 통합 폼 - 체크박스, 라디오버튼, 셀렉트박스 사용을 위한 준비 타임리프를 사용해서 폼에서 체크박스, 라디오 버튼, 셀렉트 박스를 편리하게 사용하는 방법을 학습해보자. 기존 상품 서비스에 다음 요구사항이 추가되었다. 판매 여부 - 판매 오픈 여부 - 체크 박스로 선택할 수 있다. 등록 지역 - 서울, 부산, 제주 - 체크 박스로 다중 선택할 수 있다. 상품 종류 - 도서, 식품, 기타 - 라디오 버튼으로 하나만 선택할 수 있다. 배송 방식 - 빠른 배송 - 일반 배송 - 느린 배송 - 셀렉트 박스로 하나만 선택할 수 있다. ItemType - 상품 종류 package hello.itemservice.domain.item; public enum ItemType { BOOK("도서"), FOOD("음식"), ETC("기타"); private final String des.. 2023. 6. 23.
[Spring] 스프링부트 타임리프 입력 폼 처리 지금부터 타임리프가 제공하는 입력 폼 기능을 적용해서 기존 프로젝트의 폼 코드를 타임리프가 지원하는 기능을 사용해서 효율적으로 개선해보자. - th:object : 커맨드 객체를 지정한다. - *{...} : 선택 변수 식이라고 한다. th:object 에서 선택한 객체에 접근한다. - th:field : HTML 태그의 id , name , value 속성을 자동으로 처리해준다. 렌더링 전 렌더링 후 등록 폼 th:object 를 적용하려면 먼저 해당 오브젝트 정보를 넘겨주어야 한다. 등록 폼이기 때문에 데이터가 비어있는 빈 오브젝트를 만들어서 뷰에 전달하자 FormItemController 변경 @GetMapping("/add") public String addForm(Model model) { mo.. 2023. 6. 23.
[Spring] 타임리프 스프링 통합 타임리프는 크게 2가지 메뉴얼을 제공한다 기본 메뉴얼: https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html Tutorial: Using Thymeleaf 1 Introducing Thymeleaf 1.1 What is Thymeleaf? Thymeleaf is a modern server-side Java template engine for both web and standalone environments, capable of processing HTML, XML, JavaScript, CSS and even plain text. The main goal of Thymeleaf is to provide a www.thymeleaf.org 스프.. 2023. 6. 22.
728x90
반응형

티스토리툴바