Pytonorm

Hur man använder Python och Bootstrap för webbutveckling

Hur man använder Python och Bootstrap för webbutveckling
När du vill göra en webbplats snyggare vänder du dig till CSS. Det finns inget bättre sätt än så. Eftersom det finns många svårigheter med CSS har utvecklare kommit med sätt att paketera 'stilar'. Det vanligaste valet är Bootstrap, ursprungligen utvecklat av och för Twitter. Detta är inte alls det enda CSS-ramverket så du kommer att se mer i den här artikeln.

Django Bootstrap

När du programmerar i Python använder du vanligtvis ett webbramverk, en mycket vanlig är Django. Lyckligtvis finns det ett projekt för att använda Bootstrap i Django. Det här är på Pypi.org så installation är den vanliga rutinen. Troligtvis kör du en virtuell miljö, aktivera den och installera med pip.

$ pip installera django-bootstrap3

Samma team stöder Bootstrap4, det projektet har en täckningsgrad på 89% så att din specifika funktion kan saknas. Du måste fatta det beslutet själv. Nu måste du lägga till det här programmet i dina inställningar.py-fil.

INSTALLED_APPS = [
django.bidrag.administration',
django.bidrag.autentisera ',
django.bidrag.innehållstyper ',
django.bidrag.sessioner,
django.bidrag.meddelanden ',
django.bidrag.staticfiles ',
'bootstrap3',
]

Nu kan du använda Bootstrap i din webbplatskod. Eftersom du använder Django har du en mallkatalog definierad i dina inställningar.py-fil. Lägg till nedanstående kod i huvudmallen.

% ladda bootstrap3%
 

% bootstrap_form form%
% knappar%

% slutknappar%

De två värdena i den här koden som är intressanta är ”bootstrap *”, det här är malltaggar och filter som du kan leta efter i Django-Bootstrap-dokumentationen. Koden % knappar% kan också innehålla parametrar som bestämmer texten för att skicka och återställa formuläret. När du blir mer avancerad, se till att du lägger till BOOTSTRAP3 i dina inställningar.py. Det finns också mallar för fel och meddelanden som du kan använda för att styra hur fel visas på din webbplats.

Flask Bootstrap

I Flask har du också en modul som heter Flask-Bootstrap, den installeras i din virtuella miljö med PIP som vanligt.

$ pip installera kolv-bootstrap

Modulen fungerar väldigt likartat, inte förvånande eftersom de båda använder Jinja2-mallmotorn. Importen är ett mer direkt sätt att använda bootstrap-funktionerna så du måste importera modulen högst upp i din app.py-fil. Du måste lägga till Bootstrap till din 'app' definition i samma fil.

från kolvimport Kolv
från flask_bootstrap importera Bootstrap
 
def create_app ():
app = kolv (__ namn__)
Bootstrap (app)
 
returnera app

När du har importerat detta behöver du bara lägga till det i dina mallar på samma sätt som på en vanlig webbplats. Skillnaden är att du har block som definierar hur de olika delarna på din webbplats ser ut. Gå igenom de block du har tillgängligt på deras hemsida. Annars kallar du ramverket på samma sätt som i Django. Det finns många makron tillgängliga, dvs.e. WTForms stöd.

Andra val

Du har också liknande projekt för cubicweb, kallat cubicweb-bootstrap. Installationen är som vanligt, pipinstallation. Det innehåller hela biblioteket och några rutiner för att använda det.

Om du inte hittar en lösning som passar dig, undersök vad Fanstatic kan hjälpa dig med. Det skapar sätt att importera JavaScript-beroenden till din Python-kod. Detta fungerar också med CSS-filer. Denna ram är gjord för att utnyttja alla WSGI-kompatibla webbramar, så undersök detta för dina specifika behov.

Slutsats

Om du vill använda CSS för att göra din webbplats ljusare är det mest effektiva sättet att använda ett befintligt ramverk. Gränssnittet till dessa ramar är redan där, lägg bara din styling i dina mallar och ditt bra att gå. Python och de flesta tillgängliga ramar har kraftfulla rutiner för databaser, CSS och många andra saker som kommer att hålla dig i kontroll och också låta dig skapa fantastiska saker snabbt och effektivt.

Referenslista:

https: // pypi.org / projekt / 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.läsdoktorer.io / sv / senaste /

Topp 5 spelinspelningskort
Vi har alla sett och älskat streaming av spel på YouTube. PewDiePie, Jakesepticye och Markiplier är bara några av de bästa spelarna som har tjänat mil...
Hur man utvecklar ett spel på Linux
För ett decennium sedan skulle inte många Linux-användare förutsäga att deras favoritoperativsystem en dag skulle vara en populär spelplattform för ko...
Portar med öppen källkod för kommersiella spelmotorer
Gratis, öppen källkod och plattformsmekaniska rekreationer kan användas för att spela gamla såväl som några av de ganska senaste speltitlarna. I den h...