Framework7 - Tổng quan về mẫu

Sự miêu tả

Template7 là một công cụ JavaScript nhẹ, ưu tiên cho thiết bị di động, đại diện cho Ajax và các trang động dưới dạng các mẫu Template7 với ngữ cảnh cụ thể và không yêu cầu bất kỳ tập lệnh bổ sung nào. Template7 được liên kết với Framework7 như một công cụ mẫu nhẹ, mặc định, hoạt động nhanh hơn cho các ứng dụng.

Hiệu suất

Quá trình biên dịch chuỗi thành hàm JS là phân đoạn chậm nhất của template7. Do đó, bạn không cần phải biên dịch mẫu nhiều lần, chỉ một lần là đủ.

//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 là một công cụ mẫu nhẹ được sử dụng như một thư viện độc lập không có Framework7. Tệp Template7 có thể được cài đặt bằng hai cách:

Bạn có thể tải xuống từ kho lưu trữ github của Template7 .

Hoặc là

Bạn có thể cài đặt nó bằng lệnh sau qua Bower:

bower install template7