Spring 활용 웹 개발

Spring.io

4.15.1 버전 2번째 파일 다운로드

SpringToolSuite4 메모장으로 열어서 아래 숫자 바꿔줌

-Xms2048m

-Xmx4096m

 

Spring 이용시 주의 : 띄워쓰기도 다 문자열로 인식하기 때문에 조심할 것.

 

Spring 이용하여 page 이동

Controller class로 생성

기본 package인 com.study.test 안에 다른 클래스 만들어야 작동 됨!!

(기본적으로 내부에서 자동으로 해주는 것들이 많아서)

 

 

Spring 페이지 이동

 

Controller class에 어노테이션으로 @Controller 적어주기!

@Controller : 해당 클래스가 컨트롤러 역할을 하는 클래스임을 지정

이클립스 웹 개발에서 Controller에서 if문으로 실행문 작성했던 것들을 메소드로 대체함.

@GetMapping("/test") : if문에서 조건 command.equals("/") 의 역할 해주는 것.

return : "메소드 실행 후 찾아갈 페이지" : 페이지 이동 (확장자 쓰지 말기)

이동 페이지는 template 안의 html 파일을 찾아가는 것.

 

프로젝트 생성 후 첫 run은 TestApplication 페이지에서 할 것 (TestApplication에 메인 메소드 있기 때문)

실행 후 자동으로 인터넷 창 실행 안 됨.

수동으로 인터넷 주소창에 localhost:8080/test 

> 이클립스의 톰캣 8080으로 설정했기 때문에 충돌됨

application.properties에 아래 내용 추가

Spring에서는 사용하는 port 8081로 바꿔줌

수동으로 인터넷 주소창에 localhost:8081/test

test 의미 :  controller에 있는 @GetMapping("/test")의 test

 

thymeleaf : 보여질 화면 그림 (이클립스 jsp 역할)

보여진 화면 새로고침 하면 바로 적용될 수 있게 아래 내용 추가

Spring에서는 톰캣 내장되어 있어서 다시 run할 때

프로젝트 🟥 종료 후, 옆에 ✖ 표시까지 한번 더 눌러준 후 run

 

**port변경 및 thymeleaf 바로 적용 내용은 앞으로 모든 프로젝트 생성시 application.properties에 추가.

 

@RequestMapping : /board라고 시작되는 요청은 다 받음

이클립스의 (/*.bo)와 같은 느낌

a 태그 사용하여 페이지 이동

form 태그 사용하여 페이지 이동

form 태그의 메소드 post일 경우 @PostMapping  사용

 

넘어오는 데이터 받는 방법

 

방법 1.

넘어오는 데이터의 input 태그의 name 속성을 매개변수로 넣어주면 된다.

이클립스와 달리 넘어오는 데이터가 숫자일 경우에 자료형 변환 작업 없이 int 매개변수로 바로 받으면 됨.

 

방법2.

넘어오는 데이터가 많은 경우 클래스(boardVO** - DTO와 같은 역할)를 만들어서 클래스 안의 변수들의 이름을

html의 넘어오는 데이터 이름과 동일하게 작성하면 데이터 다 받아온다.

데이터 출력해보면 콘솔창에서 확인 가능

**VO의 의미 : Value Object

 

 

Controller에서 html로 데이터 보내기

 

set.Attribute 대신 addAttribute 사용

 

html에서 Controller에서 보낸 데이터 뽑는 방법

 

<태그 안에 th:text="${받을 데이터 이름}">         **div태그만 되는 것X 예시임.

boardVO(커맨드 객체 : 클래스가 가진 변수 이름 = html 넘어오는 데이터 이름)는

데이터 넘기는 코드 작성하지 않아도 데이터 자동으로 넘어옴.

커맨드 객체는 데이터 자동으로 넘겨준다.

데이터 자동으로 넘어오는 것 확인 가능