Skip to content
Home ยป Sesi 6: Interaksi dengan Pengguna: Formulir dan Validasi

Sesi 6: Interaksi dengan Pengguna: Formulir dan Validasi

  • by

Selamat datang di Sesi 6 kelas “Python for Beginners“! Pada sesi ini, kita akan mempelajari tentang interaksi dengan pengguna melalui formulir dan validasi di Flask. Formulir adalah elemen penting dalam aplikasi web yang memungkinkan pengguna untuk mengirimkan data ke server. Validasi digunakan untuk memeriksa dan memastikan bahwa data yang dikirimkan oleh pengguna sesuai dengan aturan yang ditetapkan.

Penggunaan Formulir di Flask

Flask menyediakan dukungan yang mudah dan efisien dalam penanganan formulir. Dengan menggunakan Flask-WTF (Flask-WebForm) extension, kita dapat dengan mudah membuat dan memvalidasi formulir di aplikasi Flask.

Langkah-langkah dalam Penggunaan Formulir di Flask:

  1. Impor Modul Flask dan Flask-WTF: Impor modul Flask dan Flask-WTF agar dapat menggunakannya dalam aplikasi web Flask.
from flask import Flask, render_template, request
from flask_wtf import FlaskForm
from wtforms import StringField, SubmitField
from wtforms.validators import DataRequired
  1. Buat Objek Aplikasi: Buat objek aplikasi Flask.
app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret_key'
  1. Buat Kelas Formulir: Buat kelas formulir yang mewarisi dari kelas FlaskForm. Tentukan bidang-bidang formulir yang diperlukan beserta validasi yang sesuai.
class MyForm(FlaskForm):
    name = StringField('Nama', validators=[DataRequired()])
    email = StringField('Email', validators=[DataRequired()])
    submit = SubmitField('Submit')
  1. Definisikan Rute dan Fungsi Tampilan: Tentukan rute dan fungsi tampilan yang akan menampilkan formulir dan menangani pengiriman data formulir.
@app.route('/', methods=['GET', 'POST'])
def home():
    form = MyForm()
    if form.validate_on_submit():
        name = form.name.data
        email = form.email.data
        # Lakukan sesuatu dengan data yang dikirimkan melalui formulir
        return render_template('success.html', name=name)
    return render_template('index.html', form=form)
  1. Buat Template HTML: Buat template HTML yang akan menampilkan formulir dan pesan kesalahan validasi.
<!DOCTYPE html>
<html>
<head>
    <title>Formulir</title>
</head>
<body>
    <h1>Formulir Pengguna</h1>
    <form method="POST" action="/">
        {{ form.hidden_tag() }}
        <div>
            {{ form.name.label }} {{ form.name(size=20) }}
            {% if form.name.errors %}
                <ul>
                {% for error in form.name.errors %}
                    <li>{{ error }}</li>
                {% endfor %}
                </ul>
            {% endif %}
        </div>
        <div>
            {{ form.email.label }} {{ form.email(size=20) }}
            {% if form.email.errors %}
                <ul>
                {% for error in form.email.errors %}
                    <li>{{ error }}</li>
                {% endfor %}
                </ul>
            {% endif %}
        </div>
        <div>
            {{ form.submit() }}
        </div>
    </form>
</body>
</html>
  1. Jalankan Aplikasi: Jalankan aplikasi Flask dan akses halaman beranda untuk melihat formulir.

Latihan Praktis

  1. Buatlah aplikasi Flask sederhana yang memiliki formulir untuk memasukkan nama dan email pengguna.
  2. Implementasikan validasi untuk memastikan bahwa kedua bidang formulir harus diisi.
  3. Tampilkan pesan kesalahan jika pengguna tidak mengisi salah satu atau kedua bidang formulir.
  4. Jika pengguna berhasil mengisi formulir, tampilkan halaman sukses dengan menyapa pengguna dengan nama yang diisi dalam formulir.

Selamat mencoba!

Materi berikutnya: Sesi 7: Manajemen Data: Koneksi ke Database menggunakan Python

Leave a Reply

Your email address will not be published. Required fields are marked *

error: Content is protected !!