ジャンゴテンプレート-短い紹介と無料サンプル

18781 ワード
django python webdev appseed テキストリンク
こんにちは、コーダ.
この記事では、Djangoフレームワークによってダイナミックなページを生成するために使用される、Djangoテンプレートシステム(Pythonのための現代的でデザイナーフレンドリーな言語)への短い導入を提示します.この記事をより便利にするために、私はGithubから直接ダウンロードできるオープンソースのdjangoテンプレートを持つ短いリストの最後に存在します.新人のために、Djangoは急速な発展を奨励する経験豊富な開発者によって構築されたPythonのWebフレームワークです.

Thanks for reading! - Content provided by App Generator.

  • ✨ Django Template Soft UI - ブートストラップ
  • ✨ Django Material Kit - ブートストラップ
  • ✨ Django Template Volt - 製品ページ
  • ✨ Django Template Argon - 製品ページ
  • ✨ Django Template Datta - 製品ページ

    • 🔥 新しいダッシュボードソフトUIダッシュボード


    Adminダッシュボードは、Djangoフレームワークでコード化しました.大胆な要素と美しいウェブサイトのような人のために設計されています.Soft UI ダッシュボードは、見事なウェブサイトやWebアプリを作成するために準備ができています.
  • 👉 Django Soft UI Dashboard - 製品ページ
  • 👉 Django Soft UI Dashboard - ライブデモ

    • 🔥 新しいUIキット-材料設計


    材料キットは、Googleの材料設計に触発された新鮮な、新しいデザインと無料のブートストラップ5 UIキットです.材料キットは、光、表面と動きを利用します.それは慎重な色の選択、エッジエッジのイメージと大規模なタイポグラフィを使用します.
  • 👉 Django Material Kit - 製品ページ
  • 👉 Django Material Kit - ライブデモ

    • ✨ 何がジャンゴ


    2003年にプレスエージェンシーによるプライベートプロジェクトとして設立されたDangango Frameworkは、2008年にオープンソースプロジェクトとなっている.
    Djangoは、迅速な開発とクリーンで実用的なデザインを奨励するハイレベルなPython Webフレームワークです.経験豊富な開発者によって建てられた、それはあなたのホイールを再発明することなく、あなたのアプリケーションを書くことに焦点を当てることができるので、ウェブ開発の面倒の面倒を見る.
    Djangoを使用して、開発者は、Pythonの生態系で提供されるすべてのライブラリとパッケージの上にウェブサイト、API、マイクロサービスを構築することができます.
    新人にとって、フレームワークは多くのプロジェクトで使用可能なモジュールと機能を備えています.
    このような強力なフレームワークであるため、DJangoは、動的にコンテンツを注入し、テンプレートを拡張し、フィルタ表示された情報、および大いに多くのコンポーネントを再利用することによって簡単にブラウザでページをレンダリングするために使用されるテンプレートエンジンを提供しています.
    一度に1つを取り、Djangoテンプレートエンジンによって提供されるいくつかの基本的な機能を明らかにしましょう.

    ✨ テンプレートの設定


    テンプレートはロードされて、Djangoによってsettings.py .
    # settings.py Sample
...
PROJECT_ROOT = os.path.abspath(os.path.dirname(__file__))
TEMPLATE_DIRS = (os.path.join(PROJECT_ROOT, 'core/templates')
...
)
    これからは、ファイルとテンプレートを保存しますcore/templates ディレクトリ.

    ✨ 簡単なHTMLをレンダリング


    この点で、Djangoはどこでコントローラで参照されるテンプレートを探すべきかについてわかっています、そして、我々は最初の、超簡単なテンプレートを定めることができます.

    File Location/Name: core/templates/index.html


    インデックス.HTMLコンテンツ
    <html>
  <head>
    <title>
      First Django Template
    </title>
  </head>
  <body>
    <h1>
      My template
    </h1>
    <p>
      some content here
    </p>
  </body>
</html>
    コントローラ
    from django.shortcuts import render

# View for index page. 
def index(request):
  return render(request, 'index.html')
    ブラウザでページにアクセスした場合、ビューによってテンプレートがアカウントに取り込まれたことに気づきます.

    ✨ テンプレートで変数を使用する


    前のサンプルはハードコード情報を使用しますpage title , H 1タグと内容段落.この制限は、データベースまたはユーザーから来る可能性のある変数を使用して簡単に変更できます.ページタイトルの変数を使用するコードを更新しましょう.

    File Location/Name: core/templates/index.html


    インデックス.HTMLコンテンツ
    <html>
  <head>
    <title>
      {{ title }} 
    </title>
  </head>
  <body>
    <h1>
      My template
    </h1>
    <p>
      some content here
    </p>
  </body>
</html>
    コントローラ
    from django.shortcuts import render

# View for index page. 
def index(request):
  title = "My new title"
  return render(request, 'index.html', { "title": title ) } )
    The render() メソッドは、キーが変数名と値である辞書を予想します、そして、..テンプレートに注入された値.Djangoテンプレートエンジンでレンダリングされると、HTMLは次のようになります.
    <html>
  <head>
    <title>
      My new title
    </title>
  </head>
  <body>
    <h1>
      My template
    </h1>
    <p>
      some content here
    </p>
  </body>
</html>

    ✨ その他のユースケース


    DJangoテンプレートシステムでは、私たちのテンプレートの単純な変数の置換を持つことができます:ループ、フィルタ、条件付けを設定します.

    👉 条件文


    テンプレートファイルに条件文を使用するには、変数の使用法と比較して別の構文を使用する必要があります.
  • 変数{{ variable }}
  • 条件{ % if whatever % }
    • 実際のサンプルを見てみましょう.
    <span>
  { % if years <10 % }
    Child ...
  { % elif years < 18 % }
    Teenager ...
  { % else % }
    Adult ...
  { % endif % }
</span>
    コントローラ
    from django.shortcuts import render

# View for index page. 
def index(request):
  years = 15
  return render(request, 'index.html', { "years": years) } )
    Djangoでレンダリングされたバージョンを以下に示します.
    
< span >
    Teenager ...
</span >

    👉 テンプレートのループ


    ループを使用すると、データ辞書の要素を読み込んだり繰り返したりできます.コントローラでは、番号を付けてリストを送りました.レンダリングされたページに数字を表示するにはfor 構造
    <ul>
  {% for number in my_array %}
    <li>
      {{ number }}
    </li>
  {% endfor %}
</ul>
    コントローラ
    from django.shortcuts import render

# View for index page. 
def index(request):
  my_array = [1,2 3]
  return render(request, 'index.html', { "my_array": my_array) } )
    Djangoでレンダリングされたバージョンを以下に示します.
    < ul >
    < li > 1 </ li >
    < li > 2 </ li >
    < li > 3 </ li >
</ ul >

    ✨ テンプレートの拡張


    この機能を使用するとextend または現在のコンテキストの特定のコンテンツに注入することにより、マスターページテンプレートを再利用します.
    シンプルで直感的なユースケースは、ホームページとフッターとトップメニューが同一であり、主要なコンテンツだけが異なる連絡先ページかもしれません.コンセプトを説明するためのテンプレートとサンプルページをデザインしましょう.

    Define a master template called base.html


    親HTMLbase.html
    <html>
  <head>
    <title>My {% block title %}{% endblock %} </title>
  </head>
  <body>
    <div class="container">
      <h2>This is from the base template</h2>
      <br>
      { block content }{ endblock }
      <br>
    </div>
  </body>
</html>

    Define the HOME page


    子テンプレートhome.html
    { extends "base.html" }

{ block title } Homepage { endblock }

{ block content }
  Home page content
{ endblock }
    Django負荷home.html , the { extends } ブロックはエンジンをマージしますbase.html テンプレートによって提供される内容home.html .
  • { block title } ホームページになる
  • { block content } ホームページ内容
    • 生成HTML
    <html>
  <head>
    <title>Homepage</title>
  </head>
  <body>
    <div class="container">
      <h2>This is from the base template</h2>
      <br>
      Home page content
      <br>
    </div>
  </body>
</html>
    この機能は、テンプレートの継承と呼ばれるコンポーネントを再利用して簡単に動的にページングビルドで時間を獲得するのに役立ちます.
    Djangoテンプレートエンジンは、これより多くを提供します.私は以下のいくつかのより多くの機能に言及します.完全な情報は公式文書にあります.Django Template System

  • Template - 定義とサンプル

  • Variables - どのように深くそれらを使用する
  • Filters

  • Comments - テンプレートのコメント構文を説明する
  • Template inheritance

    • To apply the theory, we can play with a few FREE samples published on Github under the MIT license.


    ✨ ジャンゴテンプレート


    Voltは無料でオープンソースのブートストラップ、コンポーネント、ページ、および素晴らしい管理インターフェイスを作成するために使用できるプラグインを使用して管理された管理者ダッシュボードです.また、より多くのページ、プラグイン、およびコンポーネントとProバージョンが付属しています.
  • 👉 Django Volt Bootstrap 5 - 製品ページ
  • 👉 Django Volt Bootstrap 5 - ライブデモ

    • ✨ ジャンゴテンプレート


    DataMashフレームワークの上にデータダッシュボードの4つのダッシュボードのテンプレートの上にDJangoフレームワークで符号化ダッシュボード.Django CodeBaseは認証、データベース、ORMと展開スクリプトを提供します.
  • 👉 Django Datta Able - 製品ページ
  • 👉 Django Datta Able - ライブデモ

    • ✨ テンプレート・アトランティス


    アトランティスLiteは、美しく、エレガントな様々なメトリック、数字やデータの可視化を表示するように設計された無料のブートストラップ4管理ダッシュボードです.このオープンソース管理ダッシュボードには、2つのレイアウト、多くのプラグインとUIコンポーネントがあります.
  • 👉 Django Atlantis Dark - 製品ページ
  • 👉 Django Atlantis Dark - ライブデモ

    • Thanks for reading! For more resources, feel free to access:

  • ✨ その他Free Dashboards Django、フラスコ、そしてReact
  • ✨ その他Admin Dashboards - 製品と巨大なインデックス
    • 私のDocker TIPS
    [BOJ]14501号退社c++