반응형
게시글 쓰기(Insert) + 부트스트랩 끼얹기
1. views 폴더에 bootstrap.jsp 파일 생성 후 작성
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- jQuery --> <script src="//code.jquery.com/jquery.min.js"></script> <!-- 합쳐지고 최소화된 최신 CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> <!-- 부가적인 테마 --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css"> <!-- 합쳐지고 최소화된 최신 자바스크립트 --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> | cs |
2. 기존에 작성되어 있던 jsp페이지 아래에 태그 추가
1 | <%@ include file="bootstrap.jsp" %> | cs |
3. insert.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 | <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert Form</title> </head> <body> <h2> 게시글 작성 </h2> <div class="container"> <form action="/insertProc" method="post"> <div class="form-group"> <label for="subject">제목</label> <input type="text" class="form-control" id="subject" name="subject" placeholder="제목을 입력하세요."> </div> <div class="form-group"> <label for="writer">작성자</label> <input type="text" class="form-control" id="writer" name="writer" placeholder="내용을 입력하세요."> </div> <div class="form-group"> <label for=content">내용</label> <textarea class="form-control" id="content" name="content" rows="3"></textarea> </div> <button type="submit" class="btn btn-primary">작성</button> </form> </div> <%@ include file="bootstrap.jsp" %> </body> </html> | cs |
4. BoardController.java 에서 insertPorc() 수정
1 2 3 4 5 6 7 8 9 10 11 12 13 | @RequestMapping("/insertProc") private String boardInsertProc(HttpServletRequest request) throws Exception{ BoardVO board = new BoardVO(); board.setSubject(request.getParameter("subject")); board.setContent(request.getParameter("content")); board.setWriter(request.getParameter("writer")); mBoardService.boardInsertService(board); return "redirect:/list"; } | cs |
5. 프로젝트 재 실행후 http://localhost:8080/insert 접속 - insert 확인(작성 후 list페이지로 이동됨)
insert 끝!
반응형
'SpringBoot 게시판 만들기' 카테고리의 다른 글
| 스프링부트(SpringBoot) 게시판 만들기7 - 게시글 상세(detail) (0) | 2017.08.20 |
|---|---|
| 스프링부트(SpringBoot) 게시판 만들기6 - 게시글 목록(list) + jstl 태그 사용 (2) | 2017.08.20 |
| 스프링부트(SpringBoot) 게시판 만들기4 - CRUD (7) | 2017.08.20 |
| 스프링부트(SpringBoot) 게시판 만들기3 - MySQL, MyBatis, JSP 연동(2) (4) | 2017.08.19 |
| 스프링부트(SpringBoot) 게시판 만들기2 - MySQL, MyBatis, JSP 연동(1) (3) | 2017.08.19 |
댓글