Python

Hvordan bruke Python og Bootstrap for webutvikling

Hvordan bruke Python og Bootstrap for webutvikling
Når du vil gjøre et nettsted pent, vender du deg til CSS. Det er ingen bedre måte enn det. Fordi det er mange forviklinger med CSS, har utviklere kommet på måter å pakke 'stiler' på. Det vanligste valget er Bootstrap, opprinnelig utviklet av og for Twitter. Dette er ikke i det hele tatt det eneste CSS-rammeverket, så du vil se mer i denne artikkelen.

Django Bootstrap

Når du programmerer i Python, bruker du vanligvis et nettrammeverk, en veldig vanlig er Django. Heldigvis er det et prosjekt for bruk av Bootstrap i Django. Dette er på Pypi.org så installering er den vanlige rutinen. Mest sannsynlig kjører du et virtuelt miljø, aktiver det og installer med pip.

$ pip installer django-bootstrap3

Det samme teamet støtter Bootstrap4, det prosjektet har en dekningsgrad på 89%, slik at den spesielle funksjonen din kanskje mangler. Du må ta den avgjørelsen selv. Nå må du legge til dette programmet i innstillingene dine.py-fil.

INSTALLED_APPS = [
django.bidrag.admin ',
django.bidrag.autentisere ',
django.bidrag.innholdstyper ',
django.bidrag.økter ',
django.bidrag.meldinger ',
django.bidrag.staticfiles ',
'bootstrap3',
]

Nå kan du bruke Bootstrap i nettstedskoden din. Siden du bruker Django, har du en malkatalog definert i innstillingene dine.py-fil. I hovedmalen legger du til koden nedenfor.

% last bootstrap3%
 

% bootstrap_form form%
% knapper%

% sluttknapper%

De to verdiene i denne koden som er interessante er "bootstrap *", dette er malmerker og filtre som du kan slå opp hvordan du bruker i dokumentasjonen Django-Bootstrap. % Knapper% -koden kan også inneholde parametere som bestemmer teksten for å sende inn og tilbakestille skjemaet. Når du blir mer avansert, må du sørge for at du legger til BOOTSTRAP3 i innstillingene dine.py. Det er også maler for feil og meldinger som du kan bruke til å kontrollere hvordan feil vises på nettstedet ditt.

Kolbe Bootstrap

I Flask har du også en modul som heter Flask-Bootstrap, denne er installert i ditt virtuelle miljø ved hjelp av PIP som vanlig.

$ pip installer kolbe-bootstrap

Modulen fungerer veldig likt, ikke overraskende siden de begge bruker Jinja2 malmotoren. Importen er en mer direkte måte å bruke bootstrap-funksjonene på, så du må importere modulen øverst i appen din.py 'fil. Du må legge til Bootstrap i 'app'-definisjonen din i samme fil.

fra kolbeimport Kolbe
fra flask_bootstrap importer Bootstrap
 
def create_app ():
app = kolbe (__ navn__)
Bootstrap (app)
 
retur-app

Når du har importert dette, trenger du bare å legge det til malene dine på samme måte som på et vanlig nettsted. Forskjellen er at du har blokker som definerer hvordan de forskjellige delene på nettstedet ditt ser ut. Gå gjennom blokkene du har tilgjengelig på nettsiden deres. Ellers kaller du rammeverket på samme måte som i Django. Det er mange makroer tilgjengelig, jeg.e. WTForms-støtte.

Andre valg

Du har også lignende prosjekter for cubicweb, kalt cubicweb-bootstrap. Installasjonen er som vanlig, pip install. Den inneholder hele biblioteket og noen rutiner for å bruke det.

Hvis du ikke finner en løsning som passer deg, kan du undersøke hva Fanstatic kan hjelpe deg med. Det skaper måter å importere JavaScript-avhengigheter til din Python-kode. Dette fungerer også med CSS-filer. Dette rammeverket er laget for å utnytte ethvert WSGI-kompatibelt nettrammeverk, så se på dette for dine spesifikke behov.

Konklusjon

Hvis du vil bruke CSS for å gjøre nettstedet ditt lysere, er den mest effektive måten å bruke et eksisterende rammeverk. Grensesnittet til disse rammene er allerede der, bare legg stilen din i malene dine og ditt gode å gå. Python og de fleste tilgjengelige rammer har kraftige rutiner for databaser, CSS og mange andre ting som vil holde deg i kontroll, og som også lar deg lage fantastiske ting raskt og effektivt.

Referanseliste:

https: // pypi.org / prosjekt / 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.readthedocs.io / no / siste /

Hvordan bruke AutoKey til å automatisere Linux-spill
AutoKey er et desktopautomatiseringsverktøy for Linux og X11, programmert i Python 3, GTK og Qt. Ved å bruke skript og MACRO-funksjonalitet kan du aut...
Hvordan vise FPS-teller i Linux-spill
Linux-spill fikk et stort press da Valve kunngjorde Linux-støtte for Steam-klient og spillene deres i 2012. Siden den gang har mange AAA- og indiespil...
Hvordan laste ned og spille Sid Meier's Civilization VI på Linux
Introduksjon til spillet Civilization 6 er et moderne syn på det klassiske konseptet som ble introdusert i serien av Age of Empires-spillene. Ideen va...