쇼핑몰 프로젝트(14) 관리자 메뉴 - 주문 관리

쇼핑몰 프로젝트(14) 관리자 메뉴 - 주문 관리 - 월별 매출 현황

2023. 4. 14. 17:29ㆍSpring

월별 현황 페이지 작성

controller 경로 이동 설정

//월별 현황 페이지
@GetMapping("/saleStatusPerMonth")
public String saleStatusPerMonth(AdminSubMenuVO adminSubMenuVO) {

    return "content/admin/sale_status_per_month";
}

sale_status_per_month.html 생성

admin_layout 연결

인터셉터에서 서브 메뉴 및 상단 메뉴 같이 뜨게 코드 추가

@Override
public void addInterceptors(InterceptorRegistry registry) {

                            //아래의 객체 새로 만드는 메소드 실행
    registry.addInterceptor(getMenuIntercepter())
            .order(2)
            .addPathPatterns("/admin/cateManage") //카테고리 관리 페이지
            .addPathPatterns("/admin/regItem") 
            .addPathPatterns("/admin/itemManage")
            .addPathPatterns("/admin/memberManage") 
            .addPathPatterns("/admin/orderManage")
            .addPathPatterns("/admin/saleStatusPerMonth"); // 월별 매출 현황 페이지     
  }

월별 매출 현황 화면 아래처럼 구현.

월별로 데이터 뽑는 방법 2가지!

1. VO 생성(월별로 각각의 데이터 받아올 수 있도록 VO생성하여 데이터 받기)

2. map으로 받기( map<String,Integer> )

1.VO로 데이터 받기

월별 데이터 받을 StatisticsVO 생성

@Getter
@Setter
@ToString
public class StatisticsVO {
	
	private int month_01;
	private int month_02;
	private int month_03;
	private int month_04;
	private int month_05;
	private int month_06;
	private int month_07;
	private int month_08;
	private int month_09;
	private int month_10;
	private int month_11;
	private int month_12;

}

admin-mapper에 resultMap작성

<resultMap type="com.study.shop.admin.vo.StatisticsVO" id="statistics">
    <result column="MONTH_01" property="month_01"/>
    <result column="MONTH_02" property="month_02"/>
    <result column="MONTH_03" property="month_03"/>
    <result column="MONTH_04" property="month_04"/>
    <result column="MONTH_05" property="month_05"/>
    <result column="MONTH_06" property="month_06"/>
    <result column="MONTH_07" property="month_07"/>
    <result column="MONTH_08" property="month_08"/>
    <result column="MONTH_09" property="month_09"/>
    <result column="MONTH_10" property="month_10"/>
    <result column="MONTH_11" property="month_11"/>
    <result column="MONTH_12" property="month_12"/>
</resultMap>

월별 매출 현환 조회 쿼리 작성

<쿼리 작성 TIP > 아래 URL 참고

https://byeol-dev.tistory.com/152

쿼리 작성 시 월별 매출 현황이 가로로 배치 되어 조회되게 할 것!

DECODE는 두번 쓸 수 없어서 UNION ALL 사용하여 월별 구매건수와 월별 구매금액 각각 조회

<!-- 월별 매출 정보 조회 -->
<select id="getSaleStatusPerMonth" resultMap="statistics">
    <!-- 월별 구매건수 -->
    SELECT SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '01', 1, 0)) AS "MONTH_01"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '02', 1, 0)) AS "MONTH_02"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '03', 1, 0)) AS "MONTH_03"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '04', 1, 0)) AS "MONTH_04"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '05', 1, 0)) AS "MONTH_05"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '06', 1, 0)) AS "MONTH_06"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '07', 1, 0)) AS "MONTH_07"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '08', 1, 0)) AS "MONTH_08"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '09', 1, 0)) AS "MONTH_09"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '10', 1, 0)) AS "MONTH_10"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '11', 1, 0)) AS "MONTH_11"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '12', 1, 0)) AS "MONTH_12"
    FROM SHOP_BUY
    UNION ALL
    <!-- 월별 구매 금액 합 -->
    SELECT SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '01', BUY_PRICE, 0)) AS "MONTH_01"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '02', BUY_PRICE, 0)) AS "MONTH_02"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '03', BUY_PRICE, 0)) AS "MONTH_03"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '04', BUY_PRICE, 0)) AS "MONTH_04"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '05', BUY_PRICE, 0)) AS "MONTH_05"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '06', BUY_PRICE, 0)) AS "MONTH_06"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '07', BUY_PRICE, 0)) AS "MONTH_07"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '08', BUY_PRICE, 0)) AS "MONTH_08"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '09', BUY_PRICE, 0)) AS "MONTH_09"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '10', BUY_PRICE, 0)) AS "MONTH_10"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '11', BUY_PRICE, 0)) AS "MONTH_11"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '12', BUY_PRICE, 0)) AS "MONTH_12"
    FROM SHOP_BUY
</select>

AdminService 메소드 작성

//월별 매출 현황 조회
List<StatisticsVO> getSaleStatusPerMonth();

AdminServiceImpl 메소드 구현

//월별 매출 현황 조회
@Override
public List<StatisticsVO> getSaleStatusPerMonth() {

    return sqlSession.selectList("adminMapper.getSaleStatusPerMonth");
}

Admincontroller에서 메소드 실행

//월별 현황 페이지
@GetMapping("/saleStatusPerMonth")
public String saleStatusPerMonth(AdminSubMenuVO adminSubMenuVO, Model model) {

    model.addAttribute("list", adminService.getSaleStatusPerMonth());

    return "content/admin/sale_status_per_month";
}

sale_status_per_month.html에서 데이터 뿌려주기

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
   xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
   layout:decorate="~{fragment/admin_layout}">

<!-- 연결해야 할 외부 css 파일 -->
<th:block layout:fragment="content_css">
	<!--<link rel="stylesheet" href="/css/test.css(변경)">--> <!-- 외부 css 연결하는 코드를 block 안에 작성 layout에서 같이 열어줌 -->
</th:block>

<!--본문내용(html) -->
<th:block layout:fragment="content">
	
    <!-- vo 사용하여 월별 매출 데이터 뽑기 -->
   <div class="row">
      <div class="col">
         <div class="row"></div>
         <div class="row"></div>
         <div class="row"></div>
         <div class="col">
            <table class="table text-center align-middle">
               <thead class="table-head">
                  <tr>
                     <td></td>
                     <th:block th:each="month : ${#numbers.sequence(1, 12)}">
                        <td style="text-align: center;"> [[${month}]]월</td>
                     </th:block>
                  </tr>
               </thead>
               <tbody>
                  <tr th:each="data, state : ${list}" style="text-align: center;">
                     <td>[[${state.index == 0 ? '판매건수' : '판매금액'}]]</td> 
                     <td>[[${data.month_01}]]</td>
                     <td>[[${data.month_02}]]</td>
                     <td>[[${data.month_03}]]</td>
                     <td>[[${data.month_04}]]</td>
                     <td>[[${data.month_05}]]</td>
                     <td>[[${data.month_06}]]</td>
                     <td>[[${data.month_07}]]</td>
                     <td>[[${data.month_08}]]</td>
                     <td>[[${data.month_09}]]</td>
                     <td>[[${data.month_10}]]</td>
                     <td>[[${data.month_11}]]</td>
                     <td>[[${data.month_12}]]</td>
                  </tr>
               </tbody>
            </table>
         </div>
      </div>
   </div>


</th:block>

2. map으로 데이터 받기

map<string,integer>

월별 매출 현황 조회 쿼리 작성.

쿼리 작성 전 참고사항.

map에서 데이터 받을 때
map<string,integer> 형식으로 받음.
key : 1월 - value : 2 (판매건수)
key : 2월 - value : 3 (판매건수) 형식으로 데이터 받을 수 있음.
화면상에서는 key가 1월이지만 코드로는 key : month_01임
위의 그림에서 보이는 1줄(어떤 데이터의 1~12월까지의 현황) 데이터를 들고 오려면 map이 1개 필요함!
여러 데이터의 1~12월까지의 현황을 데이터로 받아야 하기 때문에
▶ List<map<string,integer>>로 들고와야 됨.</map<string,integer>

쿼리는 vo와 동일 resultType 수정 > 하나의 행을 map으로 가져오겠다고 정의

<!-- 월별 매출 정보 조회 -->        
				<!-- 1행을 map으로 받겠다고 설정한 것. 여러줄은 알아서 list로 받아짐 -->
<select id="getSaleStatusPerMonth2" resultType="HashMap">
    <!-- 월별 구매건수 -->
    SELECT SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '01', 1, 0)) AS "MONTH_01"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '02', 1, 0)) AS "MONTH_02"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '03', 1, 0)) AS "MONTH_03"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '04', 1, 0)) AS "MONTH_04"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '05', 1, 0)) AS "MONTH_05"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '06', 1, 0)) AS "MONTH_06"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '07', 1, 0)) AS "MONTH_07"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '08', 1, 0)) AS "MONTH_08"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '09', 1, 0)) AS "MONTH_09"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '10', 1, 0)) AS "MONTH_10"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '11', 1, 0)) AS "MONTH_11"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '12', 1, 0)) AS "MONTH_12"
    FROM SHOP_BUY
    UNION ALL
    <!-- 월별 구매 금액 합 -->
    SELECT SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '01', BUY_PRICE, 0)) AS "MONTH_01"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '02', BUY_PRICE, 0)) AS "MONTH_02"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '03', BUY_PRICE, 0)) AS "MONTH_03"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '04', BUY_PRICE, 0)) AS "MONTH_04"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '05', BUY_PRICE, 0)) AS "MONTH_05"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '06', BUY_PRICE, 0)) AS "MONTH_06"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '07', BUY_PRICE, 0)) AS "MONTH_07"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '08', BUY_PRICE, 0)) AS "MONTH_08"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '09', BUY_PRICE, 0)) AS "MONTH_09"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '10', BUY_PRICE, 0)) AS "MONTH_10"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '11', BUY_PRICE, 0)) AS "MONTH_11"
        , SUM(DECODE(TO_CHAR(BUY_DATE, 'MM'), '12', BUY_PRICE, 0)) AS "MONTH_12"
    FROM SHOP_BUY
</select>

AdminService 메소드 작성

//map으로 월별 매출 현황 조회
List<Map<String, Integer>> getSaleStatusPerMonth2();

AdminServiceImpl 메소드 구현

//map 사용 월별 매출 현황 조회
@Override
public List<Map<String, Integer>> getSaleStatusPerMonth2() {

    return sqlSession.selectList("adminMapper.getSaleStatusPerMonth2");
}

Admincontroller 작성

HashMap으로 받은 데이터 TreeMap으로 변경하는 작업이 필요함

이유 :

이대로 map에 있는 데이터를 뽑아서 html에 뿌리면 HashMap은 순서가 없기 때문에 월과 매출 데이터가 뒤죽박죽으로 나옴.

HashMap / TreeMap 두가지 다 안에 든 자료에 순번 없고 중복이 불가함.

그러나 HashMap과 TreeMap 중복 검사를 하는 알고리즘이 다름.

TreeMap은 map 안에 있는 데이터와 비교하여 큰 수면 오른쪽 작은 수면 왼쪽 이런 형태로 중복 검사하기 때문에 왼쪽으로 데이터를 읽으면 자동으로 오름차순으로 데이터가 정렬됨.

//월별 현황 페이지
@GetMapping("/saleStatusPerMonth")
public String saleStatusPerMonth(AdminSubMenuVO adminSubMenuVO, Model model) {
    //map 사용 월별 매출 조회 메소드
    //데이터 조회 시 여러 데이터의 1~12월까지의 현황을 하나의 HashMap으로 받기 때문에
     메소드 실행 한 데이터는 list로 받음!!
    List<Map<String, Integer>> mapList = adminService.getSaleStatusPerMonth2();

    System.out.println("--------------------");
    //mapData 뽑기
    //map 데이터 여러개 들어올 수 있는 list 통 만들기.
    //데이터에 순서 부여하기 위해서 list에 담는 것
    List<Map<String, Integer>> resultList = new ArrayList<>();

    for(Map<String, Integer> map : mapList) {
        //MONTH_01의 value 값 2개 (판매건수, 판매금액) 출력.
        //System.out.println(map.get("MONTH_01"));

        //for문 돌면서 mapList에서 하나씩 뽑은 HashMap을 각각 TreeMap으로 바꿔줌
        //TreeMap으로 바꾸는 이유 : TreeMap도 순서 없지만 중복 거르는 알고리즘에 의해
        //데이터가 오름차순으로 자동 정렬되기 때문에
        Map<String, Integer> map1 = new TreeMap<>(map);
        //TreeMap으로 바뀐 map1 데이터를 map 데이터를 담을 수 있는 list에 넣어줌.
        resultList.add(map1); 

        //map에 들어있는 모든 key값 들고옴(key > 문자열이기 때문에 String).
        Set<String> keySet = map1.keySet(); //Set : 데이터에 순번이 없고 중복 불가 > map 데이터의 key와 성질 동일.
        //Set은 key값을 가지고 반복문 돌릴 수 있음 (map은 반복문x)
        for(String key : keySet) {				//key에 대한 value
            System.out.println("key : " + key + " / value : " + map1.get(key) );
        }
        System.out.println(); //순번없이 나옴
    }
    //map1 데이터를 담고 있는 list를 html로
    model.addAttribute("mapList", resultList);

    return "content/admin/sale_status_per_month";
}

map 데이터 잘 뽑아오는지 출력문으로 확인

month_01이라는 key가 가진 value는 판매건수, 판매금액 2가지

출력해보면 value 2개 나옴

map에 들어있는 모든 key값과 value 출력해보면 아래와 같이 출력됨.

sale_status_per_month.html에 mapList 데이터 뿌리기

<!--본문내용(html) -->
<th:block layout:fragment="content">
   
<!-- map 사용하여 월별 매출 데이터 뽑기 -->
<div class="col">
    <div class="row"></div> 
    <div class="row">
     <table class="table text-center align-middle">
     <thead class="table-head">
        <tr>
           <td></td>
           <th:block th:each="month : ${#numbers.sequence(1,12)}">
                <!-- 자릿수 맞춰주기 -->
              <td>[[${#numbers.formatInteger(month, 2)}]]월</td>
           </th:block>
        </tr>
     </thead>
     <tbody> <!-- mapList를 반복 돌리면 여러개의 mapData -->       
        <tr th:each = "mapData, state :${mapList}" > 
           <td>[[${state.index == 0 ? '판매건수' : '판매금액'}]]</td>
           <!-- 여러개의 mapData를 또 반복 돌리면서 각각의 Data의 value 값을 뽑음 -->
           <th:block th:each="data : ${mapData}">
              <td>[[${data.value}]]</td>
           </th:block>
        </tr>
     </tbody>

     </table>
  </div>
</div>

</th:block>

'Spring' 카테고리의 다른 글

쇼핑몰 프로젝트(14) 관리자 메뉴 - 주문 관리 - 월별 매출 현황(3) 현황 Chart 그리기 (0)	2023.04.17
쇼핑몰 프로젝트(14) 관리자 메뉴 - 주문 관리 - 월별 매출 현황(2) select 박스 변경 시 데이터 조회 (0)	2023.04.17
쇼핑몰 프로젝트(13) 관리자 메뉴 보완 (0)	2023.04.13
쇼핑몰 프로젝트(13) 상품 상세 페이지 바로 구매 (0)	2023.04.13
쇼핑몰 프로젝트(12) 회원 MY PAGE - 구매 내역 (2) 검색 기능 (보수) (0)	2023.04.13

📚개발 복습 노트

📚개발 복습 노트

태그

최근글

댓글

공지사항

아카이브

'Spring' 카테고리의 다른 글

관련글

티스토리툴바