[JAVA]JSP로 회원관리 웹 애플리케이션 만들기

✨ UI/🖤 View Templates

[JAVA]JSP로 회원관리 웹 애플리케이션 만들기

뉴이 NUEY 2025. 2. 28. 16:21

시작하기 전
- jsp에 대해 모르신다면
  2024.12.31 - [✨ UI] - [JSP] jsp란? 기본구성
- 스프링부트에 JSP와 JSTL 의존성 추가
  2025.02.28 - [🍃 Spring/🍃 Spring Boot] - [SpringBoot][Gradle] JSP, JSTL 의존성 추가코드
- 도메인과 리포지토리는 이전 글과 동일.
  2025.02.28 - [☕ JAVA/☕ Libraries] - [JAVA]HttpServlet 이용해 회원관리 웹 애플리케이션 만들기
- jsp코드가 너무 눈에 안 들어오므로 extension 'JSP Language Support'를 설치했다 지우겠음
  extension
  
  적용 전
  
  후...살 것 같다

신규 작성란 new form

jsp는 <%@pagecontentType="text/html;charset=UTF-8"language="java"%> 로 시작한다.
<% %> 이 들어간 부분만 java코드이고 나머지는 HTML코드와 같다.

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>New Form</title>
</head>
<body>
    <form action="/jsp/members/save.jsp" method="post">
        username:   <input type="text" id="username" name="username" />
        age:        <input type="text" id="age" name="age" />
        <button type="submit">전송</button>
    </form>
</body>
</html>

저장 페이지

💡 request, response 는 서블릿에서 지원하므로 JSP에서 바로 사용가능하다.

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="hello.servlet.domain.member.Member" %>
<%@ page import="hello.servlet.domain.member.MemberRepository" %>
<%
    //request, response는 서블릿에서 지원하므로 바로 사용가능하다.
    MemberRepository memberRepository = MemberRepository.getInstance();

    System.out.println("MemberSaveServlet.service");
    String username = request.getParameter("username");
    int age = Integer.valueOf(request.getParameter("age"));

    Member member = new Member(username, age);
    memberRepository.save(member);
%>
<!DOCTYPE html>
<html>
<head>
    <title>Save</title>
</head>
<body>
    성공
    <ul>
        <li>id<%=member.getId()%></li>
        <li>username=<%=member.getUsername()%></li>
        <li>age=<%=member.getAge()%></li>
    </ul>
    <a href="/index.html">메인</a>
</body>
</html>

회원목록

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="java.util.List" %>
<%@ page import="hello.servlet.domain.member.Member" %>
<%@ page import="hello.servlet.domain.member.MemberRepository" %>
<%
    MemberRepository memberRepository = MemberRepository.getInstance();
    List<Member> members = memberRepository.findAll();
    
%>
<!DOCTYPE html>
<html>
<head>
    <title>회원 목록</title>
</head>
<body>
    <table>
    <thead>
        <tr>
            <th>id</th>
            <th>username</th>
            <th>age</th>
        </tr>
    </thead>
    <tbody>
    <% 
        for (Member member : members) {
            out.write("<tr>");
            out.write("<td>"+member.getId()+"</td>");
            out.write("<td>"+member.getUsername()+"</td>");
            out.write("<td>"+member.getAge()+"</td>");
            out.write("</tr>");
        }
    %>
    </tbody>
    </table>
</body>
</html>