수업(국비지원)/Ajax
[AJAX] 게시판 현황에 게시판 그래프 추가하기(kiclayout, AjaxController, ShopService, BoardDao, BoardMapper )
byeolsub
2023. 4. 21. 23:30
- 결과
📌 kiclayout
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath}"/>
<%-- /springmvc1/src/main/webapp/layout/kiclayout.jsp --%>
<!DOCTYPE html>
<html>
<head>
<title><sitemesh:write property="title"/></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<%-- ckeditor 설정 --%>
<script type="text/javascript" src="http://cdn.ckeditor.com/4.5.7/standard/ckeditor.js"></script>
<style>
html,body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
</style>
<sitemesh:write property="head"/>
</head>
<body class="w3-light-grey">
<!-- Top container -->
<div class="w3-bar w3-top w3-black w3-large" style="z-index:4">
<button class="w3-bar-item w3-button w3-hide-large w3-hover-none w3-hover-text-light-grey" onclick="w3_open();"><i class="fa fa-bars"></i> Menu</button>
<span class="w3-bar-item w3-right">
<c:if test="${empty sessionScope.loginUser}">
<a href="${path}/user/login">로그인</a>
<a href="${path}/user/join">회원가입</a>
</c:if>
<c:if test="${!empty sessionScope.loginUser}">
${sessionScope.loginUser.username}님이 로그인 하셨습니다.
<a href="${path}/user/logout">로그아웃</a>
</c:if>
</span>
</div>
<!-- Sidebar/menu -->
<nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:300px;" id="mySidebar"><br>
<div class="w3-container w3-row">
<div class="w3-col s4">
<img src="${path}/image/logo.png" class="w3-circle w3-margin-right" style="width:100px">
</div>
<div class="w3-col s8 w3-bar">
<c:if test="${!empty sessionScope.loginUser}">
<span>반갑습니다, <strong>${sessionScope.loginUser.username}님</strong></span><br>
</c:if>
<c:if test="${empty sessionScope.loginUser}">
<span><strong>로그인 하세요.</strong></span><br>
</c:if>
</div>
</div>
<hr>
<div class="w3-bar-block">
<a href="#" class="w3-bar-item w3-button w3-padding-16 w3-hide-large w3-dark-grey w3-hover-black" onclick="w3_close()" title="close menu"><i class="fa fa-remove fa-fw"></i> Close Menu</a>
<a href="${path}/user/mypage?id=${loginUser.userid}" class="w3-bar-item w3-button w3-padding w3-blue">
<i class="fa fa-users fa-fw">
</i> 회원관리</a>
<a href="${path}/item/list" class="w3-bar-item w3-button w3-padding">
<i class="fa fa-eye fa-fw">
</i> 상품관리</a>
<hr>
<a href="${path}/board/list?doardid=1" class="w3-bar-item w3-button w3-padding">
<i class="fa fa-users fa-fw">
</i> 공지사항</a>
<a href="${path}/board/list?boardid=2" class="w3-bar-item w3-button w3-padding">
<i class="fa fa-bullseye fa-fw">
</i> 자유게시판</a>
<a href="${path}/board/list?boardid=3" class="w3-bar-item w3-button w3-padding">
<i class="fa fa-diamond fa-fw">
</i> QnA</a>
</div>
</nav>
<!-- Overlay effect when opening sidebar on small screens -->
<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
<!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px;margin-top:43px;">
<!-- Header -->
<header class="w3-container" style="padding-top:22px">
<h5><b><i class="fa fa-dashboard"></i>게시판 현황</b></h5>
</header>
<div class="w3-row-padding w3-margin-bottom">
<div class="w3-half w3-center">
<div class="w3-container w3-padding-16">
<input type="radio" name="pie" onchange="piegraph(2)"checked="checked">자유게시판
<input type="radio" name="pie" onchange="piegraph(3)">QNA
<div id="piecontainer" style="width:100%; border:1px solid #ffffff">
<%-- 자유게시판 글쓴이별 건수 파이그래프 --%>
<canvas id ="canvas1" style="width:100%"></canvas>
</div>
</div>
</div>
<div class="w3-half w3-center">
<div class="w3-container w3-padding-16">
<input type="radio" name="barline" onchange="barlinegraph(2)"checked="checked">자유게시판
<input type="radio" name="barline" onchange="barlinegraph(3)">QNA
<div id="barcontainer" style="width:100%; border:1px solid #ffffff">
<%-- 최근 7일 간의 자유게시판 등록건수 막대/선 그래프 --%>
<canvas id ="canvas2" style="width:100%"></canvas>
</div>
</div>
</div>
</div>
<div class="w3-panel">
<sitemesh:write property="body"/>
</div>
<hr>
<!-- Footer -->
<footer class="w3-container w3-padding-16 w3-light-grey">
<h4>FOOTER</h4>
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
<hr>
<div>
<span id="si">
<select name="si" onchange="getText('si')">
<option value="">시도를 선택하세요</option>
</select>
</span>
<span id="gu">
<select name="gu" onchange="getText('gu')">
<option value="">구군을 선택하세요</option>
</select>
</span>
<span id="dong">
<select name="dong">
<option value="">동리를 선택하세요</option>
</select>
</span></div>
</footer>
<!-- End page content -->
</div>
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js"></script>
<script>
// Get the Sidebar
var mySidebar = document.getElementById("mySidebar");
// Get the DIV with overlay effect
var overlayBg = document.getElementById("myOverlay");
// Toggle between showing and hiding the sidebar, and add overlay effect
function w3_open() {
if (mySidebar.style.display === 'block') {
mySidebar.style.display = 'none';
overlayBg.style.display = "none";
} else {
mySidebar.style.display = 'block';
overlayBg.style.display = "block";
}
}
// Close the sidebar with the close button
function w3_close() {
mySidebar.style.display = "none";
overlayBg.style.display = "none";
}
</script>
<script type="text/javascript">
//$(function() : 문서 준비 완료.
$(function () {
piegraph(2);
barlinegraph(2);
///////////////////////////
let divid
let si
/* 서버에서 배열 객체로 직접 전달
$.ajax({ //jquery를 이용한 ajax 처리
url : "${path}/ajax/select",
success : function(arr) {
//arr : 배열객체로 서버에 직접 전달.
$.each(arr,function(i,item) {
$("select[name=si]").append(function(){
return "<option>" + item + "</option>"
})
})
}
})
*/
//서버에서 문자열로 데이터 전달받기
$.ajax({ //jquery를 이용한 ajax 처리
url : "${path}/ajax/select2",
success : function(data) {
//data : utf-8로 인코딩 된 순수 문자열 데이터.
//배열로 변환
let arr = data.substring(data.indexOf('[')+1, data.indexOf(']')).split(",")
$.each(arr,function(i,item) {
$("select[name=si]").append(function(){
return "<option>" + item + "</option>"
})
})
}
})
})
function getText(name) { //gu
let city = $("select[name='si']").val();
let gu = $("select[name='gu']").val();
let disname;
let toptext="구군을 선택하세요";
let params="";
if(name == "si") {
params = "si=" + city.trim();
disname = "gu";
} else if(name == "gu") {
params = "si=" + city.trim() + "&gu=" + gu.trim();
disname = "dong";
toptext = "동리를 선택하세요";
} else {
return;
}
$.ajax({
url : "${path}/ajax/select",
type : "POST",
data : params,
success : function(arr) {
//데이터를 추가해야 하는 select 태그의 option 태그들을 전부 제거
$("select[name=" + disname + "] option").remove();
//첫번째 option 객체를 추가
$("select[name=" + disname + "]").append(function() {
return "<option value=''>" + toptext + "</option>"
})
//arr : 서버에서 전송한 배열 객체.
$.each(arr,function(i,item) {
$("select[name=" + disname + "]").append(function() {
return "<option>" + item + "</option>"
})
})
}
})
}
//색상 지정
let randomColorFactor = function() {
return Math.round(Math.random() * 255);
}
let randomColor = function(opa) {
return "rgba(" + randomColorFactor() + ","
+ randomColorFactor() + ","
+ randomColorFactor() + ","
+ (opa || '.3') + ")";
}
function piegraph(id) { //
$.ajax("${path}/ajax/graph1?id=" + id, {
success : function(json) {
let canvas = '<canvas id ="canvas1" style="width:100%"></canvas>'
$("#piecontainer").html(canvas);
pieGraphPrint(json,id);
},
error : function(e) {
alert("서버오류", + e.status)
}
})
}
function barlinegraph(id) { //이전 7일 부터 날짜별로 등록된 건수
$.ajax("${path}/ajax/graph2?id=" + id, {
success : function(json) {
let canvas = '<canvas id ="canvas2" style="width:100%"></canvas>'
$("#barcontainer").html(canvas);
barlineGraphPrint(json,id);
},
error : function(e) {
alert("서버오류", + e.status)
}
})
}
function pieGraphPrint(json,id) {
//json : [{"홍길동":3},{"김삿갓":2},{"이몽룡":1}]
let colors = [] //파이 그래프의 색상을 저장해주는 배열
let writers = [] //글 작성자 배열
let datas = [] //글 작성 건수 배열
//index : json 배열의 인덱스 값
$.each(json, function(index) {
colors[index] = randomColor(0.5);
for(key in json[index]) {
writers.push(key) //글 작성자 이름을 추가
datas.push(json[index][key]) // 글 작성 건수 (3이라고 하는 값을 datas에 넣어 준다.)
}
})
let title = (id == 2)?"자유게시판":"QAN";
var config = {
type : 'pie', //그래프의 종류
data : {
datasets : [{data : datas,
backgroundColor : colors }],
labels : writers
},
options : {
responsive : true,
legend : {display : true, position : "right"},
title : {
display : true,
text : '글쓴이 별 ' + title + ' 등록 건수',
position : 'bottom' //제목 부분 하단에 표시
}
}
}
let ctx = document.getElementById("canvas1");
new Chart(ctx, config);
}
function barlineGraphPrint(json,id) {
let colors = []
let days = []
let datas = []
$.each(json,function(index) {
colors[index] = randomColor(0.5);
for(key in json[index]) {
days.push(key)
datas.push(json[index][key])
}
})
let chartData = {
labels: days,
datasets: [{
type: 'line',
borderWidth: 2,
borderColor:colors,
label: '건수',
fill: false,
data: datas,
},
{ type: 'bar',
label: '건수',
backgroundColor: colors,
data: datas
}]
}
let title = (id==2)?"자유게시판":"QNA";
let config = {
type: 'bar',
data: chartData,
options: {
responsive: true,
title: {display: true,
text: '최근 7일 '+title+' 등록 건수',
position : 'bottom'
},
legend : {display : false },
scales: {
xAxes: [{ display : true,
scaleLabel: { display : true, labelString : "작성일자"},
}],
yAxes: [{
scaleLabel: {
display : true,
labelString : "게시물 등록 건수"
},
ticks: { beginAtZero: true }
}]
}
}
}
let ctx = document.getElementById('canvas2');
new Chart(ctx,config);
}
</script>
</body>
</html>
📌 AjaxController 내용 추가
package controller;
import java.io.BufferedReader;
import java.io.FileReader;
import java.io.IOException;
import java.util.ArrayList;
import java.util.Collections;
import java.util.LinkedHashSet;
import java.util.List;
import java.util.Map;
import java.util.Map.Entry;
import java.util.Set;
import javax.servlet.http.HttpServletRequest;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import logic.ShopService;
/*
* @Controller : @Component + Controller 기능
* 메서드 리턴 타입 : String => 뷰의 이름 지정
* ModelAndView => 뷰의 이름 지정 + 데이터
*
* @RestController : controller의 하위클래스.
* @Controller + Controller 기능 + 클라이언트에 값 전달시 뷰 없이 바로 데이터 전달
* 메서드 리턴 타입 : String => 브라우저로 전달 할 데이터 값.
* Object => 브라우저로 전달할 데이터 값.
* spring 4.0 이후에 추가된 컨트롤러
* @ResponseBody 기능 : 메서드의 어노테이션으로 설정.
*/
@RestController
@RequestMapping("ajax")
public class AjaxController {
@Autowired
ShopService service;
@RequestMapping("select")
public List<String> select(String si, String gu, HttpServletRequest request) {
/*
* BufferedReader : Reader => 문자형 입력 스트림
* - readLine() 메서드를 멤버로 가짐. 문자형 입력 스트림이고 한줄씩 읽을 수 있는 기능 있음
* - FilteredReader : 기존의 스트림에 필터 기능 추가.
* 생성자에서 기존 스트림을 제공해줘야 한다.(생성자에 매개변수 없는 생성자는 없음.)
*/
BufferedReader fr = null;
//path : sido.txt 파일의 절대 경로
String path = request.getServletContext().getRealPath("/")
+ "file/sido.txt";
try {
//FileReader(path) : path 위치의 파일을 읽기 위한 스트림
//fr : sido.txt 파일을 읽기 위한 스트림 객체.
fr = new BufferedReader(new FileReader(path));
} catch(Exception e) {
e.printStackTrace();
}
//Set 객체 : 중복 불가.
//LinkedHashSet : 중복불가. 순서유지 가능.
Set<String> set = new LinkedHashSet<>();
String data = null;
//si, gu 파라미터 값이 없는 경우 : 처음 화면 초기화시 파라미터 값이 없는 경우
if(si == null && gu == null) { //최상단에 있는 시도에 해당하는 데이터를 찾아서 리턴.
try {
//readLine() : 한줄씩 읽을 수 있게 한다.
while((data = fr.readLine()) != null) {
//"\\\\s+" : \\\\s : 공백, + :1개 이상
// 공백 한개 이상으로 문자를 분리하여 배열 저장
String[] arr = data.split("\\\\s+");
if(arr.length >= 3) set.add(arr[0].trim());
}
} catch(IOException e) {
e.printStackTrace();
}
} else if(gu == null) { //si 파라미터 존재
si = si.trim();
try {
while ((data = fr.readLine()) != null) {
String[] arr = data.split("\\\\s+");
if(arr.length >= 3 && arr[0].equals(si) && !arr[1].contains(arr[0])) {
set.add(arr[1].trim()); //구 정보 저장
}
}
} catch(IOException e) {
e.printStackTrace();
}
} else { //si 파라미터 존재, gu 파라미터 존재
si = si.trim();
gu = gu.trim();
try {
while((data = fr.readLine()) != null) {
String[] arr = data.split("\\\\s+");
if(arr.length >= 3 && arr[0].equals(si) &&
arr[1].equals(gu) && !arr[0].equals(arr[1]) &&
!arr[2].contains(arr[1])) {
if(arr.length > 3) {
if(arr[3].contains(arr[1])) continue;
arr[2] += " " + arr[3];
}
set.add(arr[2].trim());//동 정보 저장
}
}
} catch(IOException e) {
e.printStackTrace();
}
}
List<String> list = new ArrayList<>(set);
return list; //배열로 브라우저(ajax 객체)에 전달
}
/*produces : 클라이언트쪽으로 전달되는 데이터의 특징을 설정.
text/plain : 순수 문자열.
charset=utf-8 : 문자열의 인코딩 방식을 전달
*/
@RequestMapping(value="select2", produces="text/plain; charset=utf-8")
public String select2(String si, String gu, HttpServletRequest request) {
BufferedReader fr = null;
String path = request.getServletContext().getRealPath("/")
+ "file/sido.txt";
try {
fr = new BufferedReader(new FileReader(path));
} catch(Exception e) {
e.printStackTrace();
}
Set<String> set = new LinkedHashSet<>();
String data = null;
if(si == null && gu == null) {
try {
while((data = fr.readLine()) != null) {
String[] arr = data.split("\\\\s+");
if(arr.length >= 3) set.add(arr[0].trim());
}
} catch(IOException e) {
e.printStackTrace();
}
}
List<String> list = new ArrayList<>(set);
return list.toString(); //문자열로 브라우저(ajax 객체)에 전달
}
@RequestMapping("graph1")
//Map.Entry<String, Integer> : (key,value) 쌍인 객체의 자료형
public List<Map.Entry<String, Integer>> graph1(String id) {
//map : {"홍길동"=3,"김삿갓"=2,"이몽룡"=1}
Map<String, Integer> map = service.graph1(id);
List<Map.Entry<String, Integer>> list = new ArrayList<>();
for(Entry<String, Integer> m : map.entrySet()) {
list.add(m);
}
//list : ["홍길동"=3,"김삿갓"=2,"이몽룡"=1]
System.out.println(list);
//등록 건수의 내림차순으로 정렬
Collections.sort(list, (m1,m2)->m2.getValue() - m1.getValue());
return list;
}
**@RequestMapping("graph2")
public List<Map.Entry<String, Integer>> graph2(String id) {
Map<String, Integer> map = service.graph2(id);
List<Map.Entry<String, Integer>> list = new ArrayList<>(map.entrySet());
System.out.println(list);
return list;
}**
}
📌 ShopService 내용 추가
package logic;
import java.io.File;
import java.math.BigDecimal;
import java.util.Comparator;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import java.util.TreeMap;
import javax.servlet.http.HttpServletRequest;
import javax.validation.Valid;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.web.multipart.MultipartFile;
import dao.BoardDao;
import dao.ItemDao;
import dao.SaleDao;
import dao.SaleItemDao;
import dao.UserDao;
/*
* @Component : 해당 클래스를 객체화
* - Service 기능 : Controller 와 Model사이의 중간 역할의 클래스
*/
@Service //@Component + Service 기능
public class ShopService {
@Autowired //현재 내 컨테이너(객체)들 중에 itemDao 객체를 주입.
private ItemDao itemDao;
@Autowired
private UserDao userDao;
@Autowired
private SaleDao saleDao;
@Autowired
private SaleItemDao saleItemDao;
@Autowired
private BoardDao boardDao;
public List<Item> itemList() {
return itemDao.list();
}
public Item getItem(Integer id) {
return itemDao.getItem(id);
}
//db에 내용 저장. 파일 업로드.
//item : 저장 정보. 입력된 파라미터 값 + 업로드 된 파일의 내용
public void itemCreate(@Valid Item item, HttpServletRequest request) {
//item.getPicture() : 업로드 된 파일의 내용
if(item.getPicture() != null && !item.getPicture().isEmpty()) { //업로드 된 파일이 있는 경우
String uploadPath = request.getServletContext().getRealPath("/") + "img/"; //업로드 위치
uploadFileCreate(item.getPicture(), uploadPath); //업로드 구현 완료
item.setPictureUrl(item.getPicture().getOriginalFilename()); //파일의 이름
}
//maxid : item테이블 중 최대 id 값
int maxid = itemDao.maxId();
item.setId(maxid+1);
itemDao.insert(item);
}
private void uploadFileCreate(MultipartFile file, String uploadPath) {
//uploadPath : 파일이 업로드 되는 폴더
String orgFile = file.getOriginalFilename(); //업로드 된 파일의 이름
File fpath = new File(uploadPath);
if(!fpath.exists()) fpath.mkdirs(); //업로드 폴더를 생성(없으면)
try {
//파일의 내용 => uploadPath + orgFile 로 파일 저장
file.transferTo(new File(uploadPath + orgFile)); //파일업로드
} catch(Exception e) {
e.printStackTrace();
}
}
public void itemUpdate(Item item, HttpServletRequest request) {
System.out.println(item);
//item.getPicture() : 업로드 된 파일의 내용
if(item.getPicture() != null && !item.getPicture().isEmpty()) { //업로드 된 파일이 있는 경우
String uploadPath = request.getServletContext().getRealPath("/") + "img/"; //업로드 위치
uploadFileCreate(item.getPicture(), uploadPath); //파일 업로드 : 업로드된 내용을 서버에 파일로 저장
item.setPictureUrl(item.getPicture().getOriginalFilename()); //파일의 이름을 db에 등록하기 위해 설정
}
itemDao.update(item);
}
public void itemDelete(Integer id) {
itemDao.delete(id);
}
public void userInsert(@Valid User user) {
userDao.insert(user);
}
public User getUser(String userid) {
return userDao.selectOne(userid);
}
public void userUpdate(@Valid User user) {
userDao.update(user);
}
public void userDelete(String userid) {
userDao.delete(userid);
}
public void userChgPass(String userid, String pass) {
userDao.chgpass(userid,pass);
}
public String getSearch(User user, String url) {
return userDao.search(user, url);
}
public List<User> userlist() {
return userDao.list();
}
/*
* 로그인 정보, 장바구니 정보에서 sale, saleitem 테이블에 데이터 저장
* 결과를 Sale 객체로 저장
* 1. sale 테이블의 saleid의 최대 값 조회
* 2. sale 테이블에 최대값+1, userid,sysdate 등록
* 3. Cart 데이터에서 saleitem 데이터 추출. insert
* 4. saleitem 정보를 sale객체에 모든 데이터 저장
* 5. sale 데이터 리턴
*/
public Sale checkend(User loginUser, Cart cart) {
//1. sale 테이블의 saleid의 최대 값 조회
int maxid = saleDao.getMaxSaleId();
//2. sale 테이블 등록
Sale sale = new Sale();
sale.setSaleid(maxid + 1);
sale.setUserid(loginUser.getUserid());
sale.setUser(loginUser);
saleDao.insert(sale); //sale 테이블에 데이터 저장
//3. Cart 데이터에서 saleitem 데이터 추출. insert
int seq = 0;
for(ItemSet is : cart.getItemSetList()) {
SaleItem saleItem = new SaleItem(sale.getSaleid(), ++seq, is);
sale.getItemList().add(saleItem);
saleItemDao.insert(saleItem); //saleitem 테이블에 저장
}
return sale;
}
public List<Sale> salelist(String id) {
//Sale 테이블의 내용 저장
List<Sale> list = saleDao.list(id); //sale 테이블에서 id에 해당하는 목록 조회
for(Sale sa : list) {
//주문 번호에 해당하는 주문상품 조회
List<SaleItem> saleitemlist = saleItemDao.list(sa.getSaleid());
//SaleItem 객체에 Item 객체 저장
for(SaleItem si : saleitemlist) {
Item item = itemDao.getItem(si.getItemid()); //주문상품의 상품데이터(item) 조회
si.setItem(item); //Item 객체를 SaleItem 객체에 추가
}
sa.setItemList(saleitemlist); //Sale 객체에 SaleItem 목록 추가
}
return list;
}
public int boardcount(String boardid) {
return boardDao.count(boardid);
}
public List<Board> boardlist(Integer pageNum, int limit, String boardid) {
return boardDao.list(pageNum,limit,boardid);
}
public void boardwrite(Board board, HttpServletRequest request) {
//첨부파일이 존재 : 파일 업로드
if(board.getFile1() != null && board.getFile1().isEmpty()) {
String path = request.getServletContext().getRealPath("/") +
"board/file/";
uploadFileCreate(board.getFile1(),path);
board.setFileUrl(board.getFile1().getOriginalFilename());
}
boardDao.insert(board);
}
public Board getBoard(Integer num) {
return boardDao.selectOne(num);
}
public void readcntadd(Integer num) {
boardDao.readcntadd(num);
}
//파일 업로드, db 수정
public void boardUpdate(Board board, HttpServletRequest request) {
//수정 시 파일 업로드가 발생 됨. 첨부파일 수정됨.
if(board.getFile1() != null && !board.getFile1().isEmpty()) {
String path = request.getServletContext().getRealPath("/") +
"board/file/";
uploadFileCreate(board.getFile1(), path);
board.setFileUrl(board.getFile1().getOriginalFilename());
}
boardDao.update(board);
}
public void boardReply(@Valid Board board) {
boardDao.grpStepAdd(board); //목록의 순서 부분을 지정. 원글의 grpstep보다 큰 grpstep을 가진 레코드의 grpstep의 값을 +1 수정
boardDao.reply(board);
}
public void boardDelete(Integer num) {
boardDao.delete(num);
}
public Map<String, Integer> graph1(String id) {
List<Map<String, Object>> list = boardDao.graph1(id);
/*
* List<Map<String, Object>> 리턴
* [{writer=홍길동,cnt=3},
* {writer=김삿갓,cnt=2},
* {writer=이몽룡,cnt=1}]
*/
System.out.println(list);
/*
* {홍길동=3,김삿갓=2,이몽룡=1} 형태로 변경하기
*/
Map<String, Integer> map = new HashMap<>();
for(Map<String,Object> m :list) {
//WRITER : 컬럼명. 오라클은 대문자로 출력됨.
// m : {WRITER=홍길동,CNT=3}
String writer = (String)m.get("WRITER"); //홍길동
long bcnt = ((BigDecimal) m.get("CNT")).longValue();
Integer cnt = (int)bcnt; //등록건수값
map.put(writer, cnt); //{"홍길동"=3,}
}
return map;
}
**public Map<String, Integer> graph2(String id) {
List<Map<String,Object>> list = boardDao.graph2(id);
Map<String, Integer> map = new TreeMap<>(Comparator.reverseOrder());
for(Map<String,Object> m : list) {
String day = (String)m.get("DAY");
long bcnt = ((BigDecimal) m.get("CNT")).longValue();
Integer cnt = (int)bcnt;
map.put(day, cnt);
}
System.out.println(map);
return map;
}**
}
📌 BoardDao 내용 추가
package dao;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import javax.validation.Valid;
import org.mybatis.spring.SqlSessionTemplate;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.jdbc.core.namedparam.BeanPropertySqlParameterSource;
import org.springframework.jdbc.core.namedparam.SqlParameterSource;
import org.springframework.stereotype.Repository;
import dao.mapper.BoardMapper;
import logic.Board;
@Repository
public class BoardDao {
@Autowired
private SqlSessionTemplate template;
private Map<String, Object> param = new HashMap<>();
private Class<BoardMapper> cls = BoardMapper.class;
public int count(String boardid) {
return template.getMapper(cls).count(boardid);
}
public List<Board> list(Integer pageNum, int limit, String boardid) {
param.clear();
int startrow = (pageNum - 1) * limit + 1;
int endrow = startrow + limit -1; //startrow에서 limit 만큼 가져오는
param.put("startrow", startrow);
param.put("endrow", endrow);
param.put("boardid", boardid);
return template.getMapper(cls).list(param);
}
/* 1. 게시판 테이블의 num 컬럼의 최대값
2. board 케이블에 저장
*/
public void insert(Board board) {
int num = maxNum() + 1;
board.setNum(num);
board.setGrp(num);
template.getMapper(cls).insert(board);
}
private int maxNum() {
return template.getMapper(cls).maxNum();
}
public void readcntadd(Integer num) {
template.getMapper(cls).readcntadd(num);
}
public Board selectOne(Integer num) {
return template.getMapper(cls).selectOne(num);
}
public void update(Board board) {
template.getMapper(cls).update(board);
}
public void grpStepAdd(@Valid Board board) {
template.getMapper(cls).getStepAdd(board);
}
//board : 원글 정보
// num,grp,grplevel,grpstep,boardid
public void reply(@Valid Board board) {
board.setNum(maxNum()+1); //게시물 번호를 최대값 +1 변경 => 답글 번호
board.setGrplevel(board.getGrplevel() + 1); //원글의 grplevel보다 +1 => 답글의 grplevel
board.setGrpstep(board.getGrpstep() + 1); //원글의 grpstep보다 +1 => 답글의 grpstep
template.getMapper(cls).insert(board);
}
public void delete(Integer num) {
template.getMapper(cls).delete(num);
}
public List<Map<String, Object>> graph1(String id) {
return template.getMapper(cls).graph1(id);
}
**public List<Map<String, Object>> graph2(String id) {
return template.getMapper(cls).graph2(id);
}**
}
📌 BoardMapper 내용 추가
package dao.mapper;
import java.util.List;
import java.util.Map;
import javax.validation.Valid;
import org.apache.ibatis.annotations.Delete;
import org.apache.ibatis.annotations.Insert;
import org.apache.ibatis.annotations.Select;
import org.apache.ibatis.annotations.Update;
import logic.Board;
public interface BoardMapper {
@Select("select count(*) from board where boardid=#{value}")
int count(String boardid);
String sql = "select * from "
+ " (select rownum rnum, num, writer, subject, content, file1 fileurl, regdate, grp, grplevel, grpstep, pass, readcnt from "
+ "(select * from board where boardid=#{boardid}"
+ " order by grp desc, grpstep asc))"
+ " where rnum between #{startrow} and #{endrow}";
@Select(sql)
List<Board> list(Map<String, Object> param);
@Select("select nvl(max(num),0) from board")
int maxNum();
@Insert("insert into board"
+ "(num,writer,pass,subject,content,file1,regdate,readcnt,grp,grplevel,grpstep,boardid,ip)"
+ " values (#{num}, #{writer}, #{pass}, #{subject}, #{content}, #{fileurl}, sysdate, "
+ "0, #{grp}, #{grplevel}, #{grpstep},#{boardid} , #{ip})")
void insert(Board board);
String cols = "num,writer,pass,subject,content,file1 fileurl,"
+ "regdate,readcnt,grp,grplevel,grpstep,boardid,ip";
@Select("select " + cols+ " from board where num=#{num}")
Board selectOne(Integer num);
@Update("update board set readcnt = readcnt+1 where num = #{num}")
void readcntadd(Integer num);
@Update("update board set writer = #{writer},subject = #{subject}, content = #{content},"
+ " file1 = #{fileurl} where num =#{num}")
void update(Board board);
@Update("update board set grpstep = grpstep +1"
+" where grp=#{grp} and grpstep > #{grpstep}")
void getStepAdd(@Valid Board board);
@Delete("delete from board where num=#{num}")
void delete(Integer num);
/*
* Map<String, Object> : {컬럼명1 = 컬럼값1, 컬럼명2 = 컬럼값2, ...} 객체로 db에 있는 내용을 전달
*
* List<Map<String, Object>> 리턴
* [{writer=홍길동,cnt=3},
* {writer=김삿갓,cnt=2},
* {writer=이몽룡,cnt=1}]
*/
@Select("select * from (select writer, count(*) cnt from board where boardid=${value} group by writer order by 2 desc) "
+ " a where rownum < 8")
List<Map<String, Object>> graph1(String id);
**@Select("select * from (select to_char(regdate,'YY-MM-DD') day, count(*) cnt from board where boardid=${value} "
+ " group by to_char(regdate, 'YY-MM-DD') order by day desc) a where rownum < 8")
List<Map<String, Object>> graph2(String id);**
}