Web programming

(22.11.24)Web 프로그래밍: JSTL,EL / JSP개발모델1에서 개발모델2로 변환하기

프로그래머 오월 2022. 11. 24.

●●EL(Expression Language)●●

EL(Expression Language)은 자바 빈의 프로퍼티, 값을 JSP의 표현식 <%= %>이나 액션 태그 <jsp:useBean>를 사용하는것 보다 쉽고 간결하게 꺼낼수 있게 하는 기술이다.

또한 static 메소드를 호출할 수도 있는데 JSP에서는 주로 서블릿 보관소(JspContext, ServletRequest, HttpSession, ServletContext)에서 값을 꺼낼 때 사용한다.

jsp에서만 쓸수 있는 출력언어(확장자가 jsp로 되어 있는 곳에서만 가능)

-메모리에 있는 것을 겉으로 표현하기 위한 언어(즉 변수의 값을 출력한다.)
scope 객체 안에 저장된 데이터를 화면에 표시하기에 유용하다.

ex)

session.setAttribute("data","hello");

위 코드를 출력할려면 기존 방식으로는

String data =(String)session.getAttribute("data");
<%=data%>

라고 해야하는데 EL를 쓰면

${data}

이렇게만 해줘도 된다.

예시

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<%@ page contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%
    pageContext.setAttribute("data1", "page scope data");
    request.setAttribute("data2", "request scope data");
    session.setAttribute("data3", "session scope data");
    application.setAttribute("data4", "application scope data");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> </title>
</head>
<body>
<%
    String data1 = (String)pageContext.getAttribute("data1");
    out.println("data1:"+ data1);
%>
<p>
${data1}<br>
${data3}
</body>
</html>
Colored by Color Scripter

cs

실행결과:

●●EL실습●●

boardDetailForm.jsp 페이지에서 화면 출력용으로 사용된 표현식<%= %>들을 모두 EL표현식으로 변환해서 나타내기

●●JSTL (JSP Standard Tag Library)●●

pageContext.setAttribute("board", b);

이 자바 코드도 jsp 태그로 변환 가능하다.

이때 쓰는 것이 JSTL (JSP Standard Tag Library)

이때 JSTL를 다운 받아줘야한다.

다운링크

https://mvnrepository.com/artifact/javax.servlet/jstl/1.2

저장 받은 파일을 [WEB-INF]-[lib]에 복사 붙여넣기한다.

<%@ taglib %>쓰는 법

jstl_test.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71

<%@page import="java.util.*"%>
<%@ page contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JSTL 테스트</title>
</head>
<body>
<%
    String str = "값에 Expression 사용하기";
%>
    <p>
        <c:set var="name" value="JSTL TEST" scope="page"/>
        ${name}
    </p>
    <P>
        <c:set var="msg" value="<%=str%>"/>
        ${msg}
    </p>
    
    <%
    List<String> list = new ArrayList<>();
    list.add("손흥민");
    list.add("김민재");
    list.add("황인범");
    list.add("이강인");
    
    %>
    <c:set var="list" value="<%=list%>"/>
    <%
        for(int i=0;i<list.size();i++){
            String s = list.get(i);
            out.println(s+"<br>");
        }
    %>
    <p>
    <c:forEach var="item" items="${list}" varStatus="status">
        <div>${status.index +1}. ${item}</div>
    </c:forEach>
    <p>
    <ol>
    <c:forEach var="item" items="${list}" varStatus="status">
        <li>${item}</li>
    </c:forEach>
    </ol>
    <%
    Map<String,String> map = new HashMap<>();
    map.put("하나","차범근");
    map.put("둘","박지성");
    map.put("셋","손흥민");
    map.put("넷","김민재");
    
    %>    
    <p>
    <ol>
    <c:forEach var="item" items="<%=map %>">
        <li>${item.key } : ${item.value}</li>
    </c:forEach>
    </ol>
    <c:set var="map" value="<%=map %>"/>
    <p>
    <ul>
    <c:forEach var="item" items="${map }">
        <li>${item.key } : ${map[item.key]}</li>
    </c:forEach>
    </ul>
</body>
</html>
Colored by Color Scripter

cs

실행결과 :

Map은 순서는 지켜지지 않기 때문에 랜덤으로 나온다. 원래 같은 경우는 Map을 Set으로 바꿔서 이터레이터를 써줘야 하지만 JSTL과 EL을 쓰면 그럴 필요가 없어진다.

JSP 개발방법론 모델 1로 만든 게시판을 서블릿을 사용한 모델 2로 변환해 보기

특히나 스프링 프레임 워크와 비슷한 기능을 하는 서블릿을 만들어 보기

서블릿에서는 초기에 요청만 받아서 서비스 자바클래스로 보내고 서비스 자바 클래스에서 서블릿을 통해 뷰를 보여주지 않고 바로 뷰를 보여주기

스프링의 서블릿은 브라우저에서 요청이 오면 최초로 받아서 자바의 서비스 혹은 컨트롤러 레이어로 넘겨주는 역할을 한다.

BoardServlet.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
 
@WebServlet("/board")
public class BoardServlet extends HttpServlet {
    
    protected void service(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException 
    {
        request.setCharacterEncoding("utf-8");
        String viewPath = new BoardService(request).exec();
        if(viewPath!=null) {
            getServletContext().getRequestDispatcher(viewPath).forward(request, response);
        }
    }
}
//서브릿의 코드가 많다면 코드의 재활용이 어려워짐 즉 유지보수가 힘들어진다.
Colored by Color Scripter

cs

서블릿에선 cmd에 따라 해당 jsp로 보내는 것이 아니라 받아온 요청을 BoardService 클래스에 파라미터로 주어서 모든 로직은 보드서비스에서 이루어지게 끔 한다.

BoardService.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126

import java.io.*;
import java.util.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;
import com.ezen.web.hello.Board;
 
public class BoardService 
{
    private HttpServletRequest request;
    private HttpSession session;
    private String viewPath = "/WEB-INF/jsp/model2";
    private String fpath = "D:/java_test/boardList.ser";
    public BoardService() {}
    
    public BoardService(HttpServletRequest request) {
        this.request = request;
    }
    
    public String exec() {
        // 요청 처리
        String cmd = request.getParameter("cmd");
        if(cmd==null || cmd.equals("list")) {
            List<Board> list = getList();
            request.setAttribute("list", list);
            return viewPath+"/boardList.jsp";
        }
        // 데이터를 request에 저장
        // 응답용 View 리턴
        return null;
    }
    public List<Board> getList()
    {
        return deserialize();
    }
    
    public Board find(Board key)
    {
        List<Board> list = deserialize();
        if(list.contains(key)) {
            return list.get(list.indexOf(key));
        }
        return null;
    }
    
    public Board read(Board key)
    {
        String cmd = request.getParameter("cmd");
        Board found = find(key);
        
        if(cmd.equals("FIND")){
            return found;
        }
        
        found.setHit(found.getHit()+1);
        List<Board> list = deserialize();
        list.get(list.indexOf(found)).setHit(found.getHit());
        serialize(list);
        return found;
    }
    public boolean update(Board newBoard) {
        List<Board> list = deserialize();
        if(list.contains(newBoard)) {
            Board b = list.get(list.indexOf(newBoard));
            b.setTitle(newBoard.getTitle());
            b.setContents(newBoard.getContents());
            return serialize(list);
        }
        return false;
    }
    public boolean deleteBoard(Board key)
    {
        List<Board> list = deserialize();
        if(list.contains(key)) {
            list.remove(list.indexOf(key));
            return serialize(list);
        }
        return false;
    }
    
    private boolean serialize(List<Board> list)
    {
        File f = new File(fpath);
        try {
            ObjectOutputStream oout = new ObjectOutputStream(new FileOutputStream(f));
            oout.writeObject(list);
            oout.close();
            return true;
        } catch (Exception e) {
            e.printStackTrace();
        }
        return false;
    }
    
    private List<Board> deserialize()
    {
        File f = new File(fpath);
        List<Board> list = null;
        if(!f.exists()) {
            list = new ArrayList<Board>();
        }else {
            try {
                ObjectInputStream oin = new ObjectInputStream(new FileInputStream(f));
                list = (List<Board>)oin.readObject();
            } catch (Exception e) {
                e.printStackTrace();
            }
        }    
        return list;
    }
 
    public HttpServletRequest getRequest() {
        return request;
    }
 
    public void setRequest(HttpServletRequest request) {
        this.request = request;
    }
 
    public HttpSession getSession() {
        return session;
    }
 
    public void setSession(HttpSession session) {
        this.session = session;
    }
}
Colored by Color Scripter

cs

19행~25행 : cmd에 따라서 보드 서비스 클래스에서 서블릿을 거치지 않고 바로 뷰로 리턴해준다.

boardList.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

<%@page import="com.ezen.web.hello.*"%>
<%@page import="java.util.List"%>
<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>게시글 목록</title>
<style type="text/css">
    main { width:fit-content; margin:1em auto; }
    main h3{ text-align: center; }
    table { border:1px solid black; border-spacing:0; border-collapse: collapse; 
        padding:0.5em;
    }
    td,th { border-bottom:1px dashed black; padding:0.3em 1em; 
        border-right: 1px solid black;
    }
    th { background-color:rgb(210,210, 255);}
    a {text-decoration: none;}
    div.links { width:fit-content; margin:1em auto; }
</style>
</head>
<body>
<main>
<%@ include file="/WEB-INF/jsp/user_inc.jsp"  %>
<h3>게시글 목록</h3>
<table>
<tr><th>번호</th><th>제목</th><th>작성자</th><th>작성일</th><th>히트수</th></tr>
<c:forEach var="b" items="${list}" >
 
        <tr>
            <td>${b.num}</td>
            <td>
                <a href="boardController.jsp?cmd=READ&num=${b.num}">
                    ${b.title}</a>
            </td>
            <td>${b.author}</td>
            <td>${b.regDate}</td>
            <td>${b.contents}</td>
        </tr>
</c:forEach>
</table>
<div class="links">
    [<a href="boardController.jsp?cmd=ADD_FORM">글쓰기</a>]
</div>
</main>
</body>
</html>
Colored by Color Scripter

cs

JSTL 과 EL을 써서 모든 스크립트릿 태그를 써서 코딩했던 모든 자바 코드를 지울 수 있게 됐다.

실행 결과:

'Web programming' 카테고리의 다른 글

(22.12.07)Web 프로그래밍: MVC방식으로 동영상 학습 사이트 -1단계 웹페이지 설계 및 VO클래스 만들기 (0)	2022.12.07
(22.11.25)Web 프로그래밍: JSP 개발방법론 Model1으로 만든 게시판을 JSP 개발방법론 Model2로 변환하기 (0)	2022.11.25
(22.11.23)Web 프로그래밍: JSP 개발모델1(MVC방식)-게시판 로그아웃기능, 작성자만 수정/삭제 기능만들기 (0)	2022.11.23
(22.11.22)Web 프로그래밍: JSP 개발모델1 MVC방식(로그인하여 게시판 작성하기) (0)	2022.11.22
(22.11.21)Web 프로그래밍: JSP 개발방법론 Model1-jsp로 Controller 역할 하게 하기 (0)	2022.11.21