Masih dalam seri belajar flask, kali ini kita melanjutkan tutorial bagaimana cara membuat dan menangani nilai yang di kirim melalui form di flask. Modul tambahan yang kita perlukan adalah modul request dari kelas flask yang berfungsi untuk menerima nilai yang dikirim dari form.
Baca juga : Menentukan rute URL Flask
Cara yang kita buat ini masih tergolong manual dimana form kita buat melalui template, padahal sebetulnya kita bisa langsung membuat form pada objek aplikasi melalui kelas form, tetapi tutorial itu akan saya buat pada artikel selanjutnya (Masih belajar dulu guys, heheehehe).
Langkah 1 : Membuat file app.py
Buatlah file app.py di dalam folder project kalian.
from flask import Flask, render_template, url_for, request
application = Flask(__name__)
@application.route('/',methods=['GET','POST'])
def index():
if request.method=='POST':
nama = request.form['nama']
email = request.form['email']
return render_template('tampil.html',nama=nama,email=email)
return render_template('index.html')
if __name__ == '__main__':
application.run(debug=True)Pada bagian route objek aplikasi terdapat parameter methods dengan nilai GET dan POST, ini berfungsi untuk menentukan nilai action yang digunakan pada form.
Di dalam fungsi view index() kita buat kondisi IF dengan pernyataan request.method==’POST’ maka nilai dari form untuk nama dan email akan di ambil menggunakan modul request.form.
Fungsi view index() akan melakukan render pada template tampil.html dengan membawa nilai nama dan email.
Sedangkan jika tidak ada permintaan (request) pada form, fungsi view index() akan menampilkan template index.html.
Langkah 2 : Membuat Template (index.html)
Buat template index.html di dalam folder template.
<!DOCTYPE html>
<html>
<head>
<title>Belajar Membuat Aplikasi Web Python</title>
</head>
<body>
<form action="/" method="POST">
Nama :<br>
<input type="text" name="nama"><br>
Email : <br>
<input type="email" name="email"><br> <br>
<input type="submit" value="Submit">
</form>
</body>
</html>Template index.html berfungsi untuk menampilkan form isian nama dan email yang akan di action ke root directory ‘/’ yang mengacu pada fungsi view index(), dengan menggunakan method POST yang artinya nilai yang dikirim akan tersembunyi (tidak tampil di URL).
Langkah 3 : Membuat Template (tampil.html)
Buat template tampil.html di dalam folder template.
<!DOCTYPE html>
<html>
<head>
<title>Belajar Membuat Aplikasi Web Python</title>
</head>
<body>
<h2>Tampil Data</h2><br>
Nama : {{ nama }}<br>
Email : {{ email }}
</html>Template tampil.html berfungsi untuk menampilkan nilai nama dan email yang di kirim dari form.
Langkah 4 : Uji Coba
Jalankan Aplikasi
Jalankan aplikasi melalui perintah CMD seperti contoh berikut:
Sesuaikan jika kalian mempunyai direktori yang berbeda.
Hasil
Apabila aplikasi di jalankan di browser, hasilnya seperti berikut:
Pada contoh form, kita hanya menggunakan form dengan tipe text dan email, kalian bisa kembangkan misanya menggunakan radio button, combobox (tag select) checkbox dan lainnya.
Artikel lainnya : Membuat desain form login dengan HTML dan CSS
Sekian artikel kali ini mengenai bagaimana cara membuat form di flask, dimana kita sudah belajar untuk menangani nilai yang di kirim melalui form menggunakan modul request di kelas flask. Semoga artikel ini bermanfaat terimakasih.