Framework7-テンプレートの概要

説明

Template7は、軽量でモバイルファーストのJavaScriptエンジンであり、Ajaxページと動的ページを指定されたコンテキストを持つTemplate7テンプレートとして表し、追加のスクリプトを必要としません。Template7は、デフォルトの軽量テンプレートエンジンとしてFramework7に関連付けられており、アプリケーションでより高速に動作します。

パフォーマンス

文字列をJS関数にコンパイルするプロセスは、template7の最も遅いセグメントです。したがって、テンプレートを複数回コンパイルする必要はありません。1回で十分です。

//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ファイルは2つの方法でインストールできます-

  • Template7githubリポジトリからダウンロードできます。

  • または

  • Bower −を介して次のコマンドを使用してインストールできます。

bower install template7