앞 뒤 대화 (javaweb)

전단 배경 상호작용 학습 (자바 웹)
태그: 앞 뒤 대화 형 자바 웹
다음은 상호작용 에 관 한 세부 사항 을 소개 한다.

요청 데이터

전단 에서 요청 데 이 터 를 제공 합 니 다.개발 과정 에서 백 스테이지 가 데이터 베 이 스 를 조회 할 때 조회 조건 을 빌려 야 전단 에 필요 한 데 이 터 를 조회 할 수 있 고 조회 조건 은 바로 이때 전단 에서 관련 조회 매개 변수 (즉 URL 요청 매개 변수)

를 제공 하 는 것 이다.

인터페이스 문서

인터페이스 문 서 는 주로 배경 에서 디자인 하고 수정 합 니 다. 배경 은 데이터 와 직접 접촉 하여 데이터 베 이 스 를 가장 잘 알 고 있 습 니 다. 전단 은 데이터 의 수용자 와 인터페이스 문서 의 사용자 일 뿐 입 니 다.

상호작용 데이터 의 형식

주로 JSON 및 자주 사용 되 지 않 는 XML 입 니 다. JSON 은 서버 와 데 이 터 를 교환 하 는 데 사용 되 며, AJAX 도 JSON 데 이 터 를 통 해 상호작용 을 수행 합 니 다.

상호작용 원리

전단 은 인터페이스 에 따라 요청 파 라 메 터 를 제공 하고 배경 은 파 라 메 터 를 수신 하 며 매개 변수 에 따라 데이터 베 이 스 를 조회 하고 되 돌아 오 는 데 이 터 를 얻 으 면 되 돌아 오 는 파 라 메 터 를 전단 으로 보 냅 니 다. 전단 호출 인 터 페 이 스 는 되 돌아 오 는 데 이 터 를 보 여 줍 니 다.

요청 방법

요청 방법 은 주로 POST 와 GET 가 있 습 니 다. GET 는 서버 에 데 이 터 를 요청 하 는 요청 이 고 POST 는 서버 에 데 이 터 를 제출 하 는 요청 (폼 제출) 입 니 다.

다음은 자바 웹 으로 앞 뒤 끝의 상호작용 방식 을 설명 합 니 다.
1. 쿠키 대상 이용
쿠키 는 서버 가 클 라 이언 트 에 저장 하 는 작은 데이터 정보 입 니 다. 쿠키 를 사용 하 는 것 은 클 라 이언 트 브 라 우 저가 쿠키 를 사용 할 수 있 도록 허용 하고 이에 대한 설정 을 하 는 전제 조건 이 있 습 니 다. 일반적으로 쿠키 를 사용 하 는 것 에 찬성 하지 않 습 니 다.
(1) 백 엔 드 코드

Cookie cookie=new Cookie("name", "hello");  
response.addCookie(cookie);  

(2) 전단 코드

Cookie[] cookies=request.getCookies();  
for(int i=0;i

2. session 대상 활용
session 대상 은 특정 세 션 session 의 사용자 데 이 터 를 표시 합 니 다. 고객 이 session 을 지원 하 는 JSP 웹 페이지 를 처음 방문 하면 서버 는 session 대상 을 만들어 고객 의 정 보 를 기록 합 니 다. 고객 이 같은 사이트 의 다른 웹 페이지 를 방문 할 때 같은 session 에 있 습 니 다. (1) 백 엔 드 코드

request.getSession().setAttribute("name", name);
request.getSession().setMaxInactiveInterval(2); 
response.sendRedirect("welcome.jsp");

(2) 전단 코드 (jsp 페이지)

Object user=request.getSession().getAttribute("name");

3. request 를 이용 하여 방향 을 바 꾸 고 setAttribute 를 설정 합 니 다.
(1) 백 엔 드 코드

request.setAttribute("name", "cute");  
request.getRequestDispatcher("welcome.jsp").forward(request, response);  //        

PS: 배경 에서 사용 하 는 퍼 가기 코드 가 response. sendRedirect ("welcome. jsp") 이면 / / 사이트 주소 가 welcome. jsp 로 변 합 니 다.
request 설정 의 인자 가 잘못 되 었 습 니 다. 다른 요청 으로 전환 되 었 기 때문에 request 매개 변수의 유효기간 은 이번 요청 입 니 다.
(2) 전단 코드

    String name=request.getAttribute("name").toString();  

4. Ajax 를 이용 하여 비동기 데이터 요청 (얻 은 데 이 터 는 json 또는 xml 형식 으로 되 돌아 와 처리 하기 편리 함)
(1) 백 엔 드 코드 사례 (servlet 전송 데이터 활용)

    public class TestServlet extends HttpServlet {  
      
        /** 
         * Constructor of the object. 
         */  
        public TestServlet() {  
            super();  
        }  
      
        public void doGet(HttpServletRequest request, HttpServletResponse response)  
                throws ServletException, IOException {  
            doPost(request, response);  
        }  
      
        public void doPost(HttpServletRequest request, HttpServletResponse response)  
                throws ServletException, IOException {  
      
            response.setContentType("text/html");  
            PrintWriter out = response.getWriter();  
            String data="[{\"name\":\"apple\",\"price\":23},{\"name\":\"banana\",\"price\":12},{\"name\":\"orange\",\"price\":8}]";  
            out.write(data);  
            out.flush();  
            out.close();  
        }  
      
        /** 
         * Initialization of the servlet. 
 
         * 
         * @throws ServletException if an error occurs 
         */  
        public void init() throws ServletException {  
            // Put your code here  
        }  
      
    }  

(2) 전단 js 요청 처리 데이터 코드

    function createXMLHttpRequest(){  
        var xmlrequest;  
        if(window.XMLHttpRequest){  
            xmlrequest=new XMLHttpRequest();  
        }else if(window.ActiveXObject){  
            try{  
                xmlrequest=new ActiveXObject("Msxm12.XMLHTTP");  
            }catch(e){  
                try{  
                    xmlrequest=new ActiveXObject("Microsoft.XMLHTTP");  
                }catch(e){  
                    xmlrequest="";  
                }  
            }  
        }  
        return xmlrequest;  
    }  
    //         
    function change(){  
        var xmlrequest=createXMLHttpRequest();  
        xmlrequest.open("POST","TestServlet",true);  
        xmlrequest.onreadystatechange=function(){  
            if(xmlrequest.readyState==4&&xmlrequest.status==200){  
                var data=JSON.parse(xmlrequest.responseText);  
                var content="";  
                for(var i=0;i";  
                    for(o in data[i]){  
                        content+="";  
                    }  
                    content+="";  
                }  
                content+="
"+data[i][o]+"
";  
                document.getElementById("test").innerHTML=content;  
            }  
        };  
        xmlrequest.send();  
    }  

요약: 사용자 가 웹 사 이 트 를 방문 하 는 전체 수명 주기 에 사용 되 는 데 이 터 는 session 으로 저장 합 니 다. 예 를 들 어 사용자 이름, 로그 인 상태, 카 트 정보 가 웹 페이지 에 표 시 된 정보 데 이 터 는 대부분 request 나 Ajax 방식 으로 얻 습 니 다.
csdn 블 로그