자 언제까지나 index.html에만 있을 수 없잖아요?  페이지도 이동하고 해야하고 url도 바꿔야하고~

"localhost:8080/abc "

이거 하고 싶은 분들은 아래로 따라오시고 

아직 파일구성도 못했다면...?

프로젝트 파일 구성하기

 

 

아까 만들어둔 MainController안의 내용입니다. 

저는 localhost:8080/home으로 가는것과 localhost:8080/present로 가는걸 만들었습니다. 

 

자 이제 화면을 만들어볼까요? 

우선 파일은 resouces/templates/home.html과 present.html을 만들었습니다. 

우선 home.html의 소스 코드입니다. 

javascript를 이용하여 화면을 이동시키도록 했습니다. 

'여길 눌러봐'버튼을 클릭하면 /present 로 이동시키도록 코드를 짜봤습니다. 

버튼을 클릭하면 localhost:8080/present로 이동하면 나오는 메시지 입니다. 

 

자 이제 화면을 한번 볼까요? 

잘 나왔네요! 

 

다음은 이름을 넣으면 다음 페이지에 나올 수 있는 형태로 가볼까요? 

이름 전달하기