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