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로 사용하기
반응형
'Spring' 카테고리의 다른 글
| LBS 활용하기 (0) | 2021.04.30 |
|---|---|
| 카메라 사용 (0) | 2021.04.14 |
| MONGO + MQTT로 브라우저LED제어 (0) | 2021.04.07 |
| Spring 환경설정하기 / 툴 사용 (0) | 2021.03.29 |
| SpringMVC (0) | 2021.03.21 |
