본문 바로가기
Spring Tutorial

[Spring 입문 6] 웹 MVC 개발: 회원 웹 기능- 홈

by 미소5 2023. 7. 4.

[Spring 입문 3] 회원 관리 예제 - 백엔드 개발 (tistory.com)

 

[Spring 입문 3] 회원 관리 예제 - 백엔드 개발

컨트롤러: 웹 MVC의 컨트롤러 역할서비스: 핵심 비즈니스 로직 구현리포지토리: 데이터베이스에 접근, 도메인 객체를 DB에 저장하고 관리도메인: 비즈니스 도메인 객체, 예) 회원, 주문, 쿠폰 등 

joly156.tistory.com

이어서 개발해보자!

 


  • 회원 웹 기능 - 홈 화면
package hello.hellospring.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class HomeController {
    @GetMapping("/")
    public String home() {

        return "home";
    }
}

 

  • home.html
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div class="container">
    <div>
        <h1>Hello Spring</h1>
        <p>회원 기능</p>
        <p>
            <a href="/members/new">회원 가입</a>
            <a href="/members">회원 목록</a>
        </p>
    </div>
</div> <!-- /container -->
</body>
</html>
  • <a href=URL>
    • 링크된 페이지로 이동

localhost:8080

 

 

 


 

Spring 입문2 -spring 웹 개발 기초 (tistory.com)

 

Spring 입문2 -spring 웹 개발 기초

스프링 부트가 제공하는 Welcome Page static/index.html @Controller public class HelloController { @GetMapping("hello") public String hello(Model model) { model.addAttribute("data", "sara!!"); // model(data:sara!!) return "hello"; //컨트롤러에

joly156.tistory.com

 

  • 관련 컨트롤러가 있을 경우, 컨트롤러가 정적 파일보다 우선순위가 높다. →즉, index.html은 무시되고, home.html로 이동
@GetMapping("/")
public String home() {
    return "home";
}

 

 


[Spring 입문7] 웹 MVC 개발: 회원 웹 기능- 등록 (tistory.com)

 

[Spring 입문7] 웹 MVC 개발: 회원 웹 기능- 등록

[Spring 입문 3] 회원 관리 예제 - 백엔드 개발 (tistory.com) [Spring 입문 3] 회원 관리 예제 - 백엔드 개발컨트롤러: 웹 MVC의 컨트롤러 역할서비스: 핵심 비즈니스 로직 구현리포지토리: 데이터베이스에

joly156.tistory.com

[Spring 입문 8] 웹 MVC 개발: 회원 웹 기능- 조회 (tistory.com)

 

[Spring 입문 8] 웹 MVC 개발: 회원 웹 기능- 조회

MemberController에 list추가/** 조회 기능*/@GetMapping("/members")public String list(Model model) { List members = memberService.findMembers(); model.addAttribute("members", members); return "members/memberList";} memberList.html # 이름 ..

joly156.tistory.com

 

728x90
반응형