Python

Як використовувати Python та Bootstrap для веб-розробки

Як використовувати Python та Bootstrap для веб-розробки
Коли ви хочете зробити веб-сайт гарним, ви звертаєтесь до CSS. Немає кращого шляху, ніж це. Оскільки у CSS багато тонкощів, розробники придумали способи упаковки "стилів". Найпоширеніший вибір - Bootstrap, спочатку розроблений Twitter і для нього. Це взагалі не єдина фреймворк CSS, тому ви побачите більше в цій статті.

Django Bootstrap

Програмуючи на Python, ви зазвичай використовуєте веб-фреймворк, одним із найпоширеніших є Django. На щастя, існує проект з використання Bootstrap в Django. Це на Піпі.org, тому установка є звичайною процедурою. Швидше за все, у вас запущено віртуальне середовище, активуйте його та встановіть за допомогою pip.

$ pip встановити django-bootstrap3

Ця ж команда підтримує Bootstrap4, цей проект має охоплення 89%, тому ваша конкретна функція може бути відсутнім. Ви повинні прийняти це рішення самостійно. Тепер вам потрібно додати цю програму до своїх налаштувань.py 'файл.

INSTALLED_APPS = [
'джанго.внесок.адміністратор ',
'джанго.внесок.авторизація,
'джанго.внесок.типи вмісту ',
'джанго.внесок.сесії ',
'джанго.внесок.повідомлення ',
'джанго.внесок.staticfiles ',
'bootstrap3',
]

Тепер ви можете використовувати Bootstrap у коді вашого сайту. Оскільки ви використовуєте Django, у ваших налаштуваннях визначено каталог шаблонів.py 'файл. У основний шаблон додайте код нижче.

% завантаження bootstrap3%
 

% bootstrap_form form%
% кнопок%

% endbuttons%

Ці два цікаві значення в цьому коді - “bootstrap *”, це теги шаблонів і фільтри, які ви можете переглянути, як використовувати в документації Django-Bootstrap. Код % button% може також містити параметри, що визначають текст для подання та скидання форми. Коли ви станете більш просунутими, обов’язково додайте BOOTSTRAP3 до своїх налаштувань.py. Існують також шаблони для помилок та повідомлень, за допомогою яких ви можете контролювати відображення помилок на вашому веб-сайті.

Бутстрап для колби

У Flask у вас також є модуль під назвою Flask-Bootstrap, він встановлюється у вашому віртуальному середовищі за допомогою PIP, як зазвичай.

$ pip встановити flask-bootstrap

Модуль працює дуже подібним чином, що не дивно, оскільки вони обидва використовують механізм шаблонів Jinja2. Імпорт - це більш прямий спосіб використання функцій завантаження, тому вам потрібно імпортувати модуль у верхній частині програми.py 'файл. Вам потрібно додати Bootstrap до вашого визначення програми у тому самому файлі.

з колби імпортна колба
з flask_bootstrap імпортувати Bootstrap
 
def create_app ():
app = Flask (__ name__)
Bootstrap (додаток)
 
повернути додаток

Коли ви імпортуєте цей файл, вам просто потрібно додати його до своїх шаблонів так само, як і на звичайному веб-сайті. Різниця полягає в тому, що у вас є блоки, які визначають, як виглядають різні частини вашого веб-сайту. Перегляньте блоки, доступні на їх веб-сайті. В іншому випадку ви називаєте фреймворк так само, як і в Django. Доступно багато макросів, тобто.e. Підтримка 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 / en / останні /

Remap your mouse buttons differently for different software with X-Mouse Button Control
Maybe you need a tool that could make your mouse's control change with every application that you use. If this is the case, you can try out an applica...
Microsoft Sculpt Touch Wireless Mouse Review
I recently read about the Microsoft Sculpt Touch wireless mouse and decided to buy it. After using it for a while, I decided to share my experience wi...
AppyMouse On-screen Trackpad and Mouse Pointer for Windows Tablets
Tablet users often miss the mouse pointer, especially when they are habitual to using the laptops. The touchscreen Smartphones and tablets come with m...