pip install Flask Struktur Direktori: bash Salin kode /zakat-dkm /templates index.html laporan.html app.py File app.py (Logika Aplikasi) python Salin kode from flask import Flask, render_template, request app = Flask(__name__) # Data sementara untuk zakat (bisa diganti dengan database) zakat_data = [] @app.route('/') def index(): return render_template('index.html', zakat_data=zakat_data) @app.route('/tambah', methods=['POST']) def tambah_zakat(): nama = request.form['nama'] jumlah = float(request.form['jumlah']) kategori = request.form['kategori'] zakat_data.append({ 'nama': nama, 'jumlah': jumlah, 'kategori': kategori }) return render_template('index.html', zakat_data=zakat_data) @app.route('/laporan') def laporan(): total_zakat = sum(zakat['jumlah'] for zakat in zakat_data) return render_template('laporan.html', total_zakat=total_zakat, zakat_data=zakat_data) if __name__ == '__main__': app.run(debug=True) File index.html (Halaman Utama) html Salin kode

Form Zakat DKM

Nama:
Jumlah Zakat:
Kategori Zakat: Zakat Fitrah Zakat Mal
Tambah Zakat

Daftar Zakat

{% for zakat in zakat_data %} {% endfor %}

Nama	Jumlah Zakat	Kategori
{{ zakat.nama }}	{{ zakat.jumlah }}	{{ zakat.kategori }}

Lihat Laporan Zakat File laporan.html (Halaman Laporan) html Salin kode

Laporan Zakat DKM

Total Zakat yang Terkumpul: {{ total_zakat }}

Rincian Zakat:

{% for zakat in zakat_data %} {% endfor %}

Nama	Jumlah Zakat	Kategori
{{ zakat.nama }}	{{ zakat.jumlah }}	{{ zakat.kategori }}

Kembali ke Halaman Utama