ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
テンプレート
- B-sure Cold Press Mustard Cooking Oil
- Ban dang tim kiem dia chi in an gia re va uy tin tai Ha Noi
- POPULLAR MOVIE
- POPULLAR MOVIE
- GK
- Dich vu in an sang tao doc dao an tuong
- Dich vu in an sang tao doc dao an tuong
- エラー
- コード+ヘッダ
- コード
- Paige
- T N lu
- Genia Begay
- Diego Herz
- Indira Tubbs
- Kfo M
- Muoi Crowe
- adwords zertifizierte agentur
- Charlie Ricker
- Jrfpgxn
- J Xwkzgg b Pzg
- Maryam
- Matt Aplin
テンプレートの基本
アプリケーションディレクトリ直下にtemplatesディレクトリを作成しましょう。
templatesディレクトリ内に以下のindex.htmlを作成します。
{% if item_list %} <ul> {% for item in item_list %} <li>{{ item }}</li> {% endfor %} </ul> {% else %} <p>No item.</p> {% endif %} |
templateに値を渡すviewを作成しましょう。
アプリケーションディレクトリ直下のviews.pyに以下の記述をしましょう。
from django.shortcuts import render def index(request): item_list = ['a', 'b', 'c'] template = loader.get_template('index.html') context = { 'item_list': item_list, } return render(request, 'index.html', context) |
indexにリクエストするとテンプレートを表示することが出来ます。
テンプレートの共通化
ヘッダーやフッターといったテンプレートの共通部分を実装するには以下のようにします。
以下、共通部分となるbase.htmlです。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>{% block title %}{% endblock title %}</title> </head> <body> {% block content %} {% endblock %} </body> </html> |
独自実装の部分は
{% block content %}
{% endblock %}
となります。
{% block title %}{% endblock title %}
は後述します。
以下、独自実装部分のテンプレートです。
{% extends "base.html" %} {% block title %}ページタイトル{% endblock title %} {% block content %} <form method="post"> {% csrf_token %} ... </form> {% endblock %} |
extendsで共通テンプレートを読み込んでblock content内に独自実装部分を記載します。
ページごとにタイトルを変える必要があるので、block titleに対してページのタイトルを設定しましょう。
includeを使用することで個別にテンプレートを読み込むことが出来ます。
例えば以下の様にヘッドタグを部品化しましょう。
<head> {% include "headtag.html" %} <title>{% block title %}{% endblock title %}</title> </head> |
以下、headtag.htmlの記載例。
{% load static %} <meta charset="UTF-8"> <!-- CSS --> <!-- Scripts --> |
ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
テンプレート
- B-sure Cold Press Mustard Cooking Oil
- Ban dang tim kiem dia chi in an gia re va uy tin tai Ha Noi
- POPULLAR MOVIE
- POPULLAR MOVIE
- GK
- Dich vu in an sang tao doc dao an tuong
- Dich vu in an sang tao doc dao an tuong
- エラー
- コード+ヘッダ
- コード
- Paige
- T N lu
- Genia Begay
- Diego Herz
- Indira Tubbs
- Kfo M
- Muoi Crowe
- adwords zertifizierte agentur
- Charlie Ricker
- Jrfpgxn
- J Xwkzgg b Pzg
- Maryam
- Matt Aplin
人気ページ
最近更新/作成されたページ
- UE5でBlenderファイル(.blend)をインポートする方法 NEW! (2025-02-19 02:46:41)
- UE5で鏡を作成する方法 NEW! (2025-02-19 02:46:24)
- Unreal Engine 5 (UE5) とは? (2025-02-19 02:10:15)
- Revit APIの「グループ」について NEW! (2025-02-03 13:14:26)
- Gitの「MERGING」の状態の説明と競合の解決策 NEW! (2025-01-22 20:43:37)
- 【Gitエラー】error: Your local changes to the following files would be overwritten by checkout: NEW! (2025-01-22 20:06:48)
- Gitとは 使い方 (2025-01-22 20:03:53)
- .gitignoreの書き方 NEW! (2025-01-22 16:21:59)
- 【Visual Studio】.suoファイルとは NEW! (2025-01-22 16:18:09)
- 【gitエラー】 Unlink of file 'ファイル名' failed. Should I try again? (y/n) について (2025-01-15 22:24:27)
コメントを削除してもよろしいでしょうか?