Kai norite, kad svetainė būtų išvaizdi, kreipkitės į CSS. Nėra geresnio būdo už tai. Kadangi CSS yra daugybė įmantrybių, kūrėjai sugalvojo „stilių“ pakavimo būdus. Dažniausias pasirinkimas yra „Bootstrap“, kurį iš pradžių sukūrė „Twitter“. Tai nėra vienintelė CSS sistema, todėl šiame straipsnyje pamatysite daugiau.

Django Bootstrapas

Programuodami „Python“, paprastai naudosite žiniatinklio struktūrą, viena labai paplitusi yra „Django“. Laimei, yra projektas „Bootstrap“ naudojimui Django mieste. Tai yra Pypi.org, todėl diegimas yra įprasta kasdienybė. Labiausiai tikėtina, kad naudojate virtualią aplinką, suaktyvinkite ją ir įdiekite naudodami „pip“.

$ pip įdiekite „django-bootstrap3“

Ta pati komanda palaiko „Bootstrap4“, kad projekto aprėpties įvertinimas yra 89%, todėl jūsų konkrečios funkcijos gali trūkti. Tą sprendimą turite priimti patys. Dabar turite pridėti šią programą prie savo nustatymų.py 'byla.

INSTALLED_APPS = [
'django.prisidėti.administratorius ',
'django.prisidėti.aut. “,
'django.prisidėti.turinio tipai “,
'django.prisidėti.sesijos “,
'django.prisidėti.žinutės “,
'django.prisidėti.staticfiles ',
„bootstrap3“,
]

Dabar savo svetainės kode galite naudoti „Bootstrap“. Kadangi naudojate „Django“, jūsų nustatymuose yra apibrėžtas šablonų katalogas.py 'byla. Pagrindiniame šablone pridėkite žemiau esantį kodą.

% load bootstrap3%
 

% bootstrap_form forma%
% mygtukai%

% bootstrap_icon "žvaigždutė"% PATEIKTI

% pabaigos mygtukai%

Dvi įdomios šio kodo reikšmės yra „bootstrap *“, tai yra šablonų žymos ir filtrai, kuriuos galite ieškoti „Django-Bootstrap“ dokumentuose. Kode % mygtukai% taip pat gali būti parametrų, kurie nustato formos pateikimo ir nustatymo iš naujo tekstą. Kai būsite pažangesnis, būtinai pridėkite BOOTSTRAP3 prie savo nustatymų.py. Taip pat yra klaidų ir pranešimų šablonų, kuriuos galite naudoti norėdami kontroliuoti, kaip klaidos rodomos jūsų svetainėje.

Kolba Bootstrap

„Flask“ taip pat turite modulį „Flask-Bootstrap“, kuris yra įdiegtas jūsų virtualioje aplinkoje naudojant PIP kaip įprasta.

$ pip įdiekite kolbą-bootstrap

Modulis veikia labai panašiai, nenuostabu, nes jie abu naudoja „Jinja2“ šablonų variklį. Importavimas yra tiesioginis būdas naudoti „bootstrap“ funkcijas, todėl jums reikia importuoti modulį programos viršuje.py 'byla. Tame pačiame faile turite pridėti „Bootstrap“ prie „programos“ apibrėžimo.

iš kolbos importo kolba
iš flask_bootstrap importuoti
 
def create_app ():
app = kolba (__ vardas__)
„Bootstrap“ (programa)
 
grąžinti programą

Kai importuojate, turite tiesiog pridėti jį prie savo šablonų taip pat, kaip ir įprastoje svetainėje. Skirtumas tas, kad turite blokų, apibrėžiančių, kaip atrodo skirtingi jūsų svetainės elementai. Peržiūrėkite blokus, kuriuos galite rasti jų svetainėje. Priešingu atveju jūs vadinate sistemą taip pat, kaip ir Django. Yra daugybė makrokomandų, t.e. „WTForms“ palaiko.

Kiti pasirinkimai

Jūs taip pat turite panašių „cubicweb“ projektų, vadinamų „cubicweb-bootstrap“. Diegimas yra kaip įprasta, „pip install“. Joje yra visa biblioteka ir keletas jos naudojimo tvarkos.

Jei nerandate sau tinkančio sprendimo, ištirkite, ką „Fanstatic“ gali jums padėti. Tai sukuria būdus, kaip importuoti „JavaScript“ priklausomybes į jūsų „Python“ kodą. Tai taip pat veikia su CSS failais. Ši sistema sukurta tam, kad būtų galima panaudoti bet kokią WSGI atitinkančią žiniatinklio sistemą, todėl atkreipkite dėmesį į tai, atsižvelgdami į savo specifinius poreikius.

Išvada

Jei norite naudoti CSS savo svetainei paryškinti, efektyviausias būdas yra naudoti esamą sistemą. Sąsaja su tomis sistemomis jau yra, tiesiog įdėkite savo stilių į šablonus ir viskas gerai. „Python“ ir daugumoje turimų sistemų yra galingos duomenų bazių, CSS ir daugelio kitų dalykų tvarkos, kurios leis jus valdyti ir leis greitai bei efektyviai sukurti nuostabius dalykus.

Nuorodų sąrašas:

https: // pypi.org / project / bootstrap4 /
https: // pypi.org / project / cubicweb-bootstrap / # history
https: // pypi.org / project / django-bootstrap-fields / # istorija
https: // github.com / gocept / js.paleidimas
http: // mkdocs.github.io / mkdocs-bootstrap /
https: // cssselect.skaityti dokumentai.io / lt / naujausias /