0216 작업일지

https://dev-gorany.tistory.com/139

[Spring Boot] Security 사용자 정보 출력 in Thymeleaf

 

 

---

 

2.상영 일정 테이블 수정

 

 

지금 보니 날짜와 시작시간 컬럼 타입이 varchar2로 되어있었다...;;

급하게 date로 수정.

+

영화 시작시간도 date로 저장해야 하나..? 궁금해서 검색해봤는데 date type으로 사용하는 것이 맞다고한다.

다른 db는 날짜 시간 타입이 세분화 되어있는데 오라클(내가 사용중..)은 date로 날짜와 시간이 저장된다함.

http://www.gurubee.net/article/83330

오라클 시간 입력 질문

 

---

 

3.js에서 ajax 사용시..

분명 reservation1/schedulTest가 있는데 해당 메소드를 찾지 못한다.

뭐가 문제인지 모니터를 뚫어보는데 도움을 받음 url 경로에 bootbox 앞 /가 빠져있었다. 

 

수정 전
$.ajax({
    url: 'bootbox/reservation1/scheduleTest',
    type: 'get',
    data:{

 

수정 후
$.ajax({
    url: '/bootbox/reservation1/scheduleTest',
    type: 'get',
    data:{

 

 

---

3.ajax로 타임리프 일부만 갱신하기.

https://manablog.co.kr/420/

[Thymeleaf] 비동기(ajax)로 View 갱신하기 - Mana Blog

https://chaelin1211.github.io/study/2021/04/14/thymeleaf-ajax.html

[Thymeleaf] ajax를 이용해 비동기식 화면 수정 - Chaelin's Blog

https://haha-twins-dad.tistory.com/entry/Spring-Boot-Thymeleaf-%EC%97%90%EC%84%9C-ajax-%ED%98%B8%EC%B6%9C%ED%9B%84-%ED%99%94%EB%A9%B4%EC%88%98%EC%A0%95

[Spring Boot] Thymeleaf 에서 ajax 호출후 화면수정

 

이거 정말 어떻게 해야 고민하고 검색도 많이 했다.

챗gpt는 자꾸 엉뚱한 답을 해줘서.. 써먹으려면 어느정도 나도 개념을 알고 질문을 해야할 듯;

세미프로젝트때랑 똑같이 하면 되겠지 했는데 타임리프 레이아웃에 적용하려니 적용안됨..ㅎㅎ

타임리프식으로 변경해줘야 되는 것 같다.

용준팀원님의 도움을 많이 받음.감솨합니다..

 

 

 

 

 

  //0216 다음 버튼 눌렀을 때
    @GetMapping("/scheduleTest")
    public String getScheduleTest(@RequestParam("scheduleId") int scheduleId, Model model) {
        // 요청 처리
        System.out.println("================================"+scheduleId);
        String result = "Result for scheduleId " + scheduleId;

        //test용으로 movie 조회
        List<Movie> movies;
        movies = movieService.findAll();
        log.debug("tttttttttttttttttttttttttttttt- movies = {}", movies);
        model.addAttribute("testmovie", movies);

        //reservationBooking 페이지 내의 갱신하고싶은 영역의 아이디
        return "reservation/reservationBooking :: #test-area";
    }
    @GetMapping("/reservationMain1.do")
    public void reservationMain() {

    }

 

//비동기 test
    $.ajax({
        url: `${contextPath}reservation/scheduleTest`,
        type: 'get',
        data:{
            scheduleId:41
        },
        success(fragment){
            console.log("~~~~success~~~~",fragment);
            hohohoho(fragment);
        },
        error(error) {
            console.error('~~~~Ajax request failed~~~~:', error);
        }
    });

 

function hohohoho(response)
{
    console.log("ajax에서 함수 불러오기~~~~~~~~~~~~~~~~~");
    //기존 : 제이쿼리로 화면단 일부 갱신
    $('#test-area').html(response);

}

 

이렇게 하면 reservationBooking.html내에 선언한 ul 영역에 동적갱신.

모델에 저장한 testMovie를 뿌려준다.

<ul id="test-area">
    <li th:each="val : ${testmovie}" th:text="${val}"></li>
</ul>