Framework7-template7-pages
提供:Dev Guides
Framework7-Template7ページ
説明
Template7は、http://handlebarsjs.com/[handlebars.js]のような構文を持つモバイルファーストのJavaScriptテンプレートエンジンです。 これは、Framework7の超軽量で非常に高速なデフォルトのテンプレートエンジンです。
まず、すべてのAjaxおよび動的ページをTemplate7テンプレートとしてレンダリングするアプリの初期化で次のパラメーターを渡す必要があります-
S.No | Template7 Pages Usage & Description |
---|---|
1 |
アプリの初期化時に送信される_template7Data_パラメーターですべてのページデータを指定することにより、特定のページに必要なデータ/コンテキストを渡すことができます。 |
2 |
Framework7では、カスタムコンテキストを任意の動的ページまたは読み込まれたAjaxに渡すことができます。 |
3 |
テンプレートを動的ページとしてオンザフライでレンダリングおよびロードできます。 |
4 |
AjaxページのレンダリングにTemplate7を使用している場合、そのコンテキストは常に特別なプロパティ_url_query_で拡張されます。 |
例
次の例では、ユーザーの詳細、いいね!などのユーザー情報を表示するリンクを提供します。 それらのリンクをクリックすると。
インデックス
my-app.js
いいね
出力
上記のコードがどのように機能するかを確認するために次の手順を実行してみましょう-
- 上記のHTMLコードを indexl ファイルとしてサーバーのルートフォルダーに保存します。
- このHTMLファイルをhttp://localhost/indexlとして開くと、出力は以下のように表示されます。
- この例では、ユーザーの詳細などのユーザー情報を表示するリンクを提供します。ユーザーがそれらのリンクをクリックすると、ユーザーのお気に入りが表示されます。