Pokud chcete, aby web vypadal dobře, obrátíte se na CSS. Neexistuje lepší způsob, než to. Protože s CSS existuje mnoho složitostí, vývojáři přišli s způsoby, jak zabalit 'styly'. Nejběžnější volbou je Bootstrap, původně vyvinutý pro Twitter. Toto není vůbec jediný rámec CSS, takže toho v tomto článku uvidíte více.

Django Bootstrap

Při programování v Pythonu byste obvykle používali webový framework, jeden velmi běžný je Django. Naštěstí existuje projekt pro použití Bootstrap v Django. Tohle je na Pypi.org, takže instalace je běžná rutina. S největší pravděpodobností používáte virtuální prostředí, aktivujte jej a nainstalujte pomocí pipu.

$ pip nainstalujte django-bootstrap3

Stejný tým podporuje Bootstrap4, který má hodnocení pokrytí 89%, takže vaše konkrétní funkce může chybět. Toto rozhodnutí musíte učinit sami. Nyní musíte tuto aplikaci přidat do svého nastavení.py 'soubor.

INSTALLED_APPS = [
'django.přispět.admin ',
'django.přispět.autorizace,
'django.přispět.typy obsahu,
'django.přispět.sezení ',
'django.přispět.zprávy ',
'django.přispět.statické soubory ',
'bootstrap3',
]

Nyní můžete v kódu webu použít Bootstrap. Jelikož používáte Django, máte ve svém nastavení definovaný adresář šablon.py 'soubor. V hlavní šabloně přidejte níže uvedený kód.

% načíst bootstrap3%
 

% bootstrap_form form%
% buttons%

% bootstrap_icon "star"% PŘEDLOŽIT

% endbuttons%

Dvě zajímavé hodnoty v tomto kódu jsou „bootstrap *“, jedná se o značky šablon a filtry, které můžete vyhledat v dokumentaci Django-Bootstrap. Kód % buttons% může také obsahovat parametry, které určují text pro odeslání a resetování formuláře. Až budete pokročilejší, nezapomeňte do svých nastavení přidat BOOTSTRAP3.py. K dispozici jsou také šablony pro chyby a zprávy, pomocí kterých můžete řídit, jak se chyby zobrazují na vašem webu.

Baňka Bootstrap

Ve Flask máte také modul s názvem Flask-Bootstrap, který je nainstalován ve vašem virtuálním prostředí pomocí PIP jako obvykle.

$ pip install flask-bootstrap

Modul funguje velmi podobně, nepřekvapivě, protože oba používají stroj šablon Jinja2. Import je přímější způsob použití funkcí bootstrap, takže musíte importovat modul v horní části vaší aplikace.py 'soubor. Musíte přidat Bootstrap do definice vaší aplikace ve stejném souboru.

z baňky na dovoz baňky
z flask_bootstrap import Bootstrap
 
def create_app ():
aplikace = Baňka (__ name__)
Bootstrap (aplikace)
 
vrátit aplikaci

Pokud máte tento importovaný, stačí jej přidat do svých šablon stejným způsobem jako na běžném webu. Rozdíl je v tom, že máte bloky, které definují, jak vypadají různé části vašeho webu. Projděte bloky, které máte k dispozici na jejich webových stránkách. Jinak rámce zavoláte stejným způsobem jako v Djangu. K dispozici je mnoho maker, tj.E. Podpora WTForms.

Další možnosti

Máte také podobné projekty pro cubicweb, zvané cubicweb-bootstrap. Instalace je jako obvykle, pip install. Obsahuje celou knihovnu a některé rutiny, jak ji používat.

Pokud nenajdete řešení, které vám vyhovuje, prozkoumejte, s čím vám může Fanstatic pomoci. Vytváří způsoby, jak importovat závislosti JavaScriptu do kódu Pythonu. Funguje to také se soubory CSS. Tento rámec je vytvořen tak, aby využíval jakýkoli webový rámec kompatibilní s WSGI, takže se podívejte na to pro vaše konkrétní potřeby.

Závěr

Pokud chcete pomocí CSS rozjasnit svůj web, nejefektivnějším způsobem je použít stávající rámec. Rozhraní k těmto rámcům již existuje, jednoduše vložte svůj styl do svých šablon a můžete vyrazit. Python a většina dostupných rámců mají výkonné rutiny pro databáze, CSS a mnoho dalších věcí, které vám pomohou udržet kontrolu a také vám umožní rychle a efektivně vytvářet úžasné věci.

Seznam referencí:

https: // pypi.org / project / bootstrap4 /
https: // pypi.org / project / cubicweb-bootstrap / # historie
https: // pypi.org / project / django-bootstrap-fields / # history
https: // github.com / gocept / js.bootstrap4
http: // mkdocs.github.io / mkdocs-bootstrap /
https: // cssselect.readthedocs.io / en / nejnovější /