Saat Anda ingin membuat situs web terlihat bagus, Anda beralih ke CSS. Tidak ada cara yang lebih baik dari itu. Karena ada banyak kerumitan dengan CSS, pengembang telah menemukan cara untuk mengemas 'gaya'. Pilihan yang paling umum adalah Bootstrap, awalnya dikembangkan oleh dan untuk Twitter. Ini sama sekali bukan satu-satunya kerangka kerja CSS sehingga Anda akan melihat lebih banyak di artikel ini.

Django Bootstrap

Saat memprogram dengan Python, Anda biasanya menggunakan kerangka kerja web, salah satu yang sangat umum adalah Django. Untungnya, ada proyek untuk menggunakan Bootstrap di Django. Ini ada di Pypi.org jadi menginstal adalah rutinitas biasa. Kemungkinan besar Anda menjalankan lingkungan virtual, aktifkan dan instal dengan pip.

$ pip instal Django-bootstrap3

Tim yang sama mendukung Bootstrap4, proyek itu memiliki peringkat cakupan 89% sehingga fitur khusus Anda mungkin hilang. Anda harus membuat keputusan itu sendiri. Sekarang, Anda perlu menambahkan aplikasi ini ke 'pengaturan' Anda.py' file.

INSTALLED_APPS = [
'django.berkontribusi.admin',
'django.berkontribusi.auth',
'django.berkontribusi.tipe konten',
'django.berkontribusi.sesi',
'django.berkontribusi.pesan',
'django.berkontribusi.file statis',
'bootstrap3',
]

Sekarang, Anda dapat menggunakan Bootstrap dalam kode situs Anda. Karena Anda menggunakan Django, Anda memiliki direktori templat yang ditentukan dalam 'pengaturan' Anda.file py'. Di template utama, tambahkan kode di bawah ini.

% memuat bootstrap3 %
 

% bootstrap_form formulir %
% tombol %

% bootstrap_icon "bintang"% KIRIM

% tombol akhir %

Dua nilai dalam kode ini yang menarik adalah “bootstrap*”, ini adalah tag template dan filter yang dapat Anda cari cara menggunakannya dalam dokumentasi Django-Bootstrap. Kode % keys % juga dapat menyertakan parameter yang menentukan teks untuk mengirimkan dan mengatur ulang formulir. Saat Anda menjadi lebih mahir, pastikan Anda menambahkan BOOTSTRAP3 ke pengaturan Anda.py. Ada juga template untuk kesalahan dan pesan yang dapat Anda gunakan untuk mengontrol bagaimana kesalahan ditampilkan di situs web Anda.

Flask Bootstrap

Di Flask Anda juga memiliki modul bernama Flask-Bootstrap, ini diinstal di lingkungan virtual Anda menggunakan PIP seperti biasa.

$ pip instal flask-bootstrap

Modul ini bekerja sangat mirip, tidak mengherankan karena keduanya menggunakan mesin template Jinja2. Impor adalah cara yang lebih langsung menggunakan fungsi bootstrap sehingga Anda perlu mengimpor modul di bagian atas 'aplikasi.py' file. Anda perlu menambahkan Bootstrap ke definisi 'aplikasi' Anda di file yang sama.

dari labu impor Flask
dari flask_bootstrap impor Bootstrap
 
def create_app():
aplikasi = Labu(__nama__)
Bootstrap (aplikasi)
 
kembali aplikasi

Ketika Anda telah mengimpor ini, Anda hanya perlu menambahkannya ke template Anda dengan cara yang sama seperti yang Anda lakukan di situs web biasa. Perbedaannya adalah Anda memiliki blok yang menentukan tampilan berbagai bagian di situs web Anda. Pergi melalui blok yang Anda miliki di situs web mereka. Jika tidak, Anda memanggil kerangka kerja dengan cara yang sama seperti yang Anda lakukan di Django. Ada banyak makro yang tersedia, saya.e. Dukungan WTForms.

Pilihan lainnya

Anda juga memiliki proyek serupa untuk cubicweb, yang disebut cubicweb-bootstrap. Instalnya seperti biasa, pip install. Ini berisi seluruh perpustakaan dan beberapa rutinitas untuk menggunakannya.

Jika Anda tidak menemukan solusi yang cocok untuk Anda, selidiki apa yang dapat dibantu Fanstatic untuk Anda. Ini menciptakan cara untuk mengimpor dependensi JavaScript ke dalam kode Python Anda. Ini juga berfungsi dengan file CSS. Kerangka kerja ini dibuat untuk memanfaatkan kerangka kerja web yang sesuai dengan WSGI, jadi lihatlah ini untuk kebutuhan spesifik Anda.

Kesimpulan

Jika Anda ingin menggunakan CSS untuk mencerahkan situs web Anda, cara yang paling efisien adalah dengan menggunakan kerangka kerja yang ada. Antarmuka untuk kerangka kerja tersebut sudah ada di sana, cukup masukkan gaya Anda ke dalam template dan Anda siap melakukannya. Python dan sebagian besar kerangka kerja yang tersedia memiliki rutinitas yang kuat untuk database, CSS, dan banyak hal lain yang akan membuat Anda tetap memegang kendali dan juga memungkinkan Anda membuat hal-hal menakjubkan dengan cepat dan efisien.

Daftar referensi:

https://pypi.org/proyek/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://csselect.baca thedocs.io/en/terbaru/