Када желите да веб страница изгледа лепо, окрећете се ЦСС-у. Нема бољег начина од тога. Будући да постоји много замршености са ЦСС-ом, програмери су смислили начине за паковање „стилова“. Најчешћи избор је Боотстрап, који су првобитно развили Твиттер и за њега. Ово уопште није једини ЦСС оквир, па ћете видети више у овом чланку.

Дјанго Боотстрап

Када програмирате на Питхону, обично користите веб оквир, један врло чест је Дјанго. Срећом, постоји пројекат за употребу Боотстрапа у Дјангу. Ово је на Пипи.орг тако да је инсталирање уобичајена рутина. Највероватније користите виртуелно окружење, активирајте га и инсталирајте помоћу пипа.

$ пип инсталирајте дјанго-боотстрап3

Исти тим подржава Боотстрап4, тај пројекат има покривеност од 89%, тако да ваша одређена карактеристика можда недостаје. Ту одлуку морате сами донети. Сада морате да додате ову апликацију у своја подешавања.пи 'датотека.

ИНСТАЛЛЕД_АППС = [
'дјанго.допринос.админ ',
'дјанго.допринос.аутх ',
'дјанго.допринос.типови садржаја ',
'дјанго.допринос.сесије ',
'дјанго.допринос.поруке ',
'дјанго.допринос.статицфилес ',
'боотстрап3',
]

Сада можете користити Боотстрап у коду веб локације. Будући да користите Дјанго, у подешавањима 'дефинисани су директоријуми шаблона.пи 'датотека. У главни образац додајте доњи код.

% лоад боотстрап3%
 

% боотстрап_форм форм%
% дугмади%

% боотстрап_ицон "звезда"% ПОШАЉИ

% ендбуттонс%

Две вредности у овом коду које су занимљиве су „боотстрап *“, то су ознаке шаблона и филтери које можете потражити како да се користе у Дјанго-Боотстрап документацији. Код % гумби% такође може садржати параметре који одређују текст за подношење и ресетовање обрасца. Када постанете напреднији, обавезно додајте БООТСТРАП3 у своја подешавања.пи. Постоје и предлошци за грешке и поруке помоћу којих можете да контролишете како се грешке приказују на вашој веб локацији.

Боотстрап за боцу

У Фласку такође имате модул који се зове Фласк-Боотстрап, он је инсталиран у вашем виртуелном окружењу користећи ПИП као и обично.

$ пип инсталирај фласк-боотстрап

Модул ради врло слично, што није изненађујуће јер обојица користе механизам Јиња2 шаблона. Увоз је директнији начин коришћења боотстрап функција, тако да морате да увезете модул у врху своје апликације.пи 'датотека. У исту датотеку морате додати Боотстрап у дефиницију апликације.

из тиквице увоз Боца
фром фласк_боотстрап импорт Боотстрап
 
деф цреате_апп ():
апп = чутура (__ име__)
Боотстрап (апликација)
 
ретурн апп

Када ово увезете, само га требате додати у своје шаблоне на исти начин као што бисте то учинили на обичној веб локацији. Разлика је у томе што имате блокове који одређују како различити делови на вашој веб локацији изгледају. Прегледајте блокове доступне на њиховој веб локацији. У супротном, оквир називате на исти начин као у Дјангу. Доступно је много макронаредби, тј.е. Подршка за ВТФормс.

Остали избори

Такође имате сличне пројекте за цубицвеб, који се називају цубицвеб-боотстрап. Инсталација је уобичајена, пип инсталл. Садржи целу библиотеку и неке рутине за њено коришћење.

Ако не пронађете решење које вам одговара, истражите око чега вам Фанстатиц може помоћи. Ствара начине за увоз ЈаваСцрипт зависности у ваш Питхон код. Ово такође ради са ЦСС датотекама. Овај оквир је створен да искористи било који веб оквир који је у складу са ВСГИ, па га потражите за своје специфичне потребе.

Закључак

Ако желите да користите ЦСС да бисте улепшали своју веб локацију, најефикаснији начин је да користите постојећи оквир. Интерфејс за те оквире је већ присутан, само ставите свој стил у своје предлошке и спремно за почетак. Питхон и већина доступних оквира имају моћне рутине за базе података, ЦСС и многе друге ствари које ће вас држати под контролом, а такође вам омогућавају да брзо створите невероватне ствари и ефикасно.

Референтна листа:

хттпс: // пипи.орг / пројецт / боотстрап4 /
хттпс: // пипи.орг / пројецт / цубицвеб-боотстрап / # историја
хттпс: // пипи.орг / пројецт / дјанго-боотстрап-фиелдс / # историја
хттпс: // гитхуб.цом / гоцепт / јс.боотстрап4
хттп: // мкдоцс.гитхуб.ио / мкдоцс-боотстрап /
хттпс: // цссселецт.реадтхедоцс.ио / ен / најновије /