Pitone

Come usare Python e Bootstrap per lo sviluppo web

Come usare Python e Bootstrap per lo sviluppo web
Quando vuoi rendere bello un sito web, ti rivolgi ai CSS. Non c'è modo migliore di quello. Poiché ci sono molte complessità con i CSS, gli sviluppatori hanno escogitato modi per impacchettare gli "stili". La scelta più comune è Bootstrap, originariamente sviluppato da e per Twitter. Questo non è affatto l'unico framework CSS, quindi vedrai di più in questo articolo.

Django Bootstrap

Quando si programma in Python, in genere si utilizza un framework Web, uno molto comune è Django. Fortunatamente, esiste un progetto per l'utilizzo di Bootstrap in Django. Questo è su Pypi.org quindi l'installazione è la normale routine. 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 tasso di copertura dell'89%, quindi la tua caratteristica particolare potrebbe mancare. Devi prendere questa decisione da solo. Ora devi aggiungere questa applicazione alle tue "impostazioni".py' file.

INSTALLATE_APPS = [
'django.contributo.amministratore',
'django.contributo.aut',
'django.contributo.tipi di contenuto',
'django.contributo.sessioni',
'django.contributo.messaggi',
'django.contributo.file statici',
'bootstrap3',
]

Ora puoi usare Bootstrap nel codice del tuo sito. Dato che stai usando Django, hai una directory di modelli definita nelle tue "impostazioni".py' file. Nel modello principale, aggiungi il codice seguente.

% carica bootstrap3 %
 

% bootstrap_form modulo %
% pulsanti %

% endbuttons %

I due valori in questo codice che è interessante sono "bootstrap*", questi sono tag modello e filtri 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 diventi più avanzato, assicurati di aggiungere BOOTSTRAP3 alle tue impostazioni.pi. Esistono anche modelli per errori e messaggi che puoi utilizzare per controllare come vengono visualizzati gli errori sul tuo sito web.

Flask Bootstrap

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

$ pip install flask-bootstrap

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

from flask import Flask
da flask_bootstrap import Bootstrap
 
def create_app():
app = Flask(__name__)
Bootstrap (app)
 
ritorna l'app

Quando lo hai importato, devi solo aggiungerlo ai tuoi modelli nello stesso modo in cui lo faresti in un normale sito web. La differenza è che hai blocchi che definiscono l'aspetto dei diversi pezzi sul 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, i.e. Supporto WTForms.

Altre scelte

Hai anche progetti simili per cubicweb, chiamati cubicweb-bootstrap. L'installazione è come al solito, pip install. Contiene l'intera libreria e alcune routine per utilizzarla.

Se non trovi una soluzione adatta a te, indaga su cosa può aiutarti Fanstatic. Crea modi per importare le dipendenze JavaScript nel tuo codice Python. Funziona anche con i file CSS. Questo framework è fatto per sfruttare qualsiasi framework web conforme a WSGI, quindi esaminalo per le tue esigenze specifiche.

Conclusione

Se vuoi usare i CSS per illuminare il tuo sito web, il modo più efficiente è utilizzare un framework esistente. L'interfaccia per quei framework è già lì, metti il ​​tuo stile nei tuoi modelli e sei pronto per partire. Python e la maggior parte dei framework disponibili hanno potenti routine per database, CSS e molte altre cose che ti terranno sotto controllo e ti permetteranno anche di creare cose straordinarie in modo rapido ed 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.leggi i documenti.io/it/ultimo/

Come cambiare i pulsanti sinistro e destro del mouse su PC Windows 10
È abbastanza normale che tutti i mouse dei computer siano progettati ergonomicamente per gli utenti destrimani. Ma sono disponibili dispositivi mouse ...
Emula i clic del mouse passando il mouse utilizzando il mouse senza clic in Windows 10
L'uso di un mouse o di una tastiera nella postura sbagliata di un uso eccessivo può causare molti problemi di salute, tra cui tensione, sindrome del t...
Aggiungi i gesti del mouse a Windows 10 utilizzando questi strumenti gratuiti
Negli ultimi anni computer e sistemi operativi si sono notevolmente evoluti greatly. C'è stato un tempo in cui gli utenti dovevano usare i comandi per...