私はテンプレートレイアウトをtemplate.htmlに保存しておきます。このテンプレートには、バナー、サイドナビゲーション、コンテンツコンテナ、およびフッターが含まれています。フラスコを使用して、これらのページ要素を分割し、banner.html、sidenavigation.htmlなどのファイルを作成し、これらの異なるファイルをtemplate.html内にレンダリングすることはできますか?フラスコに含めることは可能ですか?
17
A
答えて
43
から:http://jinja.pocoo.org/docs/templates/#include
template.html
{% include 'banner.html' %}
{% include 'sidenavigation.html' %}
{% include 'content.html' %}
{% include 'footer.html' %}
+0
あなたが望むことを実行するためのより強力な方法かもしれないので、Template Inheritanceを参照することもできます:http://jinja.pocoo.org/docs/templates/#template-inheritance –
+1
あなたがJinja2では継承階層を作成できません。深いレベルの文書を継承することしかできません。 – MadPumpkin
3
デフォルトでは、FlaskはJinja2をテンプレートエンジンとして使用します。 JinjaのTemplate Designer Documentationの仕組みを見てください。
関連する問題
- 1. SpringData:クエリアノテーションにサブクエリを含めることは可能ですか?
- 2. iFrameにポップアップを含めることは可能ですか?
- 3. ハイファターマップにマープラインを含めることは可能ですか?
- 4. TypeScriptインターフェイスにメソッドを含めることは可能ですか?
- 5. $ .getScript、スクリプトにIDを含めることは可能ですか?
- 6. IFrameにDocuSignを含めることが可能ですか
- 7. javascriptとphpにdubleを含めることは可能ですか?
- 8. フラグメントまたはListFragmentにListViewを含めることは可能ですか?
- 9. アソシエーションまたはフィールドにインラインモデルを含めることは可能ですか?
- 10. IIS7にhtmlでPHPを含めることは可能ですか?
- 11. ユーザープロファイルにすべてのclojureライブラリを含めることは可能ですか?
- 12. PHPスクリプトにフラスコrender_templateを使用することは可能ですか
- 13. Playフレームワークに複数のメッセージファイルを含めることは可能ですか
- 14. .metalファイルに標準のC++ライブラリを含めることは可能ですか?
- 15. モジュールをRubyの他のモジュールに含めることは可能ですか?
- 16. エンティティフレームワークに左結合を含めることは可能ですか?
- 17. Pythonのシバンにコマンドラインオプションを含めることは可能ですか?
- 18. ngForに簡略ローカル変数を含めることは可能ですか?
- 19. ステップ定義クラスに非ステップメソッドを含めることは可能ですか?
- 20. ASP.NET MVC - FORMSルートプロジェクトにMVCサブプロジェクトを含めることは可能ですか?
- 21. OSXの.appバンドルにMonoランタイムを含めることは可能ですか?
- 22. Android:ファイルの色定義をcolors.xmlに含めることは可能ですか
- 23. 注入可能なクラスにジェネリックメソッドを含めることはできますか?
- 24. .vsiファイルに.vssettingsファイルを含めることは可能ですか
- 25. Google Chrome - 拡張子にSQLite dbを含めることは可能ですか?
- 26. webRequestターゲットに複数のURLを含めることは可能ですか?
- 27. listViewアイテムに2つのTextViewを含めることは可能ですか?
- 28. 結合クエリに二重テーブルを含めることは可能ですか
- 29. MFC 10 - CFrameWndをCViewに含めることは可能ですか?
- 30. 複数の秘密ファイルをレールアプリに含めることは可能ですか?
ちょうどこれを行う方法を見つけました。 template.htmlにfilename.htmlに保存されているhtmlを含めるには、htmlを挿入する場所に{%include 'filename.html'%}をtemplate.htmlに追加してください。 – Michael