Lancez-vous avec Django! ~ Tutoriel ⑥ ~

Aperçu

Ceci est une continuation de Dernière fois.

J'ai couvert la création d'applications Web avec Django cinq fois, mais c'est le dernier chapitre.

Dans le dernier chapitre, je voudrais expliquer la gestion des fichiers statiques.

Nom de fichier statique

Dans Django, les fichiers statiques sont nommés ** static **. (D'autres cadres incluent public et www.)

Emplacement des fichiers statiques

C'est la même chose que lors du placement du fichier de modèles, et l'emplacement de placement sera un peu étrange.

Commencez par créer un répertoire statique dans le répertoire polls. Django y recherche des fichiers statiques. Similaire à la façon dont Django recherche les modèles dans polls / templates /.

Par conséquent, l'emplacement sera polls / static / polls / static file` ``.

Créer un style

Écrivons CSS pour vérifier si le fichier statique est réellement reflété.

polls/static/polls/style.css


li a {
    color: green;
}

Modifiez ensuite le fichier modèle.

polls/templates/polls/index.html


{% load static %}

<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}" />

{% if latest_question_list %}
    <ul>
        {% for question in latest_question_list %}
            <li><a href="{% url 'polls:detail' question.id %}">{{question.question_text}}</a></li>
        {% endfor %}
    </ul>
{% else %}
    <p>No polls are available.</p>
{% endif %}

Ce que nous faisons est simple, commencez par charger la balise de modèle statique. La balise de modèle {% static%} génère l'URL complète d'un fichier statique.

Une fois que vous avez fait cela, démarrez le serveur et vérifiez.

localhost_8000_polls_.png

Les caractères sont verts, reflétant style.css.

Résumé

J'ai expliqué le tutoriel Django en 6 fois. L'image de Python semblait forte dans les domaines des mathématiques tels que l'apprentissage automatique, l'IoT et l'analyse de données, mais j'ai trouvé que je pouvais créer une application Web fermement.

Si j'ai une chance, j'aimerais l'utiliser dans un projet.

GitHub

séries

Recommended Posts

Lancez-vous avec Django! ~ Tutoriel ⑤ ~
Lancez-vous avec Django! ~ Tutoriel ④ ~
Lancez-vous avec Django! ~ Tutoriel ⑥ ~
Comment démarrer avec Django
Django 1.11 a démarré avec Python3.6
Notes d'étape pour démarrer avec django
Démarrez avec MicroPython
Démarrez avec Mezzanine
Premiers pas avec Django 2
Le moyen le plus simple de démarrer avec Django
Commencez avec influxDB + Grafana
Premiers pas avec Python Django (1)
Premiers pas avec Python Django (4)
Premiers pas avec Python Django (3)
Introduction à Python Django (6)
Commencez avec Python! ~ ② Grammaire ~
Premiers pas avec Django avec PyCharm
Premiers pas avec Python Django (5)
Commencez avec Python! ~ ① Construction de l'environnement ~
Lien pour commencer avec python
Premiers pas avec MicroPython (sur macOS)
Comment démarrer avec Scrapy
Comment démarrer avec Python
Démarrez avec l'apprentissage automatique avec SageMaker
Démarrez avec Python avec Blender
Premiers pas avec le framework Python Django sur Mac OS X
Tutoriel Python Django (5)
Tutoriel Python Django (2)
J'ai essayé de commencer avec Hy
CRUD GET avec Nuxt & Django REST Framework ②
Internationalisation avec Django
mémo du didacticiel django
J'ai essayé de résumer brièvement la procédure de démarrage du développement de Django
Tutoriel Python Django (8)
CRUD GET avec Nuxt & Django REST Framework ①
Tutoriel Python Django (6)
Démarrer le didacticiel Django 1
Premiers pas avec l'outil de documentation Sphinx
Commençons avec TopCoder en Python (version 2020)
CRUD avec Django
Tutoriel Python Django (7)
Tutoriel Python Django (1)
Tutoriel du didacticiel Python Django
Comment les débutants en Python commencent avec Progete
Tutoriel Python Django (3)
[Blender x Python] Commençons avec Blender Python !!
Tutoriel Python Django (4)
Jeu à la main en Python (commençons avec AtCoder?)
Django Getting Started Part 2 avec eclipse Plugin (PyDev)
Zubu amateur veut démarrer Python
[Cloud102] # 1 Premiers pas avec Python (première partie des premiers pas de Python)
Authentifier Google avec Django
Télécharger des fichiers avec Django
Résumé du développement avec Django
Démarrer Jupyter Notebook
Sortie PDF avec Django
Premiers pas avec Android!
Sortie Markdown avec Django
1.1 Premiers pas avec Python