Quando vuoi rendere un sito web di bell'aspetto, ti rivolgi a CSS. Non c'è modo migliore di così. Poiché ci sono molte complessità con CSS, gli sviluppatori hanno escogitato modi per impacchettare "stili". La scelta più comune è Bootstrap, originariamente sviluppato da e per Twitter. Questo non è affatto l'unico framework CSS, quindi ne vedrai di più in questo articolo.

Django bootstrap

Durante la programmazione in Python, in genere si usa un framework Web, uno molto comune è Django. Fortunatamente, c'è un progetto per l'utilizzo di Bootstrap in Django. Questo è su pypi.Org Quindi l'installazione è la routine normale. Molto probabilmente stai eseguendo un ambiente virtuale, attivalo e installa con PIP.

$ pip Installa django-bootstrap3

Lo stesso team supporta Bootstrap4, quel progetto ha un punteggio di copertura dell'89%, quindi la tua caratteristica particolare potrebbe mancare. Devi prendere questa decisione tu stesso. Ora, devi aggiungere questa applicazione alle tue impostazioni.Py 'File.

Installato_apps = [
'Django.contributo.amministratore,
'Django.contributo.autentica,
'Django.contributo.contentTypes ',
'Django.contributo.sessioni ',
'Django.contributo.Messaggi ',
'Django.contributo.fili statici ',
'bootstrap3',
"

Ora puoi utilizzare Bootstrap nel codice del tuo sito. Dal momento che stai usando Django, hai una directory di modelli definita nelle tue impostazioni ".Py 'File. Nel modello principale, aggiungi il codice seguente.

% Load bootstrap3 %

% bootstrap_form modulo %
% pulsanti %

% bootstrap_icon "star"% Invia

% EndButtons %

I due valori in questo codice interessanti sono "bootstrap*", questi sono tag e filtri modello che puoi cercare come utilizzare nella documentazione di Django-Bootstrap. Il codice % pulsanti % può anche includere parametri che determinano il testo per l'invio e il ripristino del modulo. Quando sei più avanzato, assicurati di aggiungere bootstrap3 alle tue impostazioni.Py. Ci sono anche modelli per errori e messaggi che puoi utilizzare per controllare come vengono visualizzati gli errori sul tuo sito Web.

Bootstrap di pallone

In Flask hai anche un modulo chiamato Flask-Bootstrap, questo è installato nel tuo ambiente virtuale usando PIP come al solito.

$ PIP Installa Flask-Bootstrap

Il modulo funziona in modo molto simile, non sorprendentemente poiché entrambi usano il motore dei modelli Jinja2. L'importazione è un modo più diretto di utilizzare le funzioni bootstrap, quindi è necessario importare il modulo nella parte superiore dell'app '.Py 'File. È necessario aggiungere bootstrap alla definizione di "app" nello stesso file.

Dal pallone di importazione di pallone
da flask_bootstrap import bootstrap
def create_app ():
app = pallone (__ nome__)
Bootstrap (app)
App di ritorno

Quando hai importato, devi solo aggiungerlo ai tuoi modelli nello stesso modo in un normale sito web. La differenza è che hai blocchi che definiscono come appaiono i diversi pezzi del tuo sito web. Passa attraverso i blocchi che hai a disposizione sul loro sito Web. Altrimenti, chiami il framework nello stesso modo in cui faresti in Django. Ci sono molte macro disponibili, io.e. Supporto WTFORMS.

Altre scelte

Hai anche progetti simili per CubicWeb, chiamato CubicWeb-Bootstrap. L'installazione è come al solito, installazione di pip. Contiene l'intera libreria e alcune routine per usarla.

Se non trovi una soluzione che ti soddisfa, investiga con ciò che Fanstatic può aiutarti. Crea modi per importare dipendenze JavaScript nel tuo codice Python. Questo funziona anche con i file CSS. Questo framework è realizzato per sfruttare qualsiasi framework Web conforme al WSGI, quindi guarda questo per le tue esigenze specifiche.

Conclusione

Se si desidera utilizzare CSS per illuminare il tuo sito Web, il modo più efficiente è utilizzare un framework esistente. L'interfaccia con quei framework è già lì, basta mettere il tuo stile nei tuoi modelli e il tuo bene da fare. Python e la maggior parte dei framework disponibili hanno potenti routine per database, CSS e molte altre cose che ti manterranno in controllo e ti consentono anche di creare cose straordinarie rapidamente in modo efficiente.

Lista di referenze:

https: // pypi.org/progetto/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.PRIEDTHOCS.io/en/ultimo/