전자정부프레임워크 게시판 기본(3)
2020. 12. 22. 10:44
728x90
list.jsp
|
- 제목 클릭 시 상세화면(view.jsp)으로 이동 - 등록 버튼 클릭 시 등록화면(mgmt.jsp)으로 이동 |
<%@ page language="java" 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>
<head>
<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="<c:url value='/js/jquery.min.1.11.0.js'/>"></script>
<script src="<c:url value='/css/bootstrap/js/bootstrap.min.js'/>"></script>
<title>Insert title here</title>
<script type="text/javascript" language="javascript" defer="defer">
function add() {
location.href = "<c:url value='/mgmt.do'/>";
}
function view() {
location.href = "<c:url value='/view.do'/>";
}
</script>
</head>
<body>
<div class="container">
<h1>메인화면</h1>
<div class="panel panel-default">
<div class="panel-heading">
<!-- 로그인 -->
<form class="form-inline" action="/login.do">
<div class="form-group">
<label for="id">ID:</label> <input type="text"
class="form-control" id="id">
</div>
<div class="form-group">
<label for="pwd">Password:</label> <input type="password"
class="form-control" id="pwd">
</div>
<button type="submit" class="btn btn-default">로그인</button>
</form>
</div>
<div class="panel-body">
<form class="form-inline" action="/list.do">
<div class="form-group">
<label for="searchName">제목(내용):</label> <input type="text"
class="form-control" id="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><a href="javascript:view()">제목1</a></td>
<td>1</td>
<td>관리자</td>
<td>2020.12.22</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="panel-footer">
<!-- 버튼 -->
<button type="button" class="btn btn-default" onclick="add()">등록</button>
</div>
</div>
</div>
</body>
</html>
list.jsp 복사하여 mgmt.jsp 생성
mgmt.jsp
|
- 게시물 등록/수정 화면 - 취소 버튼 클릭 시 목록으로 이동 |
<%@ page language="java" 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>
<head>
<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="<c:url value='/js/jquery.min.1.11.0.js'/>"></script>
<script src="<c:url value='/css/bootstrap/js/bootstrap.min.js'/>"></script>
<script type="text/javascript" language="javascript" defer="defer">
function cancel() {
location.href = "<c:url value='/list.do'/>";
}
</script>
<title>Insert title here</title>
</head>
<body>
<div class="container">
<h1>등록/수정화면</h1>
<div class="panel panel-default">
<div class="panel-heading">
<label for="">빈칸</label>
</div>
<div class="panel-body">
<form class="form-horizontal" action="/mgmt.do">
<div class="form-group">
<label class="control-label col-sm-2" for="idx">게시물아이디:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="idx" name="idx"
placeholder="Enter eamil" />
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="title">제목:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="title" name="title"
maxlength="100" placeholder="제목을 입력하세요" />
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="write">등록자/등록일:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="writer" name="writer"
maxlength="15" style="float: left; width: 30%"
placeholder="등록자를 입력하세요" /> <input type="text"
class="form-control" id="indate" name="indate" maxlength="10"
style="float: left; width: 30%" placeholder="등록일을 입력하세요" />
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="content">내용:</label>
<div class="col-sm-10">
<textarea class="form-control" rows="5" id="contents"
name="contents" maxlength="2000">
</textarea>
</div>
</div>
</form>
</div>
<div class="panel-footer">
<!-- 버튼 -->
<button type="button" class="btn btn-default">등록</button>
<button type="button" class="btn btn-default">수정</button>
<button type="button" class="btn btn-default" onclick="cancel()">취소</button>
</div>
</div>
</div>
</body>
</html>
mgmt.jsp 복사하여 view.jsp 생성
view.jsp
|
- 상세화면 - 목록 버튼 클릭 시 목록으로 이동 |
<%@ page language="java" 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>
<head>
<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="<c:url value='/js/jquery.min.1.11.0.js'/>"></script>
<script src="<c:url value='/css/bootstrap/js/bootstrap.min.js'/>"></script>
<script type="text/javascript" language="javascript" defer="defer">
function list() {
location.href = "<c:url value='/list.do'/>";
}
</script>
<title>Insert title here</title>
</head>
<body>
<div class="container">
<h1>상세화면</h1>
<div class="panel panel-default">
<div class="panel-heading">
<label for="">빈칸</label>
</div>
<div class="panel-body">
<form class="form-horizontal" action="/mgmt.do">
<div class="form-group">
<label class="control-label col-sm-2" for="idx">게시물아이디:</label>
<div class="col-sm-10 control-label" style="text-align:left;">
게시물아이디
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="title">제목:</label>
<div class="col-sm-10 control-label" style="text-align:left;">
제목
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="write">등록자/등록일:</label>
<div class="col-sm-10 control-label" style="text-align:left;">
등록자/등록일
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="content">내용:</label>
<div class="col-sm-10">
내용
</div>
</div>
</form>
</div>
<div class="panel-footer">
<!-- 버튼 -->
<button type="button" class="btn btn-default">수정</button>
<button type="button" class="btn btn-default">삭제</button>
<button type="button" class="btn btn-default" onclick="list()">목록</button>
</div>
</div>
</div>
</body>
</html>
BoardController에 view.do 추가
BoardController.java
package egovframework.example.board.web;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
public class BoardController {
@RequestMapping(value = "/list.do")
public String list(ModelMap model) throws Exception {
return "board/list";
}
@RequestMapping(value = "/mgmt.do")
public String mgmt(ModelMap model) throws Exception {
return "board/mgmt";
}
@RequestMapping(value = "/view.do")
public String view(ModelMap model) throws Exception {
return "board/view";
}
}
list.do
mgmt.do
view.do
디자인/레이아웃은 추후 기본 구현 후 수정할 예정
728x90
반응형
'eGovFramework > egovframework' 카테고리의 다른 글
| 전자정부프레임워크 게시판 기본(4) (0) | 2020.12.22 |
|---|---|
| 전자정부프레임워크 게시판 기본(2) (0) | 2020.12.22 |
| 전자정부프레임워크 게시판 기본(1) (0) | 2020.12.21 |
| 전자정부프레임워크(eGovFramework) 샘플 게시판 (0) | 2020.12.21 |