テンプレートエンジンは、開発者がよりわかりやすい方法で文字列をスプライスできるようにするサードパーティのモジュールであり、プロジェクトコードをより明確で保守しやすくします。
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'を設定できます。テンプレート最初のパラメーターとして渡されたファイル名にサフィックスを付ける必要はありません。サフィックスが渡された場合、特定のファイルが見つかります