연향동큰손

체크박스를 멀티로 사용하여 하나 이상을 체크할 수 있도록 하는 방법에 대해서 공부하였다. 우선 FormItemController에서 지역들을 담고있는 Map을 모델에 넘겨주는 작업을 해줘야한다.@ModelAttribute("regions")public Map regions(){ Map regions = new LinkedHashMap(); regions.put("SEOUL","서울"); regions.put("BUSAN","부산"); regions.put("JEJU","제주"); return regions;}@ModelAttribute를 이용하여 해당 컨트롤러를 요청할때 regions에서 반환한 값이 모델에 자동으로 담기도록 해준다.   등록 지역 ..

타임리프를 사용하면 히든필드를 개발자가 직접 추가하지 않아도 자동 처리가 가능하다.   히든필드> 판매 여부 판매 오픈   판매 여부 판매 오픈   실행결과 페이지 소스를 확인해보면 히든필드가 자동으로 추가된 것을 확인할 수 있다.

체크박스 사용 방법에 대해서 공부 해보았다.  우선 상품 판매 여부를 체크할 수 있는 체크 박스를 addForm.html에 추가하였다.판매 여부 판매 오픈   로그를 남겨서 실행후 값이 잘 넘어오는지를 확인해보면 문제점을 확인할 수 있다. 체크를 하지 않으면 null값이 넘어오는데, 이를 수정할 수 있는 방법에 대해서 공부하였다.FormItemController : item.open=true //체크 박스를 선택하는 경우FormItemController : item.open=null //체크 박스를 선택하지 않는 경우  체크 해제를 인식하기 위해서 약간의 트릭을 사용하는데판매 여부 판매 오픈 ..

타임리프와 스프링 통합으로 편리한 폼 관리가 가능하다.  th:object를 통해 폼에서 객체에 접근할 수 있도록 해줄 수 있다.  우선 컨트롤러에서 빈 오브젝트를 만들어서 뷰에 전달해줘야 한다.@GetMapping("/add")public String addForm(Model model) { model.addAttribute("item",new Item()); return "form/addForm";}   상품 수정 폼 상품 ID 상품명 가격 ..

코드 조각을 레이아웃에 넘겨서 사용하는 방법에 대해서 공부해 보았다.   메인 컨텐츠  메인 타이틀이 전달한 부분으로 교체되었고 추가 부분에 들이 포함되었다. 위에서 다룬 개념을 메인 페이지 컨텐츠 메인 페이지 포함 내용  레이아웃 H1 레이아웃 컨텐츠 레이아웃 푸터    layoutExtendMain.html이 현재 페이지인데, 자체를 th:replace를 이용해서 변경하는 것을 확인 할 수 있다.결국 laoutFile.html에 필요한 내용을 전달하면서 자체를 layoutFile.html로 변경한다.

템플릿 조각을 이용해 공통 영역을 효율적으로 처리할 수 있다. package hello.thymeleaf.basic;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.RequestMapping;@Controller@RequestMapping("/template")public class TemplateController { @GetMapping("/fragment") public String template(){ return "template/fragment/f..

타임리프 블록 사용의 간단한 예시 보고 넘어가 보자.   사용자 이름1 사용자 나이1 요약  블록 사용 방법은 로 블록을 열어주고 으로 닫아준다위 코드처럼   를 쓰면 블로 안의 코드가 반복문으로 돌아간다.

타임리프에서 조건문을 구현 가능하다. if, unless count username age 1 username 0 switch count username age 1 username 10살 20살 기타  위 코드에서 user의 나이가 20살 미만, 이하면 미성년자를 출력하게 하는 기능을 if문을 통해 구현했다. 참고) 타임리프 비교,동등 - 비교 : >,,>=,(gt,lt,ge,le)- 동등 연산..

타임리프에서 반복문을 th:each로 사용할 수 있다. 실습을 위해 List에 User객체 3명을 넣어서 Model에 담아준다.@GetMapping("/each")public String each(Model model){ addUsers(model); return "basic/each";}private void addUsers(Model model){ List list = new ArrayList(); list.add(new User("UserA",10)); list.add(new User("UserB",20)); list.add(new User("UserC",30)); model.addAttribute("users",list);}  기본 테이블 ..

타임리프는 속성값을 th:*로 지정한다.th:*로 속성을 적용하면 기존 속성을 대체한다. 속성 설정속성 추가- th:attrappend = - th:attrprepend = - th:classappend = checked 처리- checked o - checked x - checked=false   소스코드를 보면 다 th:로 대체 된것을 확인할 수 있다. th:attrappend  : 속성 값의 뒤에 값을 추가한다.th:attrprepend  : 속성 값의 앞에 값을 추가한다. th:classappend : class 속성에 자연스럽게 추가한다.   th:checked="false"위와 같이 코드를 작성하면 checked값이 false인 경우 checked 속성 자체를 제거한다.