[JSP] include 액션 태그를 이용한 페이지 이동 (중복된 공간)

lojin.jsp 와 Join.jsp 는 구현하지 않은 페이지 이고, 각 신상품과 인기상품을 클릭했을 때 중앙의 화면이 바뀌는 프로그램이다.

중간의 중복된 공간을 각 jsp 페이지를 띄우기 위해 jsp 액션 태그를 사용하여 신상품과 인기상품 링크를 띄우는 페이지이다.

왼쪽 공간인 신상품과 인기상품 공간은 jsp 액션 태그를 사용한 item.jsp 페이지 (링크가 구현됨) 이고 여기서 선택받은 페이지를 인식해서 main.jsp 페이지와 공유하는 변수를 바꿔주게 된다. main 페이지에서는 변수를 보고 중앙에 띄울 페이지를 다시 jsp 액션 태그를 사용하여 띄워주게 된다

<%-- main.jsp --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%
    String select = request.getParameter("pageChange");
    if (select == null){
        select = "newItem.jsp";
    }
%>
<table border="ridge" width="1000">
    <tr>
        <td colspan="2">
            <a href="login.jsp">login</a>
            |
            <a href="Join.jsp">Join</a>
        </td>
    </tr>
    <tr>
        <td align="center" width=100>
            <jsp:include page="Item.jsp"/>
        </td>
        <td align="center">
            <B><jsp:include page="<%= select %>" /></B>
        </td>
    </tr>
    <tr>
        <td align="center" colspan="2">
            Since 2022 선문대
        </td>
    </tr>
</table>
</body>
</html>

<%-- Item.jsp --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%
    String pageChange;
%>
<a href="?pageChange=newItem.jsp">신상품</a>
<br><br>
<a href="?pageChange=bestItem.jsp">인기상품</a>
</body>
</html>

<%-- newItem.jsp --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
신상품 목록입니다
</body>
</html>

<%-- bestItem.jsp --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
인기상품 목록입니다
</body>
</html>

'Web' 카테고리의 다른 글

[JSP] forward_action 태그처럼 나타내기 (3)	2022.09.19
http 주요 에러코드 (0)	2022.09.15
HTTP 와 HTTPS 의 차이 (4)	2022.09.15
[자바스크립트] 회원가입페이지 정규표현식X (0)	2022.09.14
[자바스크립트] 회원가입 페이지 만들기 (정규표현식O) (0)	2022.09.14

'Web' 카테고리의 다른 글

티스토리툴바