[Web] - Spring tiles / AJAX

sue·2024년 2월 7일

📒국비학원 [Web]

목록 보기
19/21
post-thumbnail

✅ tiles

  • tiles
    : 프로젝트를 다 만들고나서 만들어주기!



layout


header (메뉴)

main

:첫 번째 화면


WEB-INF

:라이브러리, 환경셋팅이 있는 곳
(클라이언트가 못 들어옴 - 보안구역)

⬇️ tiles.xml 생성
: 타일즈 정의

<!DOCTYPE tiles-definitions PUBLIC "-//Apache Software Foundation//DTD Tiles Configuration 2.0//EN" "http://tiles.apache.org/dtds/tiles-config_2_0.dtd">


  • put : value값을 넣을거다

아래 두개 name은 맞춰야함

name이 오면 value 값을 주소에 띄우겠다

layout.jsp랑 겹치니까 삭제





✅ Ajax

  • 아작스
    = 자바스크립트
    : 제이쿼리(JQuery)
    : GUI / SCRIPT 두 파트로 나눠짐

✏️ Test1.

💻 입력

⬇️ JQuery 라이브러리

https://jquery.com/

  • compressed 차이점




✅ 제이쿼리 스크립트 (파트) 설치하기

: 두개 같은 파일 (둘 중 하나 쓰면 됨)


✅ 제이쿼리 GUI (파트) 설치하기


결과적으로 이렇게 나와야함
: (min은 똑같으니까 지움)

✅ 자바스크립트

⬇️ test1.jsp

onload가 무조건 실행시키는 친구


자바스크립트는 겹치게 되면 처음껄 실행은 했지만 뒤에께 뜸


✅ 제이쿼리

: 여러번 실행해도 하나씩 하나씩 다 보여주면서 실행함


  • 하나씩 바로바로 나옴


간단하게 만드는 법


글씨도 적을 수 있음


새로운 파일 생성

⬇️ test2.jsp

  • userName임


form이 없을 땐 이렇게 뜨게 함



✅ 제이쿼리 [GUI]

결과값은


새로운 파일 생성

⬇️ ex.jsp

  • 다시 test3으로 돌아가서 추가해주고,

결과는



방금 만든 Tabs 소스 다운받는 법


✅ Ajax

✏️ Test2.

💻 입력

0개의 댓글