til(87)

IoT플랫폼실무

< CRUD >

Create
■ layout:fragment=“content”
• 페이지마다 content 영역의 형태가 다르기 때문에 layout:fragment 사용
■ < form >
• 폼 데이터(파라미터)를 전달하기 위해 form 태그 사용
• Get: 데이터 조회를 의미
• Post: 데이터 생성을 의미
• onsubmit: 폼 데이터의 유효성 검증을 위해 사용하는 이벤트
• return: 자바스크립트는 기본적으로 return true 성질이 있으므로, return을 선언하지 않으면 바로 컨트롤러를 호출하는 문제가 있으므로 함수를 실행하기 위해 return을 선언
■ th:object
• ${board}는 컨트롤러에서 뷰 화면으로 전달한 BoardDTO 객체(인스턴스)
• th:field는 ${}가 아닌 *{}표현식을 사용
■ th:checked
• true면 checked 속성 부여
■ 저장하기
• submit 속성을 통해 이벤트 발생
■ layout:fragment=“script”
• 페이지마다 로직이 다르므로 layout:fragment 사용
■ th:inline=“javascript”
• < script >에 th:inline=“javascript”로 지정하여 자바스크립트 사용
■ < ![CDATA[]] >
• 자바스크립트 함수 사용을 위해 CDATA로 묶어 특수문자를 문자열로 처리
■ registerBoard 함수
• noticeYn과 secretYn의 체크 여부에 따라 값을 지정
• result 변수에 isValid(유효성 검사) 함수를 실행한 결과를 저장
• isValid: 필수적으로 입력되어야 하는 필드의 유효성 검사

(MySQL에 데이터가 저장된 모습)