軽量の JS テンプレート エンジン simple_javascript クラス ライブラリに関する簡単な説明

テンプレート アドレス: https://github.com/zhangshaolong/simplite 貴重なコメントやコードの貢献を歓迎します。特徴:

1: コード量が少なく、学習コストが低い

2: デフォルトの jsp 構文タグ方式。jsp に精通している友人は、jsp 構文に従ってテンプレートを直接作成できます。

3: 論理処理にネイティブの js 構文を使用する js 構文に慣れていれば、学習コストなしで直接開始できます。

4: コード ロジック フラグメントとしてネイティブ JS のすべての構文をサポートし、幅広い記述形式をサポートします。

5: テンプレート言語タグの再定義をサポートします。デフォルトの論理タグは <% および %>、デフォルトの属性タグは <%= および %> です。

6: ネストされたサブテンプレートをサポートします。サブテンプレートはデフォルトで親テンプレート データを共有します (データ パラメーターは渡されません)。パラメーターを渡すことで、サブテンプレートで使用されるデータ セットを設定できます。

7: テンプレートの動的インポートと複数のテンプレートの埋め込みをサポートします。インポートされたテンプレートが循環依存テンプレートでない限り、正常に処理できます。

8: Simplite.dataKey で指定されたフィールドを使用して、渡されたデータの完全なセットにアクセスするためのサブテンプレートをサポートします。配列や数値などのデータ セットの場合、デフォルト値は「_this」です。 Simplite.dataKey を使用したデータ。

9: テンプレート処理プロセスを手動で編成するためのオブジェクト指向テンプレートと純粋な静的関数の使用をサポートします。

10: 親テンプレート データにアクセスすることに加えて、メソッド スコープ内の任意のデータをデータ セットとして提供することもできます。たとえば、グローバルに arr がある場合は、(tmplt, arr)

構文:

ご覧のとおり、include を使用する場合、サブテンプレートを使用する場合、複雑な多層構造の場合、指定したデータセットをデータソースとして渡すことができ、各テンプレートのデータ構造を適切に制御できます。