Ja vēlaties padarīt vietni glītu, jūs vērsieties CSS. Nav labāka veida par to. Tā kā CSS ir daudz sarežģījumu, izstrādātāji ir izdomājuši veidus, kā iepakot stilus. Visizplatītākā izvēle ir Bootstrap, kuru sākotnēji izstrādāja Twitter. Šis nebūt nav vienīgais CSS ietvars, tāpēc šajā rakstā redzēsiet vairāk.

Django Bootstraps

Programmējot Python, jūs parasti izmantojat tīmekļa sistēmu, viena ļoti izplatīta ir Django. Par laimi ir projekts Bootstrap izmantošanai Django. Tas ir uz Pypi.org, tāpēc instalēšana ir regulāra kārtība. Visticamāk, ka jūs izmantojat virtuālo vidi, aktivizējiet to un instalējiet ar pip.

$ pip instalējiet django-bootstrap3

Tā pati komanda atbalsta Bootstrap4, šī projekta pārklājuma vērtējums ir 89%, tāpēc jūsu īpašā funkcija var nebūt pazudusi. Šis lēmums jums jāpieņem pašam. Tagad jums jāpievieno šī lietojumprogramma iestatījumiem.py 'fails.

INSTALLED_APPS = [
'django.ieguldījums.admin ',
'django.ieguldījums.Autent,
'django.ieguldījums.satura tipi ',
'django.ieguldījums.sesijas ',
'django.ieguldījums.ziņas ',
'django.ieguldījums.staticfiles ',
'bootstrap3',
]

Tagad vietnes kodā varat izmantot Bootstrap. Tā kā jūs izmantojat Django, jūsu iestatījumos ir definēts veidņu katalogs.py 'fails. Galvenajā veidnē pievienojiet zemāk esošo kodu.

% ielādēt bootstrap3%
 

% bootstrap_form forma%
% pogas%

% bootstrap_icon "zvaigzne"% IESNIEGT

% pogas%

Divas interesantas vērtības šajā kodā ir “bootstrap *”, tie ir veidņu tagi un filtri, kurus varat meklēt Django-Bootstrap dokumentācijā. Kodā % buttons% var būt iekļauti arī parametri, kas nosaka formas iesniegšanas un atiestatīšanas tekstu. Kad esat uzlabojies, noteikti iestatījumos pievienojiet BOOTSTRAP3.py. Ir arī kļūdu un ziņojumu veidnes, kuras varat izmantot, lai kontrolētu kļūdu parādīšanos jūsu vietnē.

Kolba Bootstrap

Kolbā jums ir arī modulis ar nosaukumu Flask-Bootstrap, tas tiek instalēts jūsu virtuālajā vidē, izmantojot PIP, kā parasti.

$ pip instalējiet kolbu-bootstrap

Modulis darbojas ļoti līdzīgi, nav pārsteidzoši, jo viņi abi izmanto Jinja2 veidņu dzinēju. Importēšana ir tiešāks veids, kā izmantot sāknēšanas darbības funkcijas, tāpēc jums ir jāimportē modulis lietotnes augšdaļā.py 'fails. Tajā pašā failā jūsu lietotnes definīcijai jāpievieno sāknēšanas josla.

no kolbas importa kolba
no flask_bootstrap importēt
 
def create_app ():
app = kolba (__ vārds__)
Sāknēšanas siksna (lietotne)
 
atgriešanās lietotne

Kad esat to importējis, tas vienkārši jāpievieno veidnēm tāpat kā parastajā vietnē. Atšķirība ir tā, ka jums ir bloki, kas nosaka, kā izskatās dažādi jūsu vietnes gabali. Izskatiet blokus, kas jums ir pieejami viņu vietnē. Pretējā gadījumā jūs izsaucat sistēmu tāpat kā Django. Ir pieejami daudzi makro, t.i.e. WTForms atbalsts.

Citas izvēles

Jums ir arī līdzīgi cubicweb projekti, kurus sauc par cubicweb-bootstrap. Instalēšana notiek kā parasti, pip install. Tajā ir visa bibliotēka un dažas kārtības, kā to izmantot.

Ja neatrodat sev piemērotu risinājumu, izpētiet, ko Fanstatic var jums palīdzēt. Tas rada veidus, kā importēt JavaScript atkarības savā Python kodā. Tas darbojas arī ar CSS failiem. Šis ietvars ir izveidots, lai izmantotu jebkuru WSGI saderīgu tīmekļa sistēmu, tāpēc izskatiet to savām īpašajām vajadzībām.

Secinājums

Ja vēlaties izmantot CSS, lai padarītu jūsu vietni gaišāku, visefektīvākais veids ir izmantot esošu sistēmu. Saskarne ar šīm sistēmām jau ir pieejama, vienkārši ielieciet savu stilu savās veidnēs, un jums būs labi. Python un lielākajai daļai pieejamo sistēmu ir jaudīgas datubāzu, CSS un daudz citu lietu kārtība, kas ļaus jums kontrolēt un arī ļaut jums ātri un efektīvi izveidot pārsteidzošas lietas.

Atsauces saraksts:

https: // pypi.org / project / bootstrap4 /
https: // pypi.org / project / cubicweb-bootstrap / # history
https: // pypi.org / project / django-bootstrap-fields / # vēsture
https: // github.com / gocept / js.bootstrap4
http: // mkdocs.github.io / mkdocs-bootstrap /
https: // cssselect.lasāmie dokumenti.io / lv / jaunākais /