Spring

Spring 게시판

noddu 2021. 3. 31. 13:00
728x90
반응형

 

 

 

 

 

부트스트랩 다운로드 후

webapp -> css 폴더에 넣기

 

 

jQuery는 code.jquery.com에서  CDN 방식으로 가져오기

 

 

●index.jsp

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<jsp:forward page="/list.do"/>

web.xml에 welcome-file-list에 index.jsp로 설정 돼있음

 

webapp 안에있어서 실행시 Controller 통해서 index.jsp에 옴

index.jsp에서 foward 설정하기 -> 요청오면 list.do로 가게 설정하기

 

 

 

 

 

●BoardController.java

package egovframework.example.board.web;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class BoardController {

	@RequestMapping(value="list.do")
	public String list(Model model) throws Exception{
		
		// DAO연동 해서 데이터 가져오는 작업
		// Controller - Service - DAO
		
		return "board/list";
	}
}

Model 객체쓸때 springframework 의 Model을 import하기

메소드 단위로 mapping하면 된다.

 

 

 

 

 

<%@ taglib prefix="c"      uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form"   uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="ui"     uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>

jstl쓸때 기본적으로 설정

 

 

 

●list.jsp

<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c"      uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form"   uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="ui"     uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>

<!DOCTYPE html>

<html lang="ko">

<head>

<title>Bootstrap Example</title>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="<c:url value='/css/bootstrap/css/bootstrap.min.css'/>"/>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="<c:url value='/css/bootstrap/js/bootstrap.min.js'/>"/></script>

</head>

<body>

<div class="container">
   <h1>내 메인화면</h1>
   <div class="panel panel-default">
   
    <div class="panel-heading">        
    <form class="form-inline" action="/login.do" method="post">
    
     <div class="form-group">
       <label for="id">ID : </label>
       <input type="text" class="form-control" id="id" name="id">
     </div>
     
     <div class="form-group">
       <label for="pwd">Password : </label>
       <input type="password" class="form-control" id="pwd" name="pwd">
     </div>
     
     <button type="submit" class="btn btn-default">로그인</button>
     
     </form>        
    </div>
    
   <div class="panel-body">
      <form class="form-inline" action="/search.do" method="post">
      
        <div class="form-group">
          <label for="searchName">제목(내용):</label>
          <input type="text" class="form-control" id="searchName" name="searchName">
        </div>
              
        <button type="submit" class="btn btn-default">검색</button>
        
        </form>
        
     <div class="table-responsive">
         <table class="table table-hover">
         
          <thead>
            <tr>
              <th>게시물 번호</th>
              <th>제목</th>
              <th>조회수</th>
              <th>등록자</th>
              <th>등록일</th>
            </tr>
          </thead>
          
          <tbody>
            <tr>
              <td>1</td>
              <td>안녕하세요</td>
              <td>1</td>
              <td>관리자</td>
              <td>2018.10.22</td>
            </tr>
          </tbody>
          
        </table>
        </div>
     </div>
     
     <div class="panel-footer">
       <button type="button" class="btn btn-danger" onclick="add()">등록</button>
     </div>
   </div>
</div>


</body>

</html>

게시판 테이블 만들기

 

 

<script type="text/javascript">
	function add() {
		location.href="<c:url value='/mght.do'/>";
	}
</script>

등록하는 버튼에 onclick속성 달아서 mgmt.do로 설정하는데

/board라는 경로작성 x , context 작성 x   ->   c:url로 사용하기

 

 

반응형