Wenn Sie eine Website gut aussehen möchten, wenden Sie sich an CSS zu. Es gibt keinen besseren Weg als das. Da es viele Feinheiten mit CSS gibt, haben Entwickler Möglichkeiten zum Verpacken von „Stilen“ entwickelt. Die häufigste Wahl ist Bootstrap, die ursprünglich von und für Twitter entwickelt wurde. Dies ist überhaupt nicht das einzige CSS -Framework, sodass Sie in diesem Artikel mehr sehen werden.

Django Bootstrap

Wenn Sie in Python programmieren, verwenden Sie normalerweise ein Web -Framework. Eines ist ein sehr verbreiteter Django. Glücklicherweise gibt es ein Projekt zur Verwendung von Bootstrap in Django. Dies ist auf pypi.org so installieren ist die reguläre Routine. Höchstwahrscheinlich führen Sie eine virtuelle Umgebung aus, aktivieren Sie sie und installieren Sie sie mit PIP.

$ pip Installieren Sie Django-Bootstrap3

Das gleiche Team unterstützt Bootstrap4, dieses Projekt hat eine Deckungsbewertung von 89%, sodass Ihre spezielle Funktion möglicherweise fehlt. Sie müssen diese Entscheidung selbst treffen. Jetzt müssen Sie diese Anwendung zu Ihren Einstellungen hinzufügen.PY 'Datei.

Installed_apps = [
'Django.beitragen.Administrator',
'Django.beitragen.Auth ',
'Django.beitragen.ContentTypes ',
'Django.beitragen.Sitzungen ',
'Django.beitragen.Mitteilungen',
'Django.beitragen.staticfiles ',
'Bootstrap3',
]

Jetzt können Sie Bootstrap in Ihrem Site -Code verwenden. Da Sie Django verwenden, haben Sie ein Vorlagenverzeichnis in Ihren Einstellungen definiert.PY 'Datei. Fügen Sie in der Hauptvorlage den folgenden Code hinzu.

% LOAD Bootstrap3 %

% bootstrap_form Form %
% Tasten %

% bootstrap_icon "stern"%

% Endbuttons %

Die beiden interessanten Werte in diesem Code sind „Bootstrap*“. Dies sind Vorlagen-Tags und Filter, die Sie in der Django-Bootstrap-Dokumentation verwenden können. Der Code % buttons % kann auch Parameter enthalten, die den Text zum Senden und Zurücksetzen des Formulars bestimmen. Wenn Sie fortgeschrittener werden, stellen Sie sicher, dass Sie Ihren Einstellungen Bootstrap3 hinzufügen.py. Es gibt auch Vorlagen für Fehler und Nachrichten, mit denen Sie steuern können, wie Fehler auf Ihrer Website angezeigt werden.

Flask Bootstrap

In Flask haben Sie auch ein Modul namens Flask-Bootstrap, das in Ihrer virtuellen Umgebung mit PIP wie gewohnt installiert ist.

$ pip Installieren Sie Flaskrootstrap

Das Modul funktioniert sehr ähnlich, nicht überraschend, da beide den Jinja2 -Vorlagen -Motor verwenden. Der Import ist eine direktere Möglichkeit, die Bootstrap -Funktionen zu verwenden, sodass Sie das Modul oben in Ihrer App importieren müssen.PY 'Datei. Sie müssen Ihrer "App" -Definition in derselben Datei Bootstrap hinzufügen.

aus Flask -Importkolben
Aus Flask_bootstrap importieren Sie Bootstrap
Def create_app ():
app = Flask (__ Name__)
Bootstrap (App)
App zurückgeben

Wenn Sie dies importiert haben, müssen Sie es nur zu Ihren Vorlagen hinzufügen. Der Unterschied besteht darin, dass Sie Blöcke haben, die definieren, wie die verschiedenen Stücke auf Ihrer Website aussehen. Gehen Sie die Blöcke durch, die Sie auf ihrer Website zur Verfügung haben. Andernfalls nennen Sie den Framework genauso wie in Django. Es gibt viele Makros, ich.e. WTForms -Unterstützung.

Andere Entscheidungen

Sie haben auch ähnliche Projekte für CubicWeb, genannt Cubicweb-Bootstrap. Die Installation ist wie üblich, PIP -Installation. Es enthält die gesamte Bibliothek und einige Routinen, um sie zu verwenden.

Wenn Sie keine Lösung finden, die Sie ändert, untersuchen Sie, was Fanstatic Ihnen helfen kann. Es schafft Möglichkeiten, JavaScript -Abhängigkeiten in Ihren Python -Code zu importieren. Dies funktioniert auch mit CSS -Dateien. Dieses Framework wird so erstellt, dass alle WSGI -konformen Web -Framework einnutzen. Untersuchen Sie dies daher nach Ihren spezifischen Anforderungen.

Abschluss

Wenn Sie CSS verwenden möchten, um Ihre Website zu erhellen, besteht die effizienteste Möglichkeit, ein vorhandenes Framework zu verwenden. Die Schnittstelle zu diesen Frameworks ist bereits vorhand. Python und die meisten verfügbaren Frameworks haben leistungsstarke Routinen für Datenbanken, CSS und viele andere Dinge, die Sie unter Kontrolle halten und Sie auch schnell erstaunliche Dinge effizient erstellen können.

Referenzliste:

https: // pypi.org/project/bootstrap4/
https: // pypi.org/project/cubicweb-Bootstrap/#Geschichte
https: // pypi.org/project/django-Bootstrap-Fields/#History
https: // github.com/gocept/js.Bootstrap4
http: // mkdocs.Github.IO/MKDOCS-Bootstrap/
https: // cssselect.Readthedocs.io/en/letztes/