Ceci est ** 6th **, un mémorandum de création d'une application de gestion de score shogi à l'aide de Django.
L'environnement de travail cette fois-ci est le suivant
De plus, la structure de répertoires de Django ressemble à ceci:
- kifu_app_project/
- kifu_app_project/
- __init__.py
- setting.py
- urls.py
- wsgi.py
- kifu_app/
- migrations/
- templates/
- index.html
- informationList.html
- informationDetail.html
- __init__.py
- admin.py
- apps.py
- models.py
- tests.py
- urls.py
- views.py
- manage.py
- .gitignore
--Hériter du modèle --Inclure un modèle
J'ai créé des modèles jusqu'à la dernière fois, mais étant donné que je vais créer un certain nombre de modèles, je veux le rendre aussi simple que possible ... Par exemple, à l'intérieur de la balise «
» sera le même pour n'importe quel modèle.De plus, je pense que la maintenabilité s'améliorera si les mêmes pièces sont organisées.
L'héritage de modèle est comme l'ajustement d'un modèle dans un autre.
Commencez par créer le modèle d'origine.
base.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.js"></script>
<title>
{% block title %}
{% endblock %}
</title>
</head>
<body>
{% block body_content %}
{% endblock %}
</body>
</html>
Placez la partie que vous souhaitez insérer ultérieurement dans {% block <block name>%} {% endblock%}.
Je ne me sens pas beaucoup profiter de cela seul ... Cependant, il est facile de ne modifier que ce modèle pour charger des éléments tels que Bootstrap à l'avenir.
Ensuite, créez un modèle pour la personne à adapter. Modifiez informationList.html comme exemple.
informaitonList.html
{% extends "base.html" %}
{% block title %}
Kifu APP
{% endblock %}
{% block body_content %}
{% for each_data in object_list %}
<h3>{{ each_data }}</h3>
<table border="1">
<tr>
<td><a href="{% url 'kifu_app:informationDetail' each_data.id %}">{{ each_data.date }}</a></td>
<td>{{ each_data.sente }}</td>
<td>{{ each_data.gote }}</td>
<td>{{ each_data.small_class }}</td>
</tr>
</table>
{% endfor %}
{% endblock %}
Commencez par charger le modèle à installer avec {% extend" Template name "%}.
Après cela, dans la base mentionnée précédemment, entourez le contenu d'un bloc qui correspond à l'endroit que vous souhaitez adapter.
Par exemple, sur l'écran détaillé de la partition, je pense que c'est plus facile à utiliser s'il y a un plateau shogi. Cependant, une telle planche shogi peut être utilisée pour autre chose que l'écran de détail.
Ensuite, l'idée d'inclure est de * gérer le "shogi board" en tant que partie et de lire la partie si nécessaire *. Cela facilite également la maintenance
Commencez par créer le fichier HTML suivant en tant que "partie"
html:part:html
<h3>ici"les pièces"Viendra</h3>
Pour charger une telle "pièce", procédez comme suit dans le modèle que vous souhaitez charger:
informationDetail.html
{% extends "base.html" %}
{% block title %}
Kifu APP
{% endblock %}
{% block body_content %}
<h3>{{ object }}</h3>
<table border="1">
<tr>
<td>{{ object.id }}</td>
<td>{{ object.date }}</td>
<td>{{ object.sente }}</td>
<td>{{ object.gote }}</td>
<td>{{ object.result }}</td>
<td>{{ object.my_result }}</td>
<td>{{ object.small_class }}</td>
<td>{{ object.created_at }}</td>
<td>{{ object.updated_at }}</td>
</tr>
</table>
{% include 'part.html' %} <!--Chargement ici-->
{% endblock %}
Avec juste cela, vous pouvez charger et afficher la partie appelée part.html!
Créer .env
Recommended Posts