Framework7-템플릿 개요

기술

Template7은 경량의 모바일 우선 JavaScript 엔진으로, Ajax 및 동적 페이지를 지정된 컨텍스트가있는 Template7 템플릿으로 나타내며 추가 스크립트가 필요하지 않습니다. Template7은 응용 프로그램에서 더 빠르게 작동하는 기본 경량 템플릿 엔진으로 Framework7과 연결됩니다.

공연

문자열을 JS 함수로 컴파일하는 프로세스는 template7의 가장 느린 세그먼트입니다. 따라서 템플릿을 여러 번 컴파일 할 필요가 없으며 한 번이면 충분합니다.

//Here initialize the app
var myApp = new Framework7();

// After initializing compile templates on app
var searchTemplate = $('script#search-template').html();
var compiledSearchTemplate = Template7.compile(searchTemplate);

var listTemplate = $('script#list-template').html();
var compiledListTemplate = Template7.compile(listTemplate);

// Execute the compiled templates with required context using onPageInit() method
myApp.onPageInit('search', function (page) {

   // Execute the compiled templates with required content
   var html = compiledSearchTemplate({/*...some data...*/});

   // Do stuff with html
});

Template7은 Framework7없이 독립 실행 형 라이브러리로 사용되는 경량 템플릿 엔진입니다. Template7 파일은 두 가지 방법으로 설치할 수 있습니다.

  • Template7 github 저장소 에서 다운로드 할 수 있습니다 .

  • 또는

  • Bower를 통해 다음 명령을 사용하여 설치할 수 있습니다-

bower install template7