ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryテンプレートエンジンとは何ですか?

jqueryテンプレートエンジンとは何ですか?

青灯夜游
青灯夜游オリジナル
2022-05-24 19:38:452149ブラウズ

jquery テンプレート エンジンには次のものが含まれます: 1. JSON を完全に解析できる NANO; 2. Ajax Web アプリケーション用のシンプルで強力なブラウザ側のテンプレート処理ツールである google-jstemplate; 3. オープンな JTemplateソース フロントエンド テンプレート エンジン; 4. jQote2 など

jqueryテンプレートエンジンとは何ですか?

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jquery テンプレート エンジン

1、NANO

最もシンプルな jQuery テンプレート エンジン、完璧な実装JSON の解析。

jqueryテンプレートエンジンとは何ですか?

# アドレス: https://github.com/trix/nano

#2、google-jstemplate

Ajax Web アプリケーション用のシンプルで堅牢なブラウザー側のテンプレート処理ツール。

jqueryテンプレートエンジンとは何ですか?アドレス: http://google-jstemplate.googlecode.com/svn/trunk/jstemplate_example.html

3. jQuery テンプレートPlugin

#jQuery テンプレート プラグイン。現在開発が停止しています。

4、jQote2

これは、jQote の 2 番目のバージョンで、jQuery に基づく最も強力で多用途のクライアント側テンプレート エンジンです。

アドレス: http://aefxx.com/jquery-plugins/jqote2/

5. JTemplate

JTemplate は jQuery に基づくオープン ソースです。フロントエンドのテンプレートエンジン。

Jtemplate テンプレートでは、if 判定、foreach ループ、for ループ、その他の操作を使用できます。Jtemplate テンプレートを使用する利点は、ajax がインターフェイスを部分的に更新するときに HTML ステートメントを結合する必要がないことです。 ajax を介して JSON 形式のデータを取得できるテンプレート内では、JavaScript コードの使用、連結されたテンプレートの作成、テンプレート内のパラメーターの作成、即時更新、サーバーから更新されたコンテンツの自動取得が可能になります。

6. jsrender -- フロントエンド テンプレート エンジン (jQuery テンプレート)

jsrender の公式 Web サイトは、シンプルで直感的、強力、軽量、スケーラブルであることで知られています。圧縮サイズはわずか 8.9kb で、ブラウザーまたはノード内で単独で使用することも、jQuery とともに使用することもできます。

jsrender は境界設定に {{}} を使用します。{{}} が既存のテンプレート エンジンと競合する場合は、

$.views.settings.delimiters("<%", "%>");

//原本
<p>{{:name}}</p>
//修改后
<p><%:name%></p>

などの API を使用してカスタマイズできます。 。 。 。

[推奨学習:

jQuery ビデオ チュートリアル

Web フロントエンド ビデオ ]

以上がjqueryテンプレートエンジンとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。