>

자바 스크립트를 통해 블로그의 내부 페이지를 렌더링해야하는 작업이 있습니다.

페이지에무한 스크롤기능이 있습니다.

초기 페이지로드시 HTML에서JSON 문자열을 통해 초기 게시물에 대한 모든 데이터를 가져온 다음 JavaScript로 렌더링합니다.

다음 페이지 (무한 스크롤)의 경우API를 호출해야합니다. 그러면 다음 게시물에 대해 동일한JSON 문자열이 반환됩니다.

내 질문은-어떻게 이것을 위해 MVC를 사용해야합니까? 저는이 개념을 처음 접했지만 여전히 올바른 길로 뛰어 들려고합니다.

지금 다음 설정을 할 생각입니다.

data.js-JSON 문자열에서 얻은 모든 데이터를 저장하고 호출 할 때 API에서 자체를 업데이트하는 update (APIJSON) 메소드가있는 객체 .

template.js-템플릿 리터럴 – 날짜가 걸리고 HTML을 반환합니다.

view.js-생성자에서this.datadata.js를 사용하고>render메소드는 템플릿이 반환하는 HTML을 가져 와서 innerHTML을 통해 콘텐츠에 넣습니다.

model.js-getPost ()메소드는 API를 호출하고 데이터를 반환합니다.

controller.js-여기서해야 할 일이 확실하지 않은 부분입니다. 컨트롤러가 스크롤 이벤트를 수신해야하며 페이지 끝에 도달하면getPost ()를 수행하고render ()를 수행하도록 모델에 지시해야합니까? 모델의getPost ()에서 가져온 데이터를 내 뷰render ()로 어떻게 전송합니까? XHR 요청 내부에서보기를 호출 할 수없는 것 같습니다.

내가 뭔가를 놓쳤습니까? 아니면 MVC 작동 방식에 대한 나의 전체 개념이 잘못된 것일까 요? 내가 필요한 것은 나를 올바른 길로 인도하는 사람입니다. 나머지는 스스로 할 것입니다. 정말 사랑하는 JavaScript는 몇 달 전에 배우기 시작했습니다.

  • 답변 # 1

    controller.js파일은 모델에서 데이터 반입을 트리거하고보기|로 돌아가데이터를 업데이트하는 메소드를 호스팅 할 수 있습니다. Promise/Ajax 호출이 해결되면 js를 표시하고 관찰자를 렌더링합니다.

    그러나 그런 작은 프로젝트에 대해 엄격 할 필요는 없습니다. 앞으로 가장 유지 관리하기 쉽고 가장 적합한 구조를 사용하십시오.

  • 이전 java - 최적화 - 루프에서 sql 쿼리 가져 오기
  • 다음 java - android studio에서 android sdk를 설치하거나 찾을 수 없습니다