Cara Mengirim Data Objek Ke HTML Web Python Flask | Part 9
Dalam tutorial ini, kita akan membahas cara mengirim data objek ke HTML web menggunakan Python Flask. Flask adalah salah satu framework web yang populer untuk membuat aplikasi web dengan Python. Dalam aplikasi web, seringkali kita perlu mengirim data dari back-end (Python) ke front-end (HTML). Berikut adalah langkah-langkahnya:
- Pertama, pastikan Anda sudah menginstall Flask di sistem Anda. Jika belum, Anda dapat menginstallnya dengan perintah
pip install flaskdi terminal atau command prompt. - Buat file Python baru, misalnya
app.py, dan import modul Flask. - Buat sebuah objek Flask dengan menggunakan perintah
app = Flask(__name__). - Definisikan route untuk halaman utama dengan menggunakan decorator
@app.route('/'). - Buat fungsi untuk merender halaman HTML dan mengirimkan data objek ke halaman tersebut. Contohnya:
from flask import render_template
@app.route('/')
def index():
data = {'nama': 'John Doe', 'umur': 25}
return render_template('index.html', data=data)
- Buat file HTML baru, misalnya
index.html, dan gunakan tag HTML untuk menampilkan data objek yang dikirimkan dari Python Flask. Contohnya:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Data Objek</title>
</head>
<body>
<h1>Data Objek</h1>
<p>Nama: {{ data.nama }}, Umur: {{ data.umur }}</p>
</body>
</html>
- Jalankan file
app.pydengan perintahpython app.pydi terminal atau command prompt. - Buka browser dan buka alamat
http://localhost:5000. Anda akan melihat data objek yang dikirimkan dari Python Flask ditampilkan di halaman HTML.
Itulah cara sederhana mengirim data objek ke HTML web menggunakan Python Flask. Dengan memahami konsep ini, Anda dapat membuat aplikasi web yang lebih kompleks dan dinamis dengan menggunakan Flask.
