form으로 당일 날짜에 대한 todolist insert

1. calendar.html에서 버튼 input-data가 클릭되면 readForm 함수 실행

    $("#input-data").click(function(){
        readForm("toDoList", "/toDoList");
    })
   

1. controller “toDoList” 만들어서 서비스 처리
   어차피 ajax가 toDoList로 매핑된 컨트롤러에게 데이터 전달한다
   그리고 이전에도 readForm 함수는 잘 사용 됐기 때문에 수정 X

    @Transactional
    @RequestMapping(value="/toDoList", produces="text/html;charset=UTF-8")
    @ResponseBody
    @PostMapping
    public String toDoListInsert(@RequestParam Map<String, String> params) throws ParseException{

        System.out.println("toDoListInsert");

        for (String key : params.keySet()) {
            System.out.println(key + " : " + params.get(key));
        }

        return "success";
    }

ajax부터 데이터 가져오는거X

이슈사항

to_do_color는 사용자에게 어떻게 받을 것인지?
👉 <input type:color> 로 받으면 된다!

진행해야할 것

• 프론트
  (1) planDate form 안에 추가 ✔

(2) hidden 처리로 setUpDate form 안에 추가!!
JS에서 today를 html 쪽으로 날려주면 됨

    const mainMonth = document.getElementById('main-month');
    mainMonth.innerHTML = today.toLocaleString("en-US", {month : "short"});

(3) toDoContent 폼태그에서 serialize 왜 안되는지? ✔
ajax 데이터 읽는 부분에서 data : $(formId).serialize() 이렇게 jquery로 받는데

    $("#input-data").click(function(){
        readForm("toDoList", "/toDoList");
        console.log("input btn is clicked + ajax");
    })

toDoList 앞에 #이 빠져서 안된거였다

(4) selectedDate는 어디서 온것인지 확인 ✔
인텔리제이 터미널에 자꾸 selectedDate가 찍혔다
알고보니 calendar 페이지를 로드할 때 작동하는 컨트롤러 syso 안지운것이었다!

• 백
  (1) 컨트롤러에서 ajax에서 온 데이터 잘 받아지면
  
  성공!

(2) CalendarMapper.xml 쿼리 작성 뒤 테스트


성공!

코드

• CalendarMapper.xml

    <insert id="inputTodoList" parameterType="hashMap">
        INSERT INTO to_do(
                          to_do_code,
                          member_code,
                          to_do_content,
                          set_up_date,
                          to_do_state,
                          to_do_color,
                          done_date,
                          plan_date
        )
        VALUES(
               (select IFNULL(MAX(a.to_do_code), 0) + 1 FROM to_do a),
               2,
               #{toDoContent},
               #{setUpDate},
               0,
               #{toDoColor},
               0000-00-00,
               #{planDate}
              )
    </insert>
  

• CalendarMapper.java

  @Mapper
  @Repository
  public interface CalendarMapper {
    List<Todo> getTodoList(String selectedDate);
    void inputTodoList(Map<String, String> params);
  }
  

• CalendarServiceImpl.java

  @Service
  @RequiredArgsConstructor
  public class CalendarServiceImpl implements CalendarService {
  
    private final CalendarMapper calendarMapper;
  
    @Override
    public List<Todo> getTodoList(String selectedDate){
        return calendarMapper.getTodoList(selectedDate);
    }
  
    @Override
    public void inputTodoList(Map<String, String> params) throws ParseException {
        calendarMapper.inputTodoList(params);
    }
  }
  

• CalendarService.java
  ``` package com.project.smallbeginjava11.service;

import com.project.smallbeginjava11.DTO.Todo;

import java.text.ParseException; import java.util.List; import java.util.Map;

public interface CalendarService { List getTodoList(String selectedDate); void inputTodoList(Map<String, String> map) throws ParseException; }

- CalendarController.java  

@Transactional
@RequestMapping(value="/toDoList", produces="text/html;charset=UTF-8")
@ResponseBody
@PostMapping
public String toDoListInsert(@RequestParam Map<String, String> params) throws ParseException {

    System.out.println("toDoListInsert");

    for (String key : params.keySet()) {
        System.out.println(key + " : " + params.get(key));
    }

    calendarService.inputTodoList(params);

    return "success";
} ```