ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • JSP를 이용한 회원가입
    스프링/스프링 MVC 패턴 2023. 2. 10. 16:43

    jsp는 html파일에 코드를 입력해서 웹 사이트를 구축하는 방식이다.

    여기도 서블릿을 사용했을 때의 과정과 동일하게 가입, 저장, 목록 보여주기 순으로 진행하겠다.

    서블릿을 사용할 때와 웹 사이트 구조나 결과가 완전 동일하다. 방식만 다르기 때문에 결과 캡쳐 사진은 생략

     

    new-form.jsp

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

    처음에는 가입하기 위한 파일이다.

    localhost:8080/new-form.jsp 경로를 통해 웹 사이트를 등록하면 회원가입을 할 수 있는 파일이다.

     

     

    save.jsp

    <%@ page import="hello.servlet.domain.member.MemberRepository" %>
    <%@ page import="hello.servlet.domain.member.Member" %>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%
     MemberRepository memberRepository = MemberRepository.getInstance();
     System.out.println("save.jsp");
     String username = request.getParameter("username");
     int age = Integer.parseInt(request.getParameter("age"));
     Member member = new Member(username, age);
     System.out.println("member = " + member);
     memberRepository.save(member);%>
    <html>
    <head>
     <meta charset="UTF-8">
    </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

    회원 가입 버튼을 누르면 값들을 저장해주고 성공했다는 웹 사이트로 이동시켜주는 파일이다.

    중간중간에 자바코드를 사용하고 import도 사용한다. <% ~~~~ %> 안에 자바 코드를 사용할 수 있다.

     

     

    member.jsp

    <%@ page import="java.util.List" %>
    <%@ page import="hello.servlet.domain.member.MemberRepository" %>
    <%@ page import="hello.servlet.domain.member.Member" %>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%
     MemberRepository memberRepository = MemberRepository.getInstance();
     List<Member> members = memberRepository.findAll();
    %>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>Title</title>
    </head>
    <body>
    <a href="/index.html">메인</a>
    <table>
     <thead>
     <th>id</th>
     <th>username</th>
     <th>age</th>
     </thead>
     <tbody>
    <%
     for (Member member : members) {
     out.write("    <tr>");
     out.write("       <td>" + member.getId() + "</td>");
     out.write("       <td>" + member.getUsername() + "</td>");
     out.write("      

    회원 목록을 보여주는 파일이다.

    서블릿을 이용했을 때와 결과가 같지만 HTML을 중심으로 진행된다는 차이점이 있다.

     

     

    JSP 특징

    JSP는 HTML을 중심으로 하고 자바 코드를 부분적으로 사용한다는 특징이 있다. 

     

    JSP는 <% ~~~ %> 사이에 자바 코드를 그대로 사용한다.

    -> 따라서 import나 이전 클래스에서 메서드나 변수들을 받아와서 사용한다.

     

     <%= ~~~ %>는 자바코드를 출력한다.

     

     

     

    JSP도 비즈니스 로직과 html을 이용한 view가 동시에 있다는 단점이 있다.

    서블릿과 JSP 둘 다 단점이 있기때문에 최근에는 잘 사용하지는 않는다고 한다.

    '스프링 > 스프링 MVC 패턴' 카테고리의 다른 글

    프론트 컨트롤러 패턴  (0) 2023.02.10
    MVC 패턴  (0) 2023.02.10
    서블릿을 이용한 회원가입 만들기  (0) 2023.02.10
    서블릿 HTTP 응답 데이터  (0) 2023.02.10
    서블릿 HTTP 요청 데이터  (0) 2023.02.10
Designed by Tistory.