Spring & Springboot/올인원 스프링 프레임워크

회원 관리 페이지 만들기

YJ_ma 2023. 9. 21. 23:54

컨트롤러, 메서드, 뷰 만들기

1. com.company.hello.member 패키지를 생성하고 그 아래에 MemberController 클래스를 생성한다.

2. MemberController 클래스가 컨트롤러의 역할을 할 수 있도록 @Controller를 다음과 같이 명시한다.

-  signUp() 및 signIn() 메서드를 생성한다.

- signUp()과 signIn() 메서드에 @RequestMapping을 이용해 요청 URL을 매핑한다.

package com.company.hello.member;

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

@Controller
public class MemberController {
	
	@RequestMapping("/signUp")
	public String signUp() {
		return "";
	}

	@RequestMapping("/signIn")
	public String signIn() {
		return "";
	}
}

 

3. 뷰로 사용할 jsp파일을 만든다.

[views] 폴더에서 오른쪽 마우스 클릭 > [New] - [JSP File] 선택

File name : sign_up, sign_in

각각의 생성된 sign_up.jsp와 sign_in.jsp의 <body>에 다음처럼 입력한다.


실행 결

■ sign_up.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	This page is SIGN_UP.
</body>
</html>

■ sign_In.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	This page is SIGN_IN.
</body>
</html>

 

4. MemberController의 signUp()과 signIn() 메서드의 반환 값을 각각 sign_up, sign_in으로 수정한다.

package com.company.hello.member;

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

@Controller
public class MemberController {
	
	@RequestMapping("/signUp")
	public String signUp() {
		return "sign_up";
	}

	@RequestMapping("/signIn")
	public String signIn() {
		return "sign_in";
	}
}

 

5. 정상적으로 sign_up.jsp와 sign_in.jsp가 실행되는지 확인한다.

· signUp 요청 url : localhost:8090/hello/signUp

· signIn 요청 url : localhost:8090/hello/signIn

signUp 실행 결과 signIn 실행 결과