Django hat ein praktisches Vorlagen-Tag namens ** erweitert **, mit dem Sie viel Zeit beim Schreiben von HTML sparen können. Nutzen Sie es also.
Ich habe unter Vorlagen ein Verzeichnis namens base (wie auch immer der Name lautet) erstellt und base.html geschrieben, das den Rahmen aller Seiten bildet.
templates/bases/base.html
<!DOCTYPE html>
<html lang="ja">
<head>
<title>{% block title %}Shift-Maker{% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{{ STATIC_URL }}css/bootstrap.min.css">
<link rel="stylesheet" href="{{ STATIC_URL }}css/bootstrap-theme.min.css">
<script src="{{ STATIC_URL }}js/jquery-1.11.0.js"></script>
<script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>
</head>
<body><div class="container">
{% block main %}
{% endblock %}
</div></body>
</html>
Ich möchte Bootstrap und jQuery auf jeder Seite verwenden, daher habe ich sie hier im Voraus angegeben. ** STATIC_URL ** ist in meinem Fall in ** settings.py ** festgelegt
STATIC_URL = '/static'
STATICFILES_DIRS = (
os.path.join(BASE_DIR,'static'),
)
ist. Mit ** STATICFILES_DIRS ** können Sie das Verzeichnis angeben, in dem die Dateien abgelegt werden sollen. Erstellen Sie daher ein geeignetes Verzeichnis und wenden Sie es an.
Sie müssen lediglich den Inhalt für jede Seite eingeben. Der Ablauf ist wie das Deklarieren der übergeordneten Vorlage mit ** erweitert ** und das Platzieren des Inhalts an der mit ** block ** angegebenen Stelle. Schreiben Sie beispielsweise wie folgt.
{% extends 'bases/base.html' %}
{% block title %}Hello,world!{% endblock %}
{% block main %}
<h1>This is test!!</h1>
<button class="btn btn-lg">Click me</button>
<script type="text/javascript">
var count = 0;
$('.btn').click(function(){
alert(count + "click!");
});
</script>
{% endblock main %}
Ich habe Bootstrap und jQuery richtig von meinen Eltern geerbt, daher muss ich nicht jedes Mal das Gleiche schreiben.
Nun, eigentlich bin ich hierher gekommen ** vorher Ich habe festgestellt, dass es ein Problem mit dem von mir erstellten Datenbankmodell gab, und ich habe es beim nächsten Mal erheblich behoben ** Ich werde es wieder posten (ich werde das vorherige als Denkmal hinterlassen).
Angenommen, Sie erstellen die Ansicht danach.
Recommended Posts