Kolbe er et rammeverk for nettutvikling. Med Python er det to moduler man kan bruke til webutvikling: Django og Flask. Kolbe er imidlertid mer lett og lettere å lære. I denne opplæringen bygger vi et veldig enkelt nettsted ved hjelp av Pythons Flask -modul.

Til å begynne med, installer kolbe:

PIP -installkolbe

Trinn 1: Minimal webapplikasjon

Den minimale applikasjonen finner du på https: // kolbe.pallprosjekter.com/en/2.0.X/QuickStart/#A-minimal-applikasjon. Dette er en webside som viser “Hello World”. Det første vi gjorde var å lage en forekomst av kolbe () med “__name__” som argument. Rute dekoratøren brukes til å informere Kolbe url som vil aktivere funksjonen vi skrev.

Fra kolbeimportkolbe
app = kolbe (__ name__)
@App.rute('/')
def index ():
Returner "Hei verden"
if "__name__" == "__main__":
app.Kjør (Debug = True)

Neste, i terminalen til Pycharm, skriv inn følgende (der navnet på min python -fil er hoved.py; I ditt tilfelle, erstatt Main.PY med Pythons filnavn):

Sett Flask_app = Main.py
$ env: flask_app = "main.py "
Kolbe -løp

Når du kjører "Flask Run", vil terminalen chuck ut en URL med en port. Denne URLen: Port er der websiden er lastet inn. Du kan alltid trykke på kontroll + c for å slutte. I mitt tilfelle står det “Kjører på http: // 127.0.0.1: 5000/ (trykk CTRL+C for å slutte) ”. Så åpne nettleseren din, og kopier og lim inn url gitt. I mitt tilfelle kopierte jeg og limte inn “http: // 127.0.0.1: 5000/”. Vær også oppmerksom på at de tidligere linjene må kjøres hver gang du starter Pycharm på nytt for at den skal fungere:

Trinn 2: Legge til HTML

Det første du trenger å gjøre er å åpne mappen der Python -skriptet ligger og opprette en mappe som heter "Maler". Da jeg først kjørte dette, prøvde jeg å sette navnet "mal" som mappenavnet, og hele programmet krasjet og fungerte ikke. Så det er viktig at du kaller mappen “Maler”. Innenfor denne "maler" -mappen, oppretter du en indeks.HTML -fil med HTML -koden. Bruk deretter render_template () og pass “indeks.html ”som argument. Nå, hvis du kjører "Flask Run" i terminalen, bør HTML -koden din gjengis:

Min HTML -kode (indeks.html) For øyeblikket er som følger:

Kalyanis CV
Denne siden vil inneholde CVen min

Og min Python -filkode (Main.py) er som følger:

Fra kolbeimportkolbe, gjengivelse
app = kolbe (__ name__)
@App.rute('/')
def index ():
Returner Render_Template ("Indeks.html ")
if "__name__" == "__main__":
app.Kjør (Debug = True)

Sistnevnte vil gjengi en enkel HTML -side.

Trinn 3: Legge til CSS

Nå vil jeg legge CSS til HTML -en min. For å gjøre dette, lag en mappe som heter “statisk” og opprette en fil som heter “Main.CSS ”. Her kan navnet på den faktiske CSS -filen være hva som helst. Jeg har bestemt meg for å kalle meg “Main.CSS ”. Navnet på mappen må imidlertid være "statisk"! I den "statiske" mappen kan man plassere alt som er statisk, for eksempel CSS, JavaScript og bilder. Så hvis du skal legge bilder, JavaScript og CSS, kan det være lurt å opprette undermapper.

Først, la oss skrive ut CSS (Main.CSS) Jeg vil:

kropp
Margin: 0;
Farge: #333
Font-Family: Verdana;
Font-størrelse: 20px;
bakgrunnsfarge: RGB (201, 76, 76);

.stylet
Bakgrunnsfarge: #92A8D1;
Font-Family: Verdana;
Font-størrelse: 20px;

Her, i indeksen.html, vi må skrive oglt; link rel = ”stilheet” type = ”tekst/css” href = ”url_for ('statisk', filnavn =" main.css ")"> i hodet på HTML -filen. Her er filnavnet navnet på CSS -filen (min er Main.CSS). Hvis for eksempel “Main.CSS ”er lokalisert med en undermappe kalt“ CSS ”, så ville du skrevet følgende:

.

Etter det kan du bruke CSS du har opprettet. For eksempel opprettet jeg en som heter “Styled”, og brukte den i H1 -klassen.

Min indeks.HTML -fil vil være som følger:

Kalyanis CV

Denne siden vil inneholde CVen min

Alternativt kan man også bruke følgende:

.
[/cce_python]
I dette tilfellet vil HTML -koden se slik ut:
[cc lang = "html" bredde = "100%" høyde = "100%" rømte = "true" tema = "blackboard" nowrap = "0"]