본문 바로가기
정리안된것/웹 애플리케이션

#3주차 수업

반딧불이와춤을 2019. 9. 26. 15:19

설정: preferences에서 general web sever 등을 처리한다.

 

create dynamic web project로 새 프로젝트를 만든다

next를 누르며 등장하는 각 속성 : context root 웹 주소의 루트를 설정한다

window dml  web browser에서 원하는 브라우저 (크롬 등) 으로 설정한다

이클립스 에러

Multiple annotations found at this line:

- The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path

 

이런 에러가 떴었다 해결방법 : https://simuing.tistory.com/168

project를 좌클릭해서 properies - web project settings 에서 context root를 바꾸면 URL이 바뀐다.

 

이제 저번주차에서 받았던 aranoz 폴더를 webcontent에 카피한다. login.html을 복사해서 login header footer jsp 파일을 생성하고 login.jsp파일을 삼등분해서 각각 헤더와 푸터에넣는다. 지시자(맨 윗줄은 건드리지 않고)

<jsp:include page="footer.jsp" flush="false"/> : 액션태그

<%@ include file="footer.jsp" %> : 디렉티브 태그

헤더파일에 있던 html 주소값들은 모두 jsp로 변경해준다

 

서블렛('자바 기반' 웹 기술)

jsp를 요청하면 서블렛파일이되고 서블릿이컴파일되고 서브릿클래스가되어서 실행이된다.

인클루드 지시자는 톰캣이 컴파일 시에 문서 자체에 컴파일되고  (자주 안바뀔때 사용)

인클루드 액션은 따로 컴파일을 따로 해서 불러온다. (자주 바뀔때사용)

src에 class와 서블렛을 만들어 비교해본다.

mvc 모델에서 contoller는 대체적으로 서블렛을 사용한다 

 

 

URI (통합 자원 식별자) 

- URL

- URN

 

view.jsp
 

 

MemberContoller.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
package induksoft.oop2a.cotroller;
 
 
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
 
/**
 * Servlet implementation class MeberController
 */
@WebServlet("/member.do")
public class MeberController extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public MeberController() {
        super();
        // TODO Auto-generated constructor stub
    }
 
    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        //name 매개변수의 값을 get이라는 이름의 속성으로 request에 저장 
        request.setAttribute("get", request.getParameter("name"));
        // request 객체 안에 있는 속서의 값들을 활용해서 처리한 후 전달
        request.getRequestDispatcher("view.jsp").forward(request,response);
        /*
        PrintWriter out = response.getWriter();
        out.print("<html><head><title></title>");
        out.print("<h1>출력"+request.getParameter("n")+"<h1>");
        out.print("");
        */
    }
 
    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        System.out.println("doPost");
        request.setCharacterEncoding("UTF-8"); // POST방식에서 한글 인코딩 설정하는것
        //name 매개변수의 값을 get이라는 이름의 속성으로 request에 저장 
        request.setAttribute("get", request.getParameter("name"));
        // request 객체 안에 있는 속서의 값들을 활용해서 처리한 후 전달
        request.getRequestDispatcher("view.jsp").forward(request,response);
        doGet(request, response);
    }
 
}
 
 cs
login.jsp( aranoz에서 가져온 파일)
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
127
128
129
130
131
132
133
134
135
136
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!doctype html>
<html lang="zxx">
 
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>aranoz</title>
    <link rel="icon" href="img/favicon.png">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- animate CSS -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- owl carousel CSS -->
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <!-- font awesome CSS -->
    <link rel="stylesheet" href="css/all.css">
    <!-- flaticon CSS -->
    <link rel="stylesheet" href="css/flaticon.css">
    <link rel="stylesheet" href="css/themify-icons.css">
    <!-- font awesome CSS -->
    <link rel="stylesheet" href="css/magnific-popup.css">
    <!-- swiper CSS -->
    <link rel="stylesheet" href="css/slick.css">
    <!-- style CSS -->
    <link rel="stylesheet" href="css/style.css">
</head>
 
<body>
    <!--::header part start::-->
   <jsp:include page="footer.jsp" flush="false"/>
    <!-- Header part end-->
 
 
    <!-- breadcrumb start-->
    <section class="breadcrumb breadcrumb_bg">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="breadcrumb_iner">
                        <div class="breadcrumb_iner_item">
                            <h2>Tracking Order</h2>
                            <p>Home <span>-</span> Tracking Order</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- breadcrumb start-->
 
    <!--================login_part Area =================-->
    <section class="login_part padding_top">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 col-md-6">
                    <div class="login_part_text text-center">
                        <div class="login_part_text_iner">
                            <h2>New to our Shop?</h2>
                            <p>There are advances being made in science and technology
                                everyday, and a good example of this is the</p>
                            <a href="MeberController.java" class="btn_3">Create an Account</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6">
                    <div class="login_part_form">
                        <div class="login_part_form_iner">
                            <h3>Welcome Back ! <br>
                                Please Sign in now</h3>
                            <form class="row contact_form" action="member.do" method="post" novalidate="novalidate">
                                <div class="col-md-12 form-group p_star">
                                    <input type="text" class="form-control" id="name" name="name" value=""
                                        placeholder="Username">
                                </div>
                                <div class="col-md-12 form-group p_star">
                                    <input type="password" class="form-control" id="password" name="password" value=""
                                        placeholder="Password">
                                </div>
                                <div class="col-md-12 form-group">
                                    <div class="creat_account d-flex align-items-center">
                                        <input type="checkbox" id="f-option" name="selector">
                                        <label for="f-option">Remember me</label>
                                    </div>
                                    <button type="submit" value="submit" class="btn_3">
                                        log in
                                    </button>
                                    <a class="lost_pass" href="MeberController.java">forget password?</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--================login_part end =================-->
 
    <!--::footer_part start::-->
   <%@ include file="footer.jsp" %>
    <!--::footer_part end::-->
 
    <!-- jquery plugins here-->
    <!-- jquery -->
    <script src="js/jquery-1.12.1.min.js"></script>
    <!-- popper js -->
    <script src="js/popper.min.js"></script>
    <!-- bootstrap js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- easing js -->
    <script src="js/jquery.magnific-popup.js"></script>
    <!-- swiper js -->
    <script src="js/swiper.min.js"></script>
    <!-- swiper js -->
    <script src="js/masonry.pkgd.js"></script>
    <!-- particles js -->
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/jquery.nice-select.min.js"></script>
    <!-- slick js -->
    <script src="js/slick.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/contact.js"></script>
    <script src="js/jquery.ajaxchimp.min.js"></script>
    <script src="js/jquery.form.js"></script>
    <script src="js/jquery.validate.min.js"></script>
    <script src="js/mail-script.js"></script>
    <script src="js/stellar.js"></script>
    <script src="js/price_rangs.js"></script>
    <!-- custom js -->
    <script src="js/custom.js"></script>
</body>
 
</html>
 
  

 

'정리안된것 > 웹 애플리케이션' 카테고리의 다른 글

#10주차 수업  (0) 2019.11.07
#6 주차 수업  (0) 2019.10.17
#4주차 수업 post 방식과 get방식의 차이  (0) 2019.10.03
#2주차 웹 애플리케이션  (0) 2019.09.19
#1주차 수업 웹 애플리케이션 개발 이해  (0) 2019.09.05

'정리안된것/웹 애플리케이션' Related Articles

티스토리툴바