Framework7 - 模板概述

描述

Template7 是一个轻量级的移动优先 JavaScript 引擎，它将 Ajax 和动态页面表示为具有指定上下文的 Template7 模板，不需要任何额外的脚本。Template7 与 Framework7 相关联，作为默认的轻量级模板引擎，它使应用程序运行得更快。

性能

将字符串编译为 JS 函数的过程是 template7 中最慢的部分。因此，您不需要多次编译模板，只需一次就足够了。

//此处初始化应用程序
var myApp = new Framework7();

// 初始化后在应用程序上编译模板
var searchTemplate = $('script#search-template').html();
varcompiledSearchTemplate = Template7.compile(searchTemplate);

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

// 使用 onPageInit() 方法执行编译后的模板，并附带所需的上下文
myApp.onPageInit('search', function (page) {

    // 执行编译后的模板，并附带所需的内容
    var html = compilationSearchTemplate({/*...some data...*/});
    
    // 使用 html 进行操作
});

Template7 是一个轻量级模板引擎，可用作独立库，无需 Framework7 即可使用。 Template7 文件可以通过两种方式安装 −

• 您可以从 Template7 github 存储库下载。

或者

• 您可以通过 Bower 使用以下命令进行安装 −

bower install template7