Lorsque vous voulez rendre un site Web beau, vous vous tournez vers CSS. Il n'y a pas de meilleur moyen que ça. Parce qu'il existe de nombreuses subtilités avec CSS, les développeurs ont trouvé des moyens de packager les « styles ». Le choix le plus courant est Bootstrap, développé à l'origine par et pour Twitter. Ce n'est pas du tout le seul framework CSS donc vous en verrez plus dans cet article.

Bootstrap Django

Lors de la programmation en Python, vous utilisez généralement un framework Web, un très courant est Django. Heureusement, il existe un projet pour utiliser Bootstrap dans Django. C'est sur Pypi.org donc l'installation est la routine régulière. Très probablement, vous exécutez un environnement virtuel, activez-le et installez-le avec pip.

$ pip installer django-bootstrap3

La même équipe prend en charge Bootstrap4, ce projet a un taux de couverture de 89%, donc votre fonctionnalité particulière peut être manquante. Vous devez prendre cette décision vous-même. Maintenant, vous devez ajouter cette application à vos "paramètres.py' fichier.

INSTALLED_APPS = [
'django.contrib.administrateur',
'django.contrib.authentification,
'django.contrib.types de contenu',
'django.contrib.séances',
'django.contrib.messages',
'django.contrib.fichiers statiques',
'bootstrap3',
]

Maintenant, vous pouvez utiliser Bootstrap dans le code de votre site. Puisque vous utilisez Django, vous avez un répertoire de modèles défini dans vos 'paramètres.py' fichier. Dans le modèle principal, ajoutez le code ci-dessous.

% charge bootstrap3 %
 

% bootstrap_form form %
% boutons %

% bootstrap_icon "star"% ENVOYER

% boutons de fin %

Les deux valeurs intéressantes de ce code sont « bootstrap* », ce sont des balises de modèle et des filtres que vous pouvez rechercher comment utiliser dans la documentation Django-Bootstrap. Le code % boutons % peut également inclure des paramètres qui déterminent le texte de soumission et de réinitialisation du formulaire. Lorsque vous serez plus avancé, assurez-vous d'ajouter BOOTSTRAP3 à vos paramètres.py. Il existe également des modèles d'erreurs et de messages que vous pouvez utiliser pour contrôler l'affichage des erreurs sur votre site Web.

Ballon Bootstrap

Dans Flask, vous avez également un module appelé Flask-Bootstrap, il est installé dans votre environnement virtuel en utilisant PIP comme d'habitude.

$ pip install flask-bootstrap

Le module fonctionne de manière très similaire, sans surprise puisqu'ils utilisent tous les deux le moteur de modèles Jinja2. L'importation est un moyen plus direct d'utiliser les fonctions d'amorçage, vous devez donc importer le module en haut de votre 'application.py' fichier. Vous devez ajouter Bootstrap à votre définition 'app' dans le même fichier.

de l'importation du flacon Flacon
depuis flask_bootstrap importer Bootstrap
 
def create_app() :
app = Flacon (__nom__)
Bootstrap (application)
 
retourner l'application

Lorsque vous l'avez importé, il vous suffit de l'ajouter à vos modèles de la même manière que vous le feriez sur un site Web ordinaire. La différence est que vous avez des blocs qui définissent à quoi ressemblent les différentes pièces de votre site Web. Parcourez les blocs que vous avez disponibles sur leur site Web. Sinon, vous appelez le framework de la même manière que vous le feriez dans Django. Il existe de nombreuses macros disponibles, je.e. Prise en charge des formulaires WT.

Autres choix

Vous avez également des projets similaires pour cubeweb, appelés cubicweb-bootstrap. L'installation est comme d'habitude, pip install. Il contient toute la bibliothèque et quelques routines pour l'utiliser.

Si vous ne trouvez pas de solution qui vous convient, cherchez en quoi Fanstatic peut vous aider. Il crée des moyens d'importer des dépendances JavaScript dans votre code Python. Cela fonctionne également avec les fichiers CSS. Ce cadre est conçu pour tirer parti de tout cadre Web conforme à WSGI, alors examinez-le pour vos besoins spécifiques.

Conclusion

Si vous souhaitez utiliser CSS pour égayer votre site Web, le moyen le plus efficace est d'utiliser un framework existant. L'interface de ces frameworks est déjà là, il suffit de mettre votre style dans vos modèles et votre bon à emporter. Python et la plupart des frameworks disponibles ont de puissantes routines pour les bases de données, CSS et bien d'autres choses qui vous garderont le contrôle et vous permettront également de créer des choses étonnantes rapidement et efficacement.

Liste de référence:

https://pypi.org/project/bootstrap4/
https://pypi.org/project/cubicweb-bootstrap/#history
https://pypi.org/project/django-bootstrap-fields/#history
https://github.com/gocept/js.bootstrap4
http://mkdocs.github.io/mkdocs-bootstrap/
https://cssselect.lire les docs.io/fr/dernier/