Python

Как да използваме Python и Bootstrap за уеб разработка

Как да използваме Python и Bootstrap за уеб разработка
Когато искате да направите уебсайта добре изглеждащ, се обръщате към CSS. Няма по-добър начин от това. Тъй като има много тънкости с CSS, разработчиците са измислили начини да опаковат „стилове“. Най-често срещаният избор е Bootstrap, първоначално разработен от и за Twitter. Това изобщо не е единствената CSS рамка, така че ще видите повече в тази статия.

Django Bootstrap

Когато програмирате в Python, обикновено използвате уеб рамка, една много разпространена е Django. За щастие има проект за използване на Bootstrap в Django. Това е на Pypi.org, така че инсталирането е обичайната рутина. Най-вероятно използвате виртуална среда, активирайте я и инсталирайте с pip.

$ pip инсталирайте django-bootstrap3

Същият екип поддържа Bootstrap4, този проект има рейтинг на покритие 89%, така че конкретната ви функция може да липсва. Трябва да вземете това решение сами. Сега трябва да добавите това приложение към настройките си.py 'файл.

INSTALLED_APPS = [
'джанго.принос.администратор,
'джанго.принос.удостоверяване,
'джанго.принос.типове съдържание ",
'джанго.принос.сесии ',
'джанго.принос.съобщения ",
'джанго.принос.staticfiles ',
„bootstrap3“,
]

Сега можете да използвате Bootstrap в кода на вашия сайт. Тъй като използвате Django, вие имате дефинирана директория с шаблони в настройките си.py 'файл. В основния шаблон добавете кода по-долу.

% load bootstrap3%
 

% bootstrap_form form%
% бутони %

% endbuttons%

Двете стойности в този код, които са интересни, са “bootstrap *”, това са маркери на шаблони и филтри, които можете да търсите как да използвате в документацията на Django-Bootstrap. Кодът % бутони% може също да включва параметри, които определят текста за изпращане и нулиране на формуляра. Когато станете по-напреднали, не забравяйте да добавите BOOTSTRAP3 към настройките си.py. Има и шаблони за грешки и съобщения, които можете да използвате, за да контролирате как грешките се показват на вашия уебсайт.

Bootstrap на колбата

В Flask имате и модул, наречен Flask-Bootstrap, той е инсталиран във вашата виртуална среда, използвайки PIP както обикновено.

$ pip инсталирайте flask-bootstrap

Модулът работи много подобно, не е изненадващо, тъй като и двамата използват механизма за шаблони Jinja2. Импортирането е по-директен начин за използване на функциите за зареждане, така че трябва да импортирате модула в горната част на приложението си.py 'файл. Трябва да добавите Bootstrap към дефиницията на вашето приложение в същия файл.

от колба за внос Колба
от flask_bootstrap импортиране на Bootstrap
 
def create_app ():
ап = колба (__ име__)
Bootstrap (приложение)
 
приложение за връщане

Когато имате това импортирано, просто трябва да го добавите към вашите шаблони по същия начин, както бихте го направили в обикновен уебсайт. Разликата е, че имате блокове, които определят как изглеждат различните части на вашия уебсайт. Прегледайте блоковете, които имате на разположение на техния уебсайт. В противен случай извиквате рамката по същия начин, както в Django. Налични са много макроси, т.е.д. Поддръжка на WTForms.

Други възможности за избор

Имате и подобни проекти за cubicweb, наречени cubicweb-bootstrap. Инсталирането е както обикновено, pip install. Той съдържа цялата библиотека и някои процедури, за да я използвате.

Ако не намерите решение, което ви харесва, проучете с какво Fanstatic може да ви помогне. Той създава начини за импортиране на зависимости на JavaScript във вашия код на Python. Това работи и с CSS файлове. Тази рамка е създадена, за да използва всяка уеб съвместима с WSGI мрежа, така че погледнете това за вашите специфични нужди.

Заключение

Ако искате да използвате CSS, за да освежите уебсайта си, най-ефективният начин е да използвате съществуваща рамка. Интерфейсът към тези рамки вече е налице, просто поставете стила си във вашите шаблони и доброто ви за работа. Python и повечето налични рамки имат мощни рутини за бази данни, CSS и много други неща, които ще ви държат под контрол и също така ви позволяват бързо да създавате невероятни неща ефективно.

Референтен списък:

https: // pypi.org / project / bootstrap4 /
https: // pypi.org / project / cubicweb-bootstrap / # история
https: // pypi.org / project / django-bootstrap-fields / # история
https: // github.com / gocept / js.bootstrap4
http: // mkdocs.github.io / mkdocs-bootstrap /
https: // cssselect.readthedocs.io / bg / най-новите /

Как да изтеглите и пуснете Civilization VI на Сид Майер на Linux
Въведение в играта Civilization 6 е модерен поглед върху класическата концепция, въведена в поредицата от игрите Age of Empires. Идеята беше доста про...
Как да инсталирате и играете Doom на Linux
Въведение в Doom Серията Doom възниква през 90-те години след пускането на оригиналния Doom. Това беше незабавен хит и от този момент нататък серията ...
Vulkan за потребители на Linux
С всяко ново поколение графични карти виждаме, че разработчиците на игри преместват границите на графичната вярност и се приближават една крачка до фо...