Membangun website perpustakaan menggunakan Python bisa menjadi proyek yang menarik dan bermanfaat. Python memiliki berbagai framework yang memudahkan pembuatan aplikasi web, seperti Flask dan Django. Dalam artikel ini, kita akan membahas langkah-langkah dasar untuk membuat website perpustakaan sederhana menggunakan Flask, salah satu framework Python yang populer dan ringan.
Langkah 1: Persiapan Lingkungan Pengembangan
Sebelum mulai membuat website, pastikan Anda sudah menginstal Python dan pip di komputer Anda. Anda juga perlu menginstal Flask dengan perintah berikut:
pip install flaskLangkah 2: Membuat Struktur Proyek
Buat direktori baru untuk proyek Anda dan buat beberapa subdirektori untuk mengorganisir kode Anda. Misalnya:
library_website/
│
├── app.py
├── static/
├── templates/
└── database/app.py: File utama aplikasi Flask.static/: Folder untuk file statis seperti CSS, gambar, dan JavaScript.templates/: Folder untuk file HTML template.database/: Folder untuk file database.
Langkah 3: Mengatur Aplikasi Flask
Buat file app.py dan tambahkan kode dasar berikut untuk mengatur aplikasi Flask Anda:
from flask import Flask, render_template, request, redirect, url_for
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run(debug=True)Kode di atas membuat aplikasi Flask sederhana dengan satu rute (/) yang menampilkan halaman utama.
Langkah 4: Membuat Template HTML
Selanjutnya, buat file HTML dasar untuk halaman utama. Buat file index.html di dalam folder templates dengan konten berikut:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Perpustakaan</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
<h1>Selamat Datang di Perpustakaan</h1>
<a href="/add-book">Tambah Buku</a>
<a href="/books">Lihat Daftar Buku</a>
</body>
</html>Langkah 5: Menambahkan Fungsi Tambah Buku
Tambahkan rute dan fungsi untuk menambah buku baru ke dalam perpustakaan. Edit app.py menjadi seperti berikut:
from flask import Flask, render_template, request, redirect, url_for
app = Flask(__name__)
books = []
@app.route('/')
def index():
return render_template('index.html')
@app.route('/add-book', methods=['GET', 'POST'])
def add_book():
if request.method == 'POST':
title = request.form['title']
author = request.form['author']
books.append({'title': title, 'author': author})
return redirect(url_for('index'))
return render_template('add_book.html')
@app.route('/books')
def list_books():
return render_template('books.html', books=books)
if __name__ == '__main__':
app.run(debug=True)Tambahkan juga template add_book.html di dalam folder templates:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tambah Buku</title>
</head>
<body>
<h1>Tambah Buku Baru</h1>
<form action="/add-book" method="post">
<label for="title">Judul:</label>
<input type="text" id="title" name="title" required>
<br>
<label for="author">Pengarang:</label>
<input type="text" id="author" name="author" required>
<br>
<button type="submit">Tambah Buku</button>
</form>
</body>
</html>Langkah 6: Menampilkan Daftar Buku
Terakhir, tambahkan template books.html untuk menampilkan daftar buku yang sudah ditambahkan:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Daftar Buku</title>
</head>
<body>
<h1>Daftar Buku</h1>
<ul>
{% for book in books %}
<li>{{ book.title }} oleh {{ book.author }}</li>
{% endfor %}
</ul>
</body>
</html>Langkah 7: Menjalankan Aplikasi
Jalankan aplikasi Anda dengan perintah berikut di terminal:
python app.pyAplikasi Anda sekarang berjalan di http://127.0.0.1:5000/. Anda bisa menambahkan buku baru dan melihat daftar buku yang sudah ditambahkan.
Kesimpulan
Membuat website perpustakaan menggunakan Python dengan Flask cukup sederhana dan memberikan dasar yang baik untuk memahami bagaimana framework web bekerja. Anda bisa mengembangkan lebih lanjut dengan menambahkan fitur seperti pencarian buku, autentikasi pengguna, dan integrasi dengan database yang lebih kompleks.
Selamat mencoba!
Komentar Terbaru