[PYTHON] Comment refléter CSS dans Django

Comment refléter CSS dans Django

Je vais vous montrer comment refléter CSS dans Django.

environnement

Python 3.7.6 Django 3.0.5

Modifier setting.py

Écrivez le code suivant en bas de setting.py.

setting.py



#Partie supérieure omise

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/3.0/howto/static-files/

STATIC_URL = '/static/'

STATICFILES_DIRS = (
    [
        os.path.join(BASE_DIR, "static"), 
    ]
)

Ajouter un fichier CSS

Ajoutez un dossier statique et configurez-le comme indiqué ci-dessous

| - webproject
| | - setting.py
| | - urls.py
| - webapp
| | - urls.py
| | - views.py
| - templates
| | - form.html
| - static
| | - css
| | | - style.css
|manage.py

Modification de fichiers HTML

Ajoutez `` {% load static%} '' en haut.

{% load static %} 
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>WebApp</title>
    <link href="{% static 'css/style.css' %}" rel="stylesheet">
  </head>
  <body>
    <p>Hello World!</p>
  </body>
</html>

Modifier les fichiers CSS

Assurez-vous qu'il est reflété.

p {
  color: blue;
}

Certainement reflété ^ _ ^

スクリーンショット 2020-04-28 21.33.42.png

Recommended Posts

Comment refléter CSS dans Django
Comment supprimer des sessions expirées dans Django
Comment faire des événements envoyés par le serveur dans Django
Comment créer une API Rest dans Django
Comment développer en Python
Comment obtenir plusieurs objets de modèle au hasard dans Django
Comment télécharger des fichiers dans la vue de classe générique Django
Comment utiliser Decorator dans Django et comment le créer
Comment référencer des fichiers statiques dans un projet Django
Comment écrire une validation personnalisée dans Django REST Framework
[Python] Comment faire PCA avec Python
Comment gérer une session dans SQLAlchemy
[Django] Comment tester le formulaire [TDD]
Comment utiliser ORM / Query Builder Orator de type Laravel avec Django
Comment utiliser les classes dans Theano
Comment écrire sobrement avec des pandas
Comment collecter des images en Python
Erreur liée à memcached dans django
Comment mettre à jour Spyder dans Anaconda
Comment vérifier le comportement d'ORM avec un fichier avec django
Comment mettre à jour les informations utilisateur sur Django RemoteUserMiddleware login
Comment utiliser SQLite en Python
[Django] Comment donner des valeurs d'entrée à l'avance avec ModelForm
Comment convertir 0,5 en 1056964608 en un seul coup
Comment générer une requête à l'aide de l'opérateur IN dans Django
Comment démarrer avec Django
Comment tuer des processus en vrac
Comment utiliser Mysql avec python
Comment envelopper C en Python
Comment utiliser ChemSpider en Python
Comment utiliser PubChem avec Python
Comment écrire un fichier wsgi.py indépendant de l'environnement Django1.9
Dans Django, comment abréger la longue chaîne de caractères affichée au milieu ...
Comment exécuter du code TensorFlow 1.0 en 2.0
Comment gérer le japonais avec Python
Comment se connecter à Docker + NGINX
Comment appeler PyTorch dans Julia
[Django] Comment lire les variables / constantes définies dans un fichier externe
Comment déployer une application Django sur heroku en seulement 5 minutes
Comment effectuer un traitement arithmétique avec le modèle Django
[Introduction à Python] Comment utiliser la classe en Python?
Comment supprimer l'erreur d'affichage dans matplotlib
Django: la migration ne reflète pas le modèle dans DB
Comment définir dynamiquement des variables en Python
Comment vérifier la version de Django
Comment convertir csv en tsv dans la CLI
Environnement CSS créé en 10 minutes avec Django
[Itertools.permutations] Comment créer une séquence en Python
Comment utiliser Google Test en langage C
Comment implémenter un sérialiseur imbriqué avec drf-flex-fields
Comment utiliser BigQuery en Python
Comment exécuter des commandes avec Jupyter Notebook
Comment faire 'git fetch --tags' dans GitPython
Comment obtenir stacktrace en python
Comment extraire une zone de polygone en Python
Comment réattribuer un index dans pandas dataframe