node.js "motor de plantilla"

El motor de plantillas es un módulo de terceros que permite a los desarrolladores empalmar cadenas de una manera más amigable, haciendo que el código del proyecto sea más claro y más fácil de mantener.

motor de plantilla art-template
Utilice npm install art-template para descargar
Utilice const template = require ('art-template'); introduzca el motor de plantilla para
indicarle al motor de plantilla dónde se deben empalmar los datos y la plantilla const html = template ('ruta de la plantilla', datos);

//导入模板引擎模块
const template = require('art-template');
const path = require('path');
//将特定模板与特定数据进行拼接
//template方法是用来拼接字符串的 1.模板的绝对路径
//2.要在模板中显示的数据 对象类型 返回拼接好的字符串
const views = path.join(__dirname,'views','index.art');
const html = template('views',{
    
    
	data:{
    
    
		name:'张三',
		age:20
	}
});

index.art
<div>
	<span>{
    
    {
    
    data.name}}</span>
	<span>{
    
    {
    
    data.age}}</span>
</div>
//模板会把花括号的内容换成对应的数据

Sintaxis de la plantilla:

Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí

Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí

标准语法中的target代表数组,$index代表数组的每个下标,$value代表数组的每个对象

Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí
users representa el nombre de la matriz, $ value representa cada objeto de la matriz y cada atributo del objeto se puede obtener de la forma de. La
Inserte la descripción de la imagen aquí
inclusión es seguida por la ruta del archivo para configurar los datos del mensaje. Las
Inserte la descripción de la imagen aquí
cadenas empalmadas todos se dan en la plantilla.

Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí
Escriba una plantilla, use el mismo código en lugares comunes, reemplace con el motor de plantillas en diferentes lugares y marque la posición a reemplazar después de escribir los atributos del bloque

Inserte la descripción de la imagen aquí
extender representa la plantilla que se heredará, seguida de la ruta de la plantilla que se ha escrito, el encabezado y el contenido a continuación representan la ubicación que se heredará, y el código en el medio representa el contenido que se heredará

Plantilla de tiempo de procesamiento: el
Inserte la descripción de la imagen aquí
formato de fecha debe descargarse usando npm, new Date () representa la creación de la hora actual
Inserte la descripción de la imagen aquí
. Importe la variable template.defaults.imports. Nombre de la variable = valor de la variable en la plantilla; de esta manera se puede usar el nombre de la variable directamente en la plantilla configurada

Establezca el directorio raíz de la plantilla template.defaults.root = directorio de la plantilla, de modo que el primer parámetro de la plantilla solo necesite pasar el nombre del archivo para
Inserte la descripción de la imagen aquí
establecer el sufijo predeterminado de la plantilla template.defaults.extname = '. Art', por lo que en el plantilla El nombre de archivo que se pasa como primer parámetro no necesita tener un sufijo. Si se pasa el sufijo, se encontrará el archivo específico

Supongo que te gusta

Origin blog.csdn.net/ziyue13/article/details/114768496
Recomendado
Clasificación