node.js「テンプレートエンジン」

テンプレートエンジンは、開発者がよりわかりやすい方法で文字列をスプライスできるようにするサードパーティのモジュールであり、プロジェクトコードをより明確で保守しやすくします。

art-templateテンプレートエンジン
npminstallart-templateを
使用してダウンロードするconsttemplate = require( 'art-template');を使用するテンプレートエンジンを導入して
、データとテンプレートがスプライスされる場所をテンプレートエンジンに通知しますconst html = template ( 'テンプレートパス'、データ);

//导入模板引擎模块
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>
//模板会把花括号的内容换成对应的数据

テンプレート構文:

ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入

ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入

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

ここに画像の説明を挿入
ここに画像の説明を挿入
usersは配列の名前を表し、$ valueは配列内の各オブジェクトを表し、オブジェクト内の各属性は次の方法で取得できます
ここに画像の説明を挿入
。includeの後には、msgデータを構成するためのファイルパスが続きます。
ここに画像の説明を挿入
スプライスされた文字列すべてテンプレートで指定されています。文字列

ここに画像の説明を挿入
ここに画像の説明を挿入
テンプレートを作成し、一般的な場所で同じコードを使用し、別の場所でテンプレートエンジンに置き換え、ブロックの属性を書き込んだ後に置き換える位置をマークします

ここに画像の説明を挿入
extendは継承されるテンプレートを表し、その後に書き込まれたテンプレートパスが続きます。以下のヘッドとコンテンツは継承される場所を表し、中央のコードは継承されるコンテンツを表します。

処理時間テンプレート:
ここに画像の説明を挿入
dateformateはnpmを使用してダウンロードする必要があり、new Date()は現在の時間の作成を表し
ここに画像の説明を挿入
ます。変数template.defaults.importsをインポートします。変数名=変数値をテンプレートにインポートします。この方法で変数名を使用できます。構成されたテンプレートに直接

テンプレートのルートディレクトリtemplate.defaults.root = template directoryを設定します。これにより、テンプレートの最初のパラメータはファイル名を渡すだけで
ここに画像の説明を挿入
、テンプレートのデフォルトのサフィックスtemplate.defaults.extname = '。art'設定できます。テンプレート最初のパラメーターとして渡されたファイル名にサフィックスを付ける必要はありません。サフィックスが渡された場合、特定のファイルが見つかります

おすすめ

転載: blog.csdn.net/ziyue13/article/details/114768496