Belajar Flask - Bagian 10
Mini Project: Catatan Harian
oleh: Suryo Adhy Chandra, ST
Catatan Harian (diary) adalah project untuk menuliskan kejadian atau perasaan setiap hari. Setiap catatan disimpan lengkap dengan tanggalnya.
1. Fitur yang akan dibuat
- Form untuk menulis tanggal dan isi catatan
- Menampilkan seluruh catatan, catatan terbaru di atas
2. Kode app.py
from flask import Flask, render_template, request, redirect
app = Flask(__name__)
catatan_harian = [
{"tanggal": "10 Juli 2026", "isi": "Latihan soal matematika"},
{"tanggal": "11 Juli 2026", "isi": "Hari ini belajar Flask, seru!"},
]
@app.route("/", methods=["GET", "POST"])
def index():
if request.method == "POST":
tanggal = request.form["tanggal"]
isi = request.form["isi"]
catatan_harian.insert(0, {"tanggal": tanggal, "isi": isi})
return redirect("/")
return render_template("catatan.html", catatan_harian=catatan_harian)
if __name__ == "__main__":
app.run(debug=True)
3. Template templates/catatan.html
<h1>Catatan Harian</h1>
<form method="POST">
<input type="text" name="tanggal" placeholder="Tanggal, contoh: 12 Juli 2026" required>
<br>
<textarea name="isi" placeholder="Tulis catatan hari ini..." required></textarea>
<br>
<button type="submit">Simpan Catatan</button>
</form>
<hr>
{% for catatan in catatan_harian %}
<p>
<b>{{ catatan.tanggal }}</b><br>
{{ catatan.isi }}
</p>
{% endfor %}
Sama seperti buku tamu, kita memakai
insert(0, ...) supaya catatan yang baru
ditulis selalu muncul paling atas.
4. Coba jalankan
Jalankan dengan python app.py, lalu buka http://127.0.0.1:5000/.
Coba tulis catatan untuk beberapa hari yang berbeda.