[vue.js] 페이지네이션 (pagination) 구현하기
·
vue
HoneyPot 프로젝트에서 구독목록 리스트를 보여줘야 하는 과정이 있었는데 처음으로 해본 페이지네이션 구현하기를 남겨보려고 한다. 우선 완성본 근데 이제 미완성을 곁들인 .. [HTML 코드] //여기에는 카드에 들어갈 내용들을 작성 //pagination 버튼 생성 이전 {{ currentPage }} 다음 [script 코드] 1. 우선 data의 return 에 현재 페이지 수와 페이지 당 보여줄 카드 개수를 적어 준다. 2. computed에 현재 페이지에 표시할 카드 목록을 추출할 계산 된 속성을 입력 해준다. startIndex 변수에는 현재 페이지의 첫 번째 카드의 인덱스를 계산하고, endIndex 변수에는 현재 페이지의 마지막 카드 다음 카드의 인덱스를 계산한다. 즉, startInde..
[jsp와 servlet] 익명 방명록 만들기 ⑧ 비밀번호 확인 후 글 수정
·
MVC/jsp & servlet
①② 수정 버튼을 누르기 전 해당 글에 맞는 비밀 번호를 입력하여 비밀번호가 맞지 않다면 수정을 하지 못하게 한다. jsp 파일에서 수정 하게 만들어 클라이언트가 수정 버튼을 눌렀을 때 비밀 번호가 맞다면 servlet의 doPost 방식으로 이동하여 내용이 수정 가능 하도록 구현 한다. num writer content w_date edit
[jsp와 servlet] 익명 방명록 만들기 ⑦ 글 번호 클릭하여 상세 보기
·
MVC/jsp & servlet
①① list jsp 에서 작성 해 놓은 코드를 이용하여 번호를 클릭하면 "/guset/detail" servlet 을 구동 할 수 있게 해 준다 ${vo.num } doGet 에는 번호 클릭 후 상세 페이지로 이동하게 하고 상세페이지를 눌렀다면 cnt 가 1 증가하게 만들어 준다. doPost 에는 클라이언트가 내용 수정 후 수정 버튼을 눌렀을 때 수정이 가능 하도록 구현 해준다 package guestbook.controller; import java.io.IOException; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; im..
[jsp와 servlet] 익명 방명록 만들기 ⑥ 삭제 구현 하기
·
MVC/jsp & servlet
⑩ list jsp 에 작성한 삭제 버튼을 클릭하면 삭제가 될 수 있게 del 서브렛에서 구현 한다 package guestbook.controller; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import guestbook.GuestBookService; /** * Servlet implementation class..
해니01_15
'자바스크립트' 태그의 글 목록