설 연휴가 시작 되었습니다. 모두 새해 복 많이 받으세요 ~~~~~
오늘은 게시판 글 작성하기입니다.
제목, 내용을 입력하고 데이터베이스에 저장하기 입니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | CREATE TABLE `tbl_notice` ( `nno` INT(11) NOT NULL AUTO_INCREMENT COMMENT 'pk', `ntitle` VARCHAR(200) NULL DEFAULT NULL COMMENT '제목', `ncontent` TEXT NULL DEFAULT NULL COMMENT '내용', `nwriter` VARCHAR(50) NULL DEFAULT NULL COMMENT '작성자', `nrdate` TIMESTAMP NULL DEFAULT '', `nviewcnt` INT(11) NULL DEFAULT '', `nisdelete` CHAR(1) NULL DEFAULT 'N' COMMENT '삭제여부', PRIMARY KEY (`nno`) ) | cs |
테이블을 이렇게 생성해주세요
JSP
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <body> <div class="page-wrapper"> <div class="container-fluid"> <div class="col-lg-8"><!--게시판 넓이 --> <div class="col-lg-12"> <h1 class="page-header">공지사항 관리</h1> </div> <div class="row"> <div class="col-lg-12"> </div> </div> <div class="panel panel-default"> <div class="panel-heading">공지사항 </div> <div class="panel-body"> <form id="boardFrm" name="boardFrm" action="/board/boardSave.do" method="post"> <div class="row form-group"> <label class="col-lg-2">제목</label> <div class="col-lg-8"> <input type="text" class="form-control" id="ntitle" name="ntitle" min="1" max="3"> </div> </div> <div class="row form-group"> <label class="col-lg-2">내용</label> <div class="col-lg-8"> <textarea class="form-control" id="ncontent" name="ncontent"></textarea> </div> </div> </form> <button class="btn btn-outline btn-info" onclick="fn_MoveToUrl('/board/boardSave.do','저장')">저장하기</button> <button class="btn btn-outline btn-primary" onclick="location.href='/board/boardList.do'">리스트</button> </div> </div> </div> </div> </div> | cs |
Contoller
1 2 3 4 5 6 7 8 9 10 11 12 | @RequestMapping(value="/boardWrite.do", method=RequestMethod.GET) public String boardWrite() { return "board/boardwrite"; } @RequestMapping(value="/boardSave.do", method=RequestMethod.POST) public String boardSave(BoardVO boardVO) { service.boardSave(boardVO); return "redirect:boardList.do"; } | cs |
우선 게시판 작성 화면을 띄여줄 boardWrite.do
저장처리를 할 boardSave.do
이제 Service/DAO단은 생략하겠습니다. :D (앞부분 부터 보셨다면 이제 익술해지셨으리라ㅎㅎㅎ)
이후에 게시판 작성과, 수정? 한번에 처리하기 에서 서비스단이랑 DAO단은 다시 다루겠으니
이번엔 생략하겠습니다.
1 2 3 4 5 6 7 8 9 10 11 12 | <insert id="boardSave"> INSERT INTO tbl_notice( ntitle, ncontent, nwriter )VALUES( #{ntitle}, #{ncontent}, '관리자' ) </insert> | cs |
스크립트 버튼 이벤트
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <script type="text/javascript"> function fn_MoveToUrl(url,msg){ var ntitle = $("#ntitle").val(); var ncontent = $("#ncontent").val(); if(ntitle.length == 0){ alert("제목을 입력해 주세요"); $("#ntitle").focus(); return false; } if(ncontent.length == 0){ alert("내용을 입력해 주세요"); $("#ncontent").focus(); return false; } if(msg){ if(confirm(msg + "하시겠습니까???")) $("#boardFrm").submit(); return; } location.href=url; } </script> | cs |
우선 공백 확인을 하고
fn_MoveToUrl('/board/boardSave.do','저장')
fn_MoveToUrl 에 Url과 msg 두개의 두개의 매개변수를 념겨줍니다.
그럼 msg = 저장 + 하시겠습니까 의 alert메시지를 확인할 수 있어 편리합니다. 사실 따로 빼서 관리하면
fn_MoveToUrl 를 써서 수정하시겠습니까 ? 삭제하시겠습니까? 자장하시겠습니까 ? 등
메시지와 url을 사용할 수 있어 엄청 편합니다. ~
다음엔 게시글 상세조회 처리에대하여 올리겟습니다~
'프레임워크 > SpringFrameWork' 카테고리의 다른 글
| 6. 스프링 기본 게시판 만들기(리스트출력하기) (3) | 2018.02.13 |
|---|---|
| 5. ajax를 활용하여 아이디 중복체크 하기 (43) | 2018.02.08 |
| 4. 스프링 회원가입 유효성검사 (2) | 2018.02.07 |
| 3. spring 다음 주소API를 활용하여 우편번호 및 주소 찾기 (0) | 2018.02.07 |
| 2. 회원가입 암호화 하는방법2 (0) | 2018.02.07 |