반응형
Login.jsp


메인 페이지로 입력창에 아이디를 입력하고 접속한다.

로그인 검사 기능은 없지만 메인페이지로 설정하기 위해 넣어 뒀다.


<Login.jsp>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<% request.setCharacterEncoding("UTF-8"); %>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<center>
    <h2>로그인</h2>
    <form name="loginPageForm" action="setProduct.jsp" method=post>
            <input type="text" name="inputUserId">
            <input type="submit" value="enter">
    </form>
</center>
</body>
</html>
cs



setProduct.jsp


로그인 다음 페이지로 아이템을 고른 후 추가 버튼을 누르면 add.jsp 페이지로 넘어간다.


<setProduct.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
<%@ page import="java.util.*" %>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<% request.setCharacterEncoding("UTF-8"); %>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
    <% 
        // 만약 처음 접속하여 초기설정일 경우..
        // 배열 생성
        ArrayList foodList = new ArrayList();
        session.setAttribute("foodList", foodList);
        
    %>
    <h2 align="center">상품선택</h2>
    <hr>
        <% 
        String inputUserId = request.getParameter("inputUserId");
        
        //session.setAttribute(가져온 값을 넣을 변수명, 가져올 값의 변수명);
        session.setAttribute("userId", inputUserId);
        %>
        <p align="center">
        <%= session.getAttribute("userId") %>  님이 로그인 한 상태입니다.
        </p>
    <hr>
    <form name="addFruit" action="add.jsp" method="post" align="center">
        <select name="fruit">
            <option selected value="apple">사과</option>
            <option value="peach">복숭아</option>
            <option value="watermelon">수박</option>
            <option value="orange">오렌지</option>
        </select>
        <input type="submit" value="추가">
    </form>
    
    <p align="center">
    <a href="checkOut.jsp">계산</a>
    </p>
</body>
</html>
cs


add.jsp


setProduct.jsp에서 추가한 값을 add.jsp 페이지에서 alert창으로 보여준다.


<setProduct.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
<%@ page import="java.util.*" %>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<% request.setCharacterEncoding("UTF-8"); %>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>    
<% 
    ArrayList foodList = (ArrayList)session.getAttribute("foodList");
 
    // 변수명 "fruit"이라는 곳에 폼에서 보낸 값을 입력
    session.setAttribute("fruit", request.getParameter("fruit"));
    // session fruit변수에 저장된 값을 selectedItem변수에 입력
    String selectedItem = (String)session.getAttribute("fruit");
     // 배열에 값 입력
    foodList.add(selectedItem);
     session.setAttribute("key", foodList);
    
    out.println("<script> alert('" + selectedItem + "가 장바구니에 담겼습니다.'); </script>");
    
%>
<script type="text/javascript">
    history.go(-1);
</script>
 
</body>
</html>
cs

checkOut.jsp


setProduct.jsp에서 계산을 누르게 되면 checkOut.jsp로 넘어오게되고 사용자가 어떠한 아이템을 선택했는지 다 보여준다.


<checkOut.jsp>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<%@ page import="java.util.*" %>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<% request.setCharacterEncoding("UTF-8"); %>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<%
    ArrayList foodList = (ArrayList)session.getAttribute("key");
    for(int i=0; i<foodList.size(); i++) {
        
        out.println(foodList.get(i) + "\n");
    }
%>
 
</body>
</html>
cs


반응형

'Web > JSP' 카테고리의 다른 글

[JSP] request.sendRedirect 사용해서 페이지 넘기기  (0) 2018.08.17
[JSP] scope 범위  (0) 2018.08.17
[JSP] Get방식 Post방식 한글 깨짐 처리 방법  (0) 2018.08.17
[JSP] 에러 종류  (0) 2018.08.17

+ Recent posts

티스토리툴바