728x90
게시판
![]() |
데이터가 들어갈수도 있고 안들어갈 수도 있다. 근데 데이터가없으면 defaultValue로 1을 하겠다. |
난 글목록을 들어가는 컨트롤러에서 처음에 글을 불러왔는데 그럼 ajax를 안써서 데이터가 문자열로 받게된다. 그래서 페이지를 들어가는 컨트롤러 1개 스크립트로 페이지를 들어가면 자동으로 ajax를 통해 컨트롤러에서 글목록을 불러오게 1개 이렇게 하면 글이 json객체로 들어오게된다. |
|
![]() |
이게 파란색줄 처럼 가면 디스패처를 거쳐 컨트롤러에서 찾기 떄문에 값이 안나온다 그래서 빨간색줄 부분을 만들어서 디스패처로 못가게 막아야지 원하는대로 찾아서 간다. |
![]() |
|
![]() |
|
![]() |
글목록 불러온거에 세션값 더 불러오기 |
![]() |
|
![]() ![]() ![]()
|
세션을 보내고 값을 확인해보면 세션이 들어온느걸 볼 수 있다. |
![]() |
근데 a태그를 이렇게 걸면 보이는 모든 a태그에 alert가 걸린다. (메뉴에도) |
![]() |
class 속성을 추가해서 구별해준다 (id를 너무 많이해서 class로 해봤다) |
![]() |
f12를 눌러서 확인하면 사진처럼 class속성이 들어간다 |
![]() |
이게 그림으로 보면 이렇게 생겼는데 똑같은 id가 5개나 뜬다. class는 seq니까 다르고 |
![]() |
이렇게하면 each문을 돌면서 subject를 전부다 선택하게 되서 5개가 다 선택된다 |
![]() |
. = 클래스속성 사진처럼 클래스 속성을 선택함으로서 원하는 1개를 선택할 수 있게 된다. . (클래스속성중에) +items.seq(를 찾아라) |
![]() |
|
다른방법 | |
![]() |
.click를 하면 비동기방식이라서 클릭하는 1개만 반응 한다. on을 쓰면 (반드시 부모로부터 출발해야 한다) 부모.on(이벤트, 자식, 함수( ){ }; subjectA의 부모가 와야하는데 얘의 부모는 boardListTable 이방법은 동기방식 부모아래 자식을 클릭하면 |
boardView
![]() |
alert으로 확인해보면 boardDTO:{~}이렇게 나온다 그래서 접근할려면 data.boardDTO.subject 이렇게 해야 한다., |
글클릭하기
![]() |
|
값 받아온거 json으로 만들어주는 방법
ModelAndView의 jsonView를 이용하면된다.
조회수
![]() |
HttpServletResponse 파라미터에 추가하고 이클립스에서 가져온다 |
![]() |
이클립스에서는 쿠키를 구별할수 없어서 다 가져와서 반복문 돌려서 필요한걸 꺼냈는데 스프링에서는 파라미터에쓴 @CookieValue(value="memHit", required=false) Cookie cookie 덕분에 필요한 memID쿠키만 얻어올수있다 그래서 for문 안돌리고 바로 필요한거를 쓸 수이싿. |
![]() |
이거 두개 위치가 다르면 조획수 방지가 안먹힌다 |
페이징처리
![]() |
여기서한다 |
![]() |
|
![]() |
|
![]() |
|
![]() |
@Component 가 있어야 @Autowired걸고 끌고올 수 있다 |
![]() |
root에 생성해줘야이 컴포넌트가 먹힌다 |
![]() |
총글수 가져와서 |
![]() |
boardPaging계산한 값을 컨트롤로 리턴 |
![]() |
이제 boardPaging 을 들고 boardList.jsp안에 스크립트에 있는 success안으로들어간다. |
![]() |
이렇게 간다 저 succecss 의 data에는 pg, list. memId, boardPaging값이 들어간다 이걸 하나씩 빼서 쓰면 되는거다 |
![]() |
확인 |
![]() |
이 안에다가 페이징 처리를 하면된다 |
![]() |
그럼 저기로 간다 |
![]() |
왜 html로 빼오지? = 태그까지 끌어와서 보드 페이징에 적어둔 span태그까지 끌고나오기때무에 text말고 html로 빼와ㅑㅇ 한다 |
728x90
'JSP' 카테고리의 다른 글
1/15 게시판에 글 클릭하는 동기 비동기 예제 (0) | 2021.01.15 |
---|---|
1/12 SpringMVCProject(이클립스 miniproject) (0) | 2021.01.12 |
뷰리졸버(view resolver), MessageConverter, MappingJackson2JsonView, BeanNameViewResolver, InternalResourceViewResolver (0) | 2021.01.12 |
스프링 JDBC (0) | 2020.12.31 |
11/27 수업내용2 (0) | 2020.11.27 |