Lorsque vous souhaitez 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 d'emballer les «styles». Le choix le plus courant est Bootstrap, initialement développé par et pour Twitter. Ce n'est pas du tout le seul cadre CSS, vous en verrez donc plus dans cet article.

Django bootstrap

Lors de la programmation en Python, vous utiliseriez généralement un framework Web, un très courant est Django. Heureusement, il existe un projet d'utilisation de bootstrap à 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 avec PIP.

$ pip install django-bootstrap3

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

Installé_apps = [
'Django.contribue.administrateur,
'Django.contribue.authentification,
'Django.contribue.ContentTypes ',
'Django.contribue.Sessions ',
'Django.contribue.messages',
'Django.contribue.STATICFILES ',
'bootstrap3',
]]

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

% Bootstrap 3%

% bootstrap_form Form%
% boutons %

% bootstrap_icon "star"% soumettre

% endbuttons%

Les deux valeurs de ce code intéressantes sont «Bootstrap *», ce sont des balises et des filtres de modèle 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 pour soumettre et réinitialiser le formulaire. Lorsque vous devenez plus avancé, assurez-vous d'ajouter Bootstrap3 à vos paramètres.py. Il existe également des modèles pour les erreurs et les messages que vous pouvez utiliser pour contrôler comment les erreurs s'affichent sur votre site Web.

Bootstrap flacon

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

$ pip install flask-bootstrap

Le module fonctionne très également, sans surprise car ils utilisent tous les deux le moteur des modèles Jinja2. L'importation est un moyen plus direct d'utiliser les fonctions bootstrap, vous devez donc importer le module en haut de votre application.fichier py '. Vous devez ajouter Bootstrap à votre définition «App» dans le même fichier.

De Flask Import Flask
à partir de flask_bootstrap Import Bootstrap
def create_app ():
app = flacon (__ name__)
Bootstrap (app)
application de retour

Lorsque vous avez l'impression, vous avez juste besoin 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 dont vous disposez sur leur site Web. Sinon, vous appelez le cadre de la même manière que vous le feriez à Django. Il existe de nombreuses macros disponibles, je.e. Prise en charge de WTFORMS.

Autres choix

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

Si vous ne trouvez pas de solution qui vous convient, étudiez ce que FanStatic peut vous aider avec. 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 cadre existant. L'interface de ces frameworks est déjà là, il suffit de mettre votre style dans vos modèles et de faire. Python et la plupart des cadres disponibles ont des routines puissantes pour les bases de données, le CSS et bien d'autres choses qui vous garderont au contrôle et vous permettra également de créer des choses incroyables rapidement.

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.lecture.IO / EN / DERNIT /