Kui soovite muuta veebisaidi nägusaks, pöördute CSS-i poole. Paremat viisi pole. Kuna CSS-iga on palju nõtkusi, on arendajad välja mõelnud viisid 'stiilide' pakkimiseks. Kõige tavalisem valik on algselt Twitteri poolt välja töötatud Bootstrap. See pole sugugi ainus CSS-i raamistik, seega näete selles artiklis rohkem.

Django Bootstrap

Pythonis programmeerimisel kasutaksite tavaliselt veebiraamistikku, üks väga levinud on Django. Õnneks on Djangos Bootstrapi kasutamiseks projekt. See on Pypi peal.org, nii et installimine on tavaline rutiin. Tõenäoliselt kasutate virtuaalset keskkonda, aktiveerige see ja installige pipi abil.

$ pip install django-bootstrap3

Sama meeskond toetab Bootstrap4, selle projekti leviala on 89%, seega võib teie konkreetne funktsioon puududa. Selle otsuse peate tegema ise. Nüüd peate selle rakenduse oma seadetele lisama.py 'fail.

INSTALLED_APPS = [
'django.kaastöö.admin ',
'django.kaastöö.auth ',
'django.kaastöö.sisutüübid ',
'django.kaastöö.seansid ',
'django.kaastöö.sõnumid ',
'django.kaastöö.staticfiles ',
'bootstrap3',
]

Nüüd saate saidikoodis kasutada Bootstrapi. Kuna kasutate Djangot, on teie seadetes määratletud mallide kataloog.py 'fail. Põhimallis lisage allolev kood.

% load bootstrap3%
 

% bootstrap_form vorm%
% nuppu%

% bootstrap_icon "star"% ESITA

% otsanuppu%

Kaks selle koodi huvitavat väärtust on "bootstrap *", need on mallimärgendid ja filtrid, mida saate kasutada Django-Bootstrapi dokumentatsioonis. Kood % buttons% võib sisaldada ka parameetreid, mis määravad vormi esitamise ja lähtestamise teksti. Kui olete edasi arenenud, lisage oma seadetele kindlasti BOOTSTRAP3.py. Samuti on olemas vigade ja sõnumite mallid, mille abil saate kontrollida, kuidas vead teie veebisaidil kuvatakse.

Kolbi alglaadur

Flaskis on teil ka moodul nimega Flask-Bootstrap, see installitakse teie virtuaalsesse keskkonda PIP-i kasutades nagu tavaliselt.

$ pip installib kolbi-bootstrapi

Moodul töötab väga sarnaselt, pole üllatav, kuna mõlemad kasutavad Jinja2 mallide mootorit. Import on otsesem viis alglaadimisfunktsioonide kasutamiseks, nii et peate mooduli importima rakenduse ülaossa.py 'fail. Peate Bootstrapi lisama oma rakenduse definitsioonile samas failis.

kolbi importimiskolb
failist flask_bootstrap import Bootstrap
 
def create_app ():
rakendus = Kolb (__ nimi__)
Bootstrap (rakendus)
 
tagastage rakendus

Kui olete selle importinud, peate selle lihtsalt oma mallidesse lisama samamoodi nagu tavalisel veebisaidil. Erinevus on selles, et teil on plokid, mis määravad, kuidas teie veebisaidi erinevad tükid välja näevad. Vaadake läbi blokid, mis teil nende veebisaidil saadaval on. Vastasel juhul nimetate raamistikku samamoodi nagu Djangos. Saadaval on palju makrosid, s.t.e. WTFormsi tugi.

Muud valikud

Teil on ka cubicwebi jaoks sarnased projektid, nimega cubicweb-bootstrap. Install on nagu tavaliselt, pip install. See sisaldab kogu teeki ja mõningaid rutiine selle kasutamiseks.

Kui te ei leia endale sobivat lahendust, uurige, milles Fanstatic teid aidata saab. See loob viise JavaScripti sõltuvuste importimiseks Pythoni koodi. See töötab ka CSS-failidega. See raamistik on loodud WSGI-ga ühilduva veebiraamistiku kasutamiseks, nii et uurige seda oma konkreetsete vajaduste jaoks.

Järeldus

Kui soovite oma veebisaidi heledamaks muutmiseks kasutada CSS-i, on kõige tõhusam viis kasutada olemasolevat raamistikku. Nende raamistike liides on juba olemas, lihtsalt lisage oma mall mallidesse ja kõik on hea. Pythonis ja enamikus saadaolevates raamistikes on andmebaaside, CSS-i ja paljude muude asjade jaoks tõhusad rutiinid, mis hoiavad teid kontrolli all ja võimaldavad teil kiiresti ja tõhusalt luua hämmastavaid asju.

Viite loend:

https: // pypi.org / projekt / bootstrap4 /
https: // pypi.org / projekt / cubicweb-bootstrap / # ajalugu
https: // pypi.org / project / django-bootstrap-fields / # ajalugu
https: // github.com / gocept / js.bootstrap4
http: // mkdocs.github.io / mkdocs-bootstrap /
https: // cssselect.lugemisdokumendid.io / et / uusim /