Pyton

Jak używać Pythona i Bootstrapa do tworzenia stron internetowych?

Jak używać Pythona i Bootstrapa do tworzenia stron internetowych?
Kiedy chcesz, aby strona wyglądała dobrze, zwracasz się do CSS. Nie ma lepszego sposobu niż to. Ponieważ istnieje wiele zawiłości w CSS, programiści wymyślili sposoby na pakowanie „style”. Najczęstszym wyborem jest Bootstrap, pierwotnie opracowany przez i dla Twittera. To wcale nie jest jedyny framework CSS, więc więcej zobaczysz w tym artykule.

Django Bootstrap

Podczas programowania w Pythonie zwykle używasz frameworka internetowego, jednym z bardzo popularnych jest Django. Na szczęście istnieje projekt do wykorzystania Bootstrap w Django. To jest na Pypi.org, więc instalacja jest regularną rutyną. Najprawdopodobniej używasz wirtualnego środowiska, aktywuj je i zainstaluj za pomocą pip.

$ pip install django-bootstrap3

Ten sam zespół obsługuje Bootstrap4, ten projekt ma zasięg 89%, więc może brakować Twojej konkretnej funkcji. Musisz sam podjąć tę decyzję. Teraz musisz dodać tę aplikację do swoich 'ustawień.plik py.

INSTALLED_APPS = [
„django”.wkład.Administrator',
„django”.wkład.autor,
„django”.wkład.typy treści,
„django”.wkład.sesje,
„django”.wkład.wiadomości,
„django”.wkład.pliki statyczne”,
'bootstrap3',
]

Teraz możesz użyć Bootstrapa w kodzie swojej witryny. Ponieważ używasz Django, masz katalog szablonów zdefiniowany w swoich 'ustawieniach.plik py. W głównym szablonie dodaj poniższy kod.

% ładowania bootstrap3 %
 

% formularz bootstrap_form %
% guziki %

% przycisków końcowych %

Dwie wartości w tym kodzie, które są interesujące, to „bootstrap*”, są to znaczniki szablonów i filtry, które możesz sprawdzić, jak używać w dokumentacji Django-Bootstrap. Kod % przycisków % może również zawierać parametry określające tekst do przesłania i zresetowania formularza. Kiedy staniesz się bardziej zaawansowany, upewnij się, że dodałeś BOOTSTRAP3 do swoich ustawień.py. Istnieją również szablony błędów i komunikatów, których możesz użyć do kontrolowania sposobu wyświetlania błędów na swojej stronie.

Butelka Bootstrap

W Flask masz również moduł o nazwie Flask-Bootstrap, który jest instalowany w twoim środowisku wirtualnym przy użyciu PIP jak zwykle.

$ pip install flask-bootstrap

Moduł działa bardzo podobnie, co nie jest zaskakujące, ponieważ obaj używają silnika szablonów Jinja22. Import jest bardziej bezpośrednim sposobem korzystania z funkcji ładowania początkowego, więc musisz zaimportować moduł na górze swojej aplikacji.plik py. Musisz dodać Bootstrap do definicji „aplikacji” w tym samym pliku.

z kolby importu Flask
z flask_bootstrap importuj Bootstrap
 
def utwórz_aplikację():
aplikacja = Kolba(__nazwa__)
Bootstrap (aplikacja)
 
zwróć aplikację

Kiedy już to zaimportujesz, wystarczy dodać go do swoich szablonów w taki sam sposób, jak na zwykłej stronie internetowej. Różnica polega na tym, że masz bloki, które definiują wygląd różnych elementów na Twojej stronie. Przejrzyj bloki, które masz dostępne na ich stronie internetowej. W przeciwnym razie nazywasz framework tak samo, jak w Django. Dostępnych jest wiele makr, i.mi. Wsparcie WTForms.

Inne opcje

Masz również podobne projekty dla cubicweb, o nazwie cubicweb-bootstrap. Instalacja przebiega jak zwykle, instalacja pip. Zawiera całą bibliotekę i kilka procedur do jej użycia.

Jeśli nie znajdziesz rozwiązania, które Ci odpowiada, sprawdź, w czym Fanstatic może Ci pomóc. Tworzy sposoby importowania zależności JavaScript do kodu Pythona. Działa to również z plikami CSS. Ta platforma została stworzona, aby wykorzystać dowolną platformę internetową zgodną z WSGI, więc spójrz na to pod kątem swoich konkretnych potrzeb.

Wniosek

Jeśli chcesz użyć CSS do rozjaśnienia swojej witryny, najskuteczniejszym sposobem jest użycie istniejącego frameworka. Interfejs do tych frameworków już tam jest, po prostu umieść swój styl w szablonach i gotowe. Python i większość dostępnych frameworków ma potężne procedury dla baz danych, CSS i wiele innych rzeczy, które pozwolą Ci zachować kontrolę, a także pozwolą Ci szybko i wydajnie tworzyć niesamowite rzeczy.

List referencyjny:

https://pypi.org/projekt/bootstrap4/
https://pypi.org/project/cubicweb-bootstrap/#history
https://pypi.org/project/django-bootstrap-fields/#history
https://github.com/gocept/js.bootstrap4
http://mkdocs.github.io/mkdocs-bootstrap/
https://cssselect.przeczytaj dokumentację.io/pl/ostatnie/

Emulate Mouse clicks by hovering using Clickless Mouse in Windows 10
Using a mouse or keyboard in the wrong posture of excessive usage can result in a lot of health issues, including strain, carpal tunnel syndrome, and ...
Add Mouse gestures to Windows 10 using these free tools
In recent years computers and operating systems have greatly evolved. There was a time when users had to use commands to navigate through file manager...
Control & manage mouse movement between multiple monitors in Windows 10
Dual Display Mouse Manager lets you control & configure mouse movement between multiple monitors, by slowing down its movements near the border. Windo...