📜  Prototype-模板

📅  最后修改于: 2020-10-21 08:46:05             🧑  作者: Mango


 

Prototype用于格式化一组相似的对象,并为这些对象生成格式化的输出。

Prototype提供了一个Template类,它具有两个方法-

  • Template() -这是一个构造函数方法,用于创建模板对象并调用validate()方法以应用模板。
  • validate() -此方法用于应用模板来格式化对象。

创建格式化输出涉及三个步骤。

  • 创建模板-这涉及创建预格式化的文本。该文本包含格式化的内容以及#{fieldName}值。当将使用实际值调用validate()方法时,这些#{fieldName}值将被实际值替换。
  • 定义实际值-这涉及以键和值的形式创建实际值。这些键将被映射在模板中,并将被相应的值替换。
  • 映射键并替换值-这是最后一步,其中将调用validate() ,并且格式化对象中所有可用的键都将被定义的值替换。

例1

第1步

创建一个模板。

var myTemplate = new Template('The \ TV show #{title} was directed by #{author}.');

第2步

准备我们的一组值,这些值将在上面的对象中传递以具有格式化的输出。

var record1 = {title: 'Metrix', author:'Arun Pandey'};
var record2 = {title: 'Junoon', author:'Manusha'};
var record3 = {title: 'Red Moon', author:'Paul, John'};
var record4 = {title: 'Henai', author:'Robert'};
var records = [record1, record2, record3, record4 ];

第三步

最后一步是填写模板中的所有值,并产生如下最终结果-

records.each( function(conv) {
   alert( "Formatted Output : " + myTemplate.evaluate(conv) );
});

因此,让我们将所有这三个步骤放在一起-

Prototype examples
      
      
      
   

   
      

Click the button to see the result.



这将产生以下结果-

输出