자 언제까지나 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로 이동하면 나오는 메시지 입니다.
자 이제 화면을 한번 볼까요?
잘 나왔네요!
다음은 이름을 넣으면 다음 페이지에 나올 수 있는 형태로 가볼까요?
'Project > 친구 생일파티 해주기' 카테고리의 다른 글
[springBoot] 링크이동 (0) | 2024.05.21 |
---|---|
[springBoot] 화면 꾸미기 css, animation (0) | 2024.05.19 |
[springBoot] 이름 전달하기 (0) | 2024.05.18 |
[springBoot] 프로젝트 파일 구성하기 (0) | 2024.05.18 |
[springBoot] intelliJ에서 spring boot 시작하기 (0) | 2024.05.17 |