Langsung aja ya ............
silahkan baca terlebih dahulu mengenai flask di link:
http://flask.pocoo.org/pertama buka sublime dan buka folder tempat kita akan bekerja.
buka new file dan namain "app.py" dan tuliskan lah code sederhana:
note:
panggil library yang digunakan yaitu flask dengan komponen Flask untuk service, render_template untuk render file .html nya
running file app.py dengan terminal:
ketika kita ketikan "Home" pada home.html maka akan muncul di laman:
kemudian kita coba untuk mendesign layout laman, buat file baru namain "layout.html" kemudian buka link w3school https://www.w3schools.com/html/default.asp ambil code html home.
ganti title dengan "Belajar Flask" kemudian komponen body ganti dengan "{% block body %}{% endblock %}". hapus 'H1 dan p' nya.
setelah itu masukan "{% extends 'layout.html' %}" sebagai koneksi laman layout dengan laman home.
untuk memudahkan kita belajar membuat layout silahkan buka link https://www.bootstrapcdn.com/ untuk source ambil complate css + complate js nya.
kemudian buatlah satu folder didalam folder template, namain include untuk tempat file pendukung layout seperti komponen navbar dan lain-lain.
note:
untuk mudahnya silahkan buka https://getbootstrap.com/docs/3.3/getting-started/#examples silahkan pilih aja sesuka hati, setelah memilih tekan ctrl+u, copy + paste bagian ini:
pada bagian layout.html nya editing seperti ini:
refresh link localhost:5000 kita:
setelah itu pergi ke home.html editing:
maka akan menghasilkan:
kemudian buat file untuk tentang.html dan coba tuliskan:
hasilnya seperti berikut:
jika kita belum membuat file html pada app.py nya maka laman tidak akan memberikan respon.
cukup sampai sini dulu yakkk,,, besok jika sempat lanjut lagi ok
Tags:
#Flask
0 komentar