Python

Ako používať Python a Bootstrap na vývoj webu

Ako používať Python a Bootstrap na vývoj webu
Ak chcete, aby bol web dobre vyzerajúci, obráťte sa na CSS. Niet lepšej cesty. Pretože s CSS existuje veľa zložitostí, vývojári vymysleli spôsoby, ako zabaliť „štýly“. Najbežnejšou voľbou je Bootstrap, ktorý pôvodne vyvinuli spoločnosti Twitter. Toto nie je vôbec jediný rámec CSS, takže toho v tomto článku uvidíte viac.

Django Bootstrap

Pri programovaní v Pythone by ste zvyčajne používali webový framework, jeden veľmi častý je Django. Našťastie v Django existuje projekt na použitie Bootstrapu. Toto je na Pypi.org, takže inštalácia je bežná rutina. S najväčšou pravdepodobnosťou používate virtuálne prostredie, aktivujte ho a nainštalujte pomocou pipu.

$ pip nainštalovať django-bootstrap3

Rovnaký tím podporuje program Bootstrap4, ktorý má hodnotenie pokrytia 89%, takže vaša konkrétna funkcia môže chýbať. Toto rozhodnutie si musíte urobiť sami. Teraz musíte túto aplikáciu pridať do svojich nastavení.py 'súbor.

INSTALLED_APPS = [
'django.prispieť.admin ',
'django.prispieť.autorizácia,
'django.prispieť.typy obsahu,
'django.prispieť.relácie “,
'django.prispieť.správy ',
'django.prispieť.statické súbory ',
„bootstrap3“,
]

Teraz môžete v kóde svojich stránok použiť Bootstrap. Pretože používate Django, máte vo svojich nastaveniach definovaný adresár šablón.py 'súbor. V hlavnej šablóne pridajte nasledujúci kód.

% načítať bootstrap3%
 

% bootstrap_form form%
% buttons%

% endbuttons%

Dve zaujímavé hodnoty v tomto kóde sú „bootstrap *“, jedná sa o značky šablón a filtre, ktoré môžete vyhľadať v dokumentácii Django-Bootstrap. Kód % buttons% môže obsahovať aj parametre, ktoré určujú text na odoslanie a obnovenie formulára. Keď budete pokročilejší, nezabudnite do svojich nastavení pridať BOOTSTRAP3.py. Existujú tiež šablóny pre chyby a správy, pomocou ktorých môžete určiť, ako sa majú chyby zobrazovať na vašom webe.

Bootstrap z banky

Vo Flask máte aj modul s názvom Flask-Bootstrap, ktorý je nainštalovaný vo vašom virtuálnom prostredí pomocou PIP ako obvykle.

$ pip nainštalovať flask-bootstrap

Modul pracuje veľmi podobne, nie je prekvapením, pretože obidva používajú šablónový modul Jinja2. Import je priamejší spôsob použitia funkcií bootstrap, takže je potrebné importovať modul v hornej časti vašej aplikácie.py 'súbor. Musíte pridať Bootstrap do svojej definície „aplikácie“ v rovnakom súbore.

z banky na dovoz baniek
z flask_bootstrap import Bootstrap
 
def create_app ():
aplikácia = banka (__ meno__)
Bootstrap (aplikácia)
 
vrátiť aplikáciu

Ak máte tento importovaný údaj, stačí ho pridať do šablón rovnakým spôsobom, ako by ste ho použili na bežnej webovej stránke. Rozdiel je v tom, že máte bloky, ktoré definujú, ako vyzerajú jednotlivé časti vášho webu. Prejdite si bloky, ktoré máte k dispozícii na ich webových stránkach. Inak hovoríte o rozhraní rovnako, ako by to bolo v Djangu. Existuje veľa dostupných makier, t.j.e. Podpora WTForms.

Ďalšie možnosti

Máte podobné projekty aj pre cubicweb, ktoré sa nazývajú cubicweb-bootstrap. Inštalácia je ako obvykle, pip inštalácia. Obsahuje celú knižnicu a niekoľko rutín na jej použitie.

Ak nenájdete riešenie, ktoré vám vyhovuje, preskúmajte, s čím vám môže Fanstatic pomôcť. Vytvára spôsoby, ako importovať závislosti jazyka JavaScript do kódu Pythonu. Toto funguje aj so súbormi CSS. Tento rámec je vyrobený tak, aby využíval akýkoľvek webový rámec vyhovujúci WSGI, takže si to pozrite pre svoje konkrétne potreby.

Záver

Ak chcete pomocou CSS zosvetliť svoje webové stránky, najefektívnejším spôsobom je použiť existujúci rámec. Rozhranie s týmito rámcami už existuje, stačí vložiť štýl do šablón a môžete vyraziť. Python a väčšina dostupných rámcov má výkonné rutiny pre databázy, CSS a mnoho ďalších vecí, vďaka ktorým budete mať kontrolu nad sebou a tiež vám umožní efektívne a rýchle vytváranie úžasných vecí.

Zoznam referencií:

https: // pypi.org / project / bootstrap4 /
https: // pypi.org / project / cubicweb-bootstrap / # história
https: // pypi.org / project / django-bootstrap-fields / # history
https: // github.com / gocept / js.bootstrap4
http: // mkdocs.github.io / mkdocs-bootstrap /
https: // cssselect.readthedocs.io / sk / najnovšie /

Ovládajte a spravujte pohyb myši medzi viacerými monitormi v systéme Windows 10
Správca myši s duálnym displejom umožňuje ovládať a konfigurovať pohyb myši medzi viacerými monitormi spomalením jeho pohybu blízko hranice. Windows 1...
WinMouse vám umožňuje prispôsobiť a vylepšiť pohyb ukazovateľa myši na počítači so systémom Windows
Ak chcete vylepšiť predvolené funkcie kurzora myši, použite freeware WinMouse. Pridáva ďalšie funkcie, ktoré vám pomôžu vyťažiť zo svojej skromnej myš...
Tlačidlo ľavého kliknutia myši nefunguje v systéme Windows 10
Ak používate samostatnú myš s prenosným počítačom alebo stolovým počítačom, ale nefunguje ľavé tlačidlo myši vo Windows 10/8/7 z nejakého dôvodu uvádz...