0804 개발일기 페이징 마무리

이제 디비의 모든 페이지를 다 띄울수있다..!

이제 title을 눌렀을때 readPage로 가게하고 거기서 삭제 , 수정 처리와 다시 원래 페이지로 돌아오게하는 코드를 추가할것이다.

기존 boardController을 수정

 read.jsp를 수정하여 readPage.jsp를 만들었다.

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="../include/header.jsp" %>
 
<script>
 
$(document).ready(function(){
    
    var formObj = $("form[role='form']");
    
    console.log(formObj);
    
    
    $(".btn-warning").on("click", function(){
        formObj.attr("action", "/board/modifyPage");
        formObj.attr("method", "get");
        formObj.submit();
    });
    $(".btn-dander").on("click", function(){
        formObj.attr("method", "post");
        formObj.attr("action", "/board/removePage");
        formObj.submit();
    });
    $(".btn-primary").on("click", function(){
        formObj.attr("method", "get");
        formObj.attr("action", "/board/listPage");
        formObj.submit();
    });
    
})
 
</script>
 
<form role="form" method="post">
    <input type='hidden' name='bno' value="${boardVO.bno }">
</form>
<form role="form" action="modifyPage" method="post">
    <input type='hidden' name='bno' value="${boardVO.bno }">
    <input type='hidden' name='page' value="${cri.page }">
    <input type='hidden' name='perPageNum' value="${cri.perPageNum }">
</form>
 
<div class="box-body">
    <div class="form-group">
        <label for="exampleInputEmail1">Title</label> 
        <input type="text" name='title' class="form-control" value="${boardVO.title}" readonly='readonly'>
    </div>
    <div class="form-group">
        <label for="exampleInputPassword1">Content</label> 
        <textarea class="form-control" name="content" rows="3" readonly="readonly">${boardVO.content }</textarea>
    </div>
    <div class="form-group">
        <label for="exampleInputEmail1">Writer</label>
        <input type="text" name="writer" class="form-control" value="${boardVO.writer }" readonly="readonly">
    </div>
</div>
<div class="box-footer">
    <button type="submit" class="btn btn-warning">Modify</button>
    <button type="submit" class="btn btn-dander">Remove</button>
    <button type="submit" class="btn btn-primary">LIST ALL</button>
</div>
 
 
 
 

modifyPage 도 수정하여 아래와 같이 만들었고

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="../include/header.jsp" %>
 
<script>
    $(document).ready(function() {
        
        var formObj = $("form[role='form']");
        console.log(formObj);
        
        $(".btn-warning").on("click", function(){
            self.location = "/board/listPage?page=${cri.page}&perPageNum=${cri.perPageNum}";
        });
        
        $(".btn-primary").on("click", function(){
            formObj.submit();
        });
        
    });
</script>
 
<form role="form" action="modifyPage" method="post">
    <input type='hidden' name='page' value="${cri.page }">
    <input type='hidden' name='perPageNum' value="${cri.perPageNum }">
        <div class="box-body">
            <div class="form-group">
                <label for="exampleInputEmail1">BNO</label>
                <input type="text" name='bno' class="form-control" 
                        value="${boardVO.bno }" readonly="readonly">
            </div>
            <div class="form-group">
                <label for="exampleInputEmail1">Title</label> 
                <input type="text" name='title' class="form-control" value="${boardVO.title}">
            </div>
            <div class="form-group">
                <label for="exampleInputPassword1">Content</label> 
                <textarea class="form-control" name="content" rows="3">${boardVO.content }</textarea>
            </div>
            <div class="form-group">
                <label for="exampleInputEmail1">Writer</label>
                <input type="text" name="writer" class="form-control" value="${boardVO.writer }">
            </div>
        </div>
</form>
        
<div class="box-footer">
    <button type="submit" class="btn btn-primary">SAVE</button>
    <button type="submit" class="btn btn-warning">CANCEL</button>
</div>

boardController는 이런식으로 수정되었다

@RequestMapping(value="/readPage", method=RequestMethod.GET)
    public void read(@RequestParam("bno") int bno, 
            @ModelAttribute("cri") 
            Criteria cri, 
            Model model) throws Exception{
        model.addAttribute(service.read(bno));
    }
 
    @RequestMapping(value="/removePage", method=RequestMethod.POST)
    public String remove(@RequestParam("bno") int bno,
            Criteria cri, RedirectAttributes rttr) throws Exception{
        service.remove(bno);
        rttr.addAttribute("page", cri.getPage());
        rttr.addAttribute("perPageNum", cri.getPerPageNum());
        rttr.addFlashAttribute("msg", "SUCCESS");
        
        return "redirect:/board/listPage";
    }
 
    @RequestMapping(value="/modifyPage", method=RequestMethod.GET)
    public void modifyPagingGET(@RequestParam("bno") int bno,
            @ModelAttribute("cri") Criteria cri,
            Model model) throws Exception{
        model.addAttribute(service.read(bno));
    }
    
    @RequestMapping(value="/modifyPage", method=RequestMethod.POST)
    public String modifyPagingPOST(BoardVO board,
            Criteria cri, RedirectAttributes rttr) throws Exception{
        
        service.modify(board);
        
        rttr.addAttribute("page", cri.getPage());
        rttr.addAttribute("perPageNum", cri.getPerPageNum());
        rttr.addFlashAttribute("msg", "SUCCESS");
        
        return "redirect:/board/listPage";
    }

그 결과! 

modify 화면 bno는 수정 불가능하다.

결과 

그리고 remove test로 919항목이 사라전걸 볼 수 있다.

다음은 검색기능을 넣을거다..

슬슬 플젝도 시작해야하는데!