JSP와 Servlet#

이 노트와 함께 보는 영상은#

《【SiKi学院JavaEE视频教程】JavaWeb第一季基础》
《【SiKi学院JavaEE视频教程】JavaWeb第二季进阶》

머리말#

개인적으로 알아본 바로는 JSP는 이미 은퇴에 가까운 추세이므로, 여러분은 깊이 파고들 필요 없이 맛만 볼 정도로 하면 됩니다.
Servlet은 깊이 이해해야 하며, 이는 앞으로 많은 프레임워크의 기초가 됩니다.

흐름도 코드가 포함되어 있으므로 전문 md 편집기로 확인하는 것을 권장합니다(印象笔记도 가능합니다).#

---

JSP 기본 문법#

가져오기#

<%@page import=""%>

주석#

<%-- code --%>

작성#

<% code %>

표현식 정의#

<%! 成员变量 %>

태그 가져오기#

일반적으로 여러 웹 페이지를 가져올 때 중복되는 부분에 사용할 수 있습니다.

또는

<jsp:include page="xxx.jsp"></jsp:include>

내부 클래스와 자주 쓰는 메서드#

out (== sou)#

println()
println()은 출력에 사용하며, “=”로 대체할 수도 있습니다.

request（생명 주기는 한 번의 HTTP 내에서만）#

1. getParameter()
   매개변수 가져오기
2. getRequestDispatcher(url).forward(request, response)
   요청 포워딩 request_do->login->client (경로 문제에 주의해야 합니다)
3. setAttribute(key, content)/getAttribute(key)
   값 전달
4. getSession()
   session 객체 가져오기
5. getContextPath()
   프로젝트 경로 가져오기, 상대 경로에 사용

response#

1. getWriter().println()
   html head에 작성
2. getWriter().append()
   추가
3. sendRedirect(url)
   리다이렉트 request_do->client->login

session#

setAttribute(key, content)/getAttribute(key)
값 전달

application（유일한 객체）#

setAttribute(key, content)/getAttribute(key)
값 전달

page#

== this 키워드

pageContext （컨테이너）#

1. getOut()
   out 객체 가져오기
2. getRequest()
   req
3. getResponse()
   resp
4. getServletContext()
   app
5. getSession()
   session

Servlet#

흐름 처리만 담당하며 jsp와 분리합니다.
extend HttpServlet throw ~Exception
doGet(req, resp) and doPost(req, resp)를 재정의하여 사용합니다.

@WebServlet(“url”) 애노테이션으로 위치를 지정합니다.
web.xml로 위치를 지정할 수도 있습니다(프로젝트 생성 시 next에서 체크하면 자동 생성 가능).

<servlet>
<servlet-name>LoginServlet</servlet-name>
<servlet-class>
com.sikiedu.servlet.LoginServlet
</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>LoginServlet</servlet-name>
<url-pattern>/login_ do</url-pattern><!-- 访问路径-->
</servlet-mapping>
</servlet>

---

생명 주기#

EL 표현식#

jsp 작성 방식을 간소화하고 코드량을 줄이며 가독성을 최적화하는 데 사용합니다.

변수 가져오기#

1. $
2. $

（~는 req, session, application）
（scope 우선순위는 req, session, application）

일반적으로 첫 번째 형식만 사용하면 됩니다

클래스 변수 가져오기#

$

map과 컬렉션 가져오기#

${map.key} and$

연산#

${±\*/}${> < == || !}
$

내부 클래스#

$

JSTL 태그#

jsp 작성 방식을 더욱 간소화하고 코드 가독성을 최적화합니다.
현대적인 데이터 주도형 프런트엔드 프레임워크 문법의 초기 형태를 갖추고 있습니다.
예: Vue.js, Angular.js.

jar 패키지 다운로드#

다운로드 링크 -> mvnrepository

가져오기#

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

값 정의#

<c:set var="" value="" scope=""></c:set>

값 제거#

<c:remove var=""/>

값 출력#

<c:out value=""/>

조건 판단#

<c:choose>
<c:when test="${condition}">code</c:when>
<c:otherwise>code</c:otherwise>
</c:choose>

반복#

<c:foreach var="i" begin="index1" end="index2">
code
</c:foreach>
<c:foreach items="${list}" var="x">${x.var}</c:foreach>

json#

전체 이름은 "JavaScript Object Notation"이며,
경량 데이터 교환 형식이고, 원형은 JavaScript의 데이터 객체입니다.
자세히 알아보기

fastjson#

Alibaba에서 출시한 오픈소스 Java용 json 조작 라이브러리입니다.
fastjson의 공식 GitHub

jar 패키지 다운로드#

다운로드 링크->mvnrepository

가져오기#

import com.alibaba.fastjson.JSON

직렬화#

JSON.toJSONString(object);

역직렬화#

JSON.parseObject(String, object.class);

배열 직렬화#

JSON.parseArray(String, object.class);

ajax#

전체 이름은 "Asynchronous Javascript And XML"이며,
비동기 요청을 통해 웹 페이지를 새로 고치지 않고 데이터를 갱신하는 기술입니다.
이는 JavaScript의 기술이며 Java의 기술이 아닙니다.

JQuery 구현#

setInterval("callAjax()", 2000);//定时调用方法，参数单位为毫秒
function callAjax() {
    $.ajax({
        url: "${pageContext.request.contextPath }/ajaxrequest" ,
        type:"get",
        success: function(msg){
            }
});
$("input").blur(callAjax); //失焦响应方法

네이티브 JS 구현#

function callAjaxByJS(){
    var xmlhttp = new XMLHttpRequest();
    xmlhttpopen("GET", endcodeURI("${pageContext.request.contextPath}/ajaxRequest?data=我是数据&"+Math.random()), true)
    xmlhttp.send();
    xmlhttp.onreadystatechange = function(){
    if( xmlhttp.readyState==4 && xmlhttp.status==200 ){
     //得到了服务器端的响应，4代表ajax响应已完成，200是http正常状态码
            $("#msg").append(xmlhttp.responseText);
        }
    }
}

Filter#

class implement Filter

생명 주기#

생성자->init()->doFilter()->destory()

doFilter()#

chain.doFilter()는 필터 체인을 시작합니다.

public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException{
    // TODO Auto-generated method stub
    // place your code here
    System.out.println("test1 filter before");
    // pass the request along the filter chain
    chain.doFilter(request, response);
    System.out.println("test1 filter after");
}

web.xml을 통해 필터 조건과 순서를 설정하며,
@WebFilter(“/*”)를 사용하여 조건을 설정할 수도 있습니다.

<filter>
<filter-name>Test1Filter</filter-name><!-- 名称 -->
<filter-class>com.sikiedu.filter.Test1Filter</filter-class><!-- 类名 -->
</filter>
<filter>
<filter-name>Test2Filter</filter-name>
<filter-class>com. sikiedu.filter.Test2Filter</filter-class>
</filter>
<filter-mapping>
<filter-name>Test2Filter</filter-name>
<url-pattern>/*</url-pattern><!-- 过滤目录 -->
</filter-mapping>
<filter-mapping>
<filter-name>Test1Filter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

web.xml에 설정된 순서는 response 시 역순이 되며,
즉 chain.doFilter() 뒤에 작성된 코드가 실행됩니다.
일반적으로 사용할 필요는 없습니다.

권한 관리 필터링#

<filter>
<filter-name>AdminFilter</filter -name>
<filter-class>com.sikiedu.filter.AdminFilter</filter-class>
<!-- 继承自Filter的类-->
</filter>
<filter-mapping>
<filter-name>AdminFilter</filter-name>
<url-pattern>/admin/*</url-pattern>
<!-- 此处为路径，*是通配符，代表所有 -->
</filter-mapping>

요청 필터링#

client가 jsp에 보낸 요청 유형을 필터링합니다.
이 요청은 get과 post를 뜻하는 것이 아니라 jsp에서 정의한 요청 유형을 뜻합니다.

<filter>
<filter-name>DispatcherFilter</filter-name>
<filter-class>com.sikiedu.filter.DispatcherFilter</filter-class><!-- 继承自Filter的类-->
</filter>
<filter-mapping>
<filter-name>DispatcherFilter</filter-name>
<url-pattern>/dispatcher1. jsp</url-pattern>
<dispatcher>ERROR</dispatcher>
</filter-mapping>

dispatcher 유형은 모두 다섯 가지이며, 자주 사용하는 것은 앞의 네 가지입니다.

1. REQUEST 일반 요청
2. FORWARD 요청 포워딩
3. INCLUDE <jsp:include>
4. ERROR 오류 요청
5. ASYNC 비동기 요청???

오류 페이지 설정#

<error-page>
<error-code>404</error-code>
<location>/dispatcher1.jsp</location>
</error-page>

리스너#

1. 리스너는 클래스이며, 클래스를 생성합니다

2. 리스너 인터페이스를 구현합니다

생성 및 소멸 상태 리스닝
~initialized() ~Destroyed()

javax.servlet.ServletContextListener
HttpSessionListener
ServletRequestListener

속성 리스닝
~Added() ~Replaced() ~Removed()

ServletContextAttributeListener
HttpSessionAttributeListener
ServletRequestAttributeListener

Session 바인딩 리스닝

1. model이 HttpSessionBindingListener를 implements하도록 합니다
2. valueBound()와 valueunbound() 메서드를 재정의합니다

3. 설정

<listener>
<listener-class>package.Listen-name.class</listener-class>
</listener>

4. session 타임아웃 시간 설정

<session-contig>
<session-timeout>1</session-timeout><!-- 单位为分钟-->
</session-config>

특수 지식 포인트#

MVC 아키텍처#

J2EE 계층형 아키텍처#

싱글턴 패턴#

생성자를 private으로 만들고 instance를 생성합니다.
자주 쓰는 객체를 여러 번 new하는 것을 피합니다.

public static JDBCUtil instance = new JDBCUtil();
private JDBCUtil() {

}

상대 경로와 절대 경로#

클라이언트 경로#

클라이언트 주소 표시줄이나 소스 코드에 표시되며 요청할 수 있습니다.
예: 및 접속 URL.

상대 경로

현재 URL 디렉터리가 있는 경로를 기준으로 결정됩니다.

절대 경로

호스트(도메인) 루트 경로를 기준으로 결정됩니다.
일반적으로 contextPath를 붙여 경로를 올바르게 유지합니다.
<%=request.getContextPath()%>
또는${pageContext.request.contextPath}

서버 측 경로#

jsp 내부에서만 실행됩니다.
예: <jsp:include page=“xxx.jsp”> 또는 요청 포워딩.

상대 경로

현재 jsp 파일이 있는 경로를 기준으로 결정되며, "xxx.jsp"와 같은 형식입니다.

절대 경로

프로젝트 경로를 기준으로 결정되며, "/folder/xxx.jsp"와 같은 형식입니다.
프로젝트 이름을 붙일 필요가 없습니다.

실제 사용 시에는 모두 절대 경로를 사용하여 오류를 피하는 것을 권장합니다.#

중국어 매개변수 깨짐 해결#

String 인코딩 설정

System.out.println(new String(sex.getBytes("iso-8859-1"), "utf-8"));

request 인코딩 설정

request.setCharacterEncoding("utf-8");

response 인코딩 설정

resp.setContentType("text/html; charset=utf-8");

궁극의 해결책, doFilter에서 전역 인코딩 설정

encoding = fConfig.getInitParameter("Encoding");

<!-- 在web.xml配置Encoding参数和filter-->
<filter>
<filter-name>EncodeFilter</filter-name>
<filter-class>com.sikiedu.filter.EncodeFilter</filter-class>
<init-param>
<param-name>Encoding</param-name>
<param-value>UTF-8</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>EncodeFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

싱글 사인온#

1. sessionManager 클래스를 생성하고 session의 집합을 만듭니다(hashmap 구현).
2. session-attribute의 added 리스너를 통해 제어합니다.

if(arg0.getName().equals("user")) {
    User u = (User) arg0.getValue();
    //判断是否有其他客户端已经登录
    if(Sess ionManager . sess ionMppE containsKey(u. getUsername())) {
        //获得另外一一个客户端的session
        HttpSession session = SessionManager.sess ionMap. get(u.getUsername());
        //把登录信息从这个客户端抹除
        session. removeAttribute("user");
    }
    SessionManager.sessionMap.put(u.getUsername(), arg0.getSession());
}

맺음말#

다음 학습 단계#

개인적으로는 SSM 프레임워크를 학습 방향으로 삼는 것을 권장하며, siki 학원에도 같은 과정이 있습니다.
SSH 프레임워크는 일부 측면에서 다소 뒤처져 있으므로 상황에 따라 고려하시기 바랍니다.

취업을 원한다면#

개인적으로는 SSM 프레임워크를 이해한 뒤 돌아가서 Java 기초를 다시 복습하는 것을 권장합니다.
주로 《Java核心技术》 1권, 2권을 참고서로 삼습니다.
동시에 자료구조와 알고리즘 관련 기초 지식도 학습해야 합니다.

연락처#

GitHub#

이 노트가 조금이나마 도움이 되었다면 Star를 눌러 주시면 감사하겠습니다.
이 노트의 프로젝트 주소는 다음과 같습니다: GitHub
앞으로도 이곳에 관련 코드와 노트를 계속 업데이트하겠습니다.

제가 배운 것이 아직 부족하므로, 이곳에 pr을 제출하여 제 오류를 바로잡아 주셔도 됩니다. 감사하겠습니다.

e-mail#

또한 이메일로도 저와 연락하실 수 있습니다.
제 이메일은 endcloud@qq.com입니다.