Membina Aplikasi Web Ringkas
Cipta aplikasi web pertama anda menggunakan Flask.
Membina Aplikasi Web Ringkas ialah pelajaran Python Academy percuma di CoddyKit. Ini ialah pelajaran 3 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Python Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Python Academy merangkumi sejumlah 4 pelajaran.
Membina Aplikasi Web Mudah
Setelah mempelajari asas Flask, tibalah masanya untuk membina aplikasi web mudah. Aplikasi ini akan merangkumi beberapa laluan, templat HTML dan sedikit interaktiviti.
Dalam pelajaran ini, kita akan mencipta aplikasi web asas langkah demi langkah.

Langkah 1: Menyediakan Projek
Cipta direktori baharu untuk projek anda dan mulakan persekitaran maya:
python -m venv venvAktifkan persekitaran maya dan pasang Flask:
pip install flask# Setting up the project
from flask import Flask
app = Flask(__name__)
print("Project setup complete")Langkah 2: Mencipta Struktur Aplikasi
Cipta direktori dan fail berikut:
- app.py: Fail aplikasi utama.
- templates/: Direktori untuk templat HTML.
- static/: Direktori untuk fail statik seperti CSS dan imej.
Langkah 3: Mentakrifkan Laluan
Dalam app.py, takrifkan laluan untuk halaman utama dan halaman about:
# Defining routes
from flask import Flask
app = Flask(__name__)
@app.route('/')
def home():
return '<h1>Welcome to My Web App</h1>'
@app.route('/about')
def about():
return '<h1>About This App</h1>'
if __name__ == '__main__':
app.run(debug=True)Langkah 4: Menambah Templat
Cipta fail HTML bernama home.html di dalam direktori templates/:
<!-- home.html -->
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
</head>
<body>
<h1>Welcome to My Web App</h1>
<a href="/about">About</a>
</body>
</html>Langkah 5: Menggunakan render_template
Kemas kini laluan home dan about supaya menggunakan templat:
# Using templates
from flask import render_template
@app.route('/')
def home():
return render_template('home.html')
@app.route('/about')
def about():
return render_template('about.html')Langkah 6: Menambah Fail Statik
Cipta fail style.css di dalam direktori static/ dan pautkannya dalam home.html:
/* style.css */
body {
font-family: Arial, sans-serif;
background-color: #f4f4f9;
color: #333;
}Langkah 7: Menjalankan Aplikasi
Jalankan aplikasi Flask anda:
python app.py
Buka pelayar anda dan pergi ke http://127.0.0.1:5000/ untuk melihat aplikasi web anda berfungsi.
Kesilapan Biasa Semasa Membina Aplikasi Web
Berikut ialah beberapa kesilapan yang perlu dielakkan:
- Tidak menyusun struktur aplikasi dengan baik, contohnya tidak mempunyai direktori templates/ dan static/.
- Menetapkan URL secara terus dan bukannya menggunakan
url_for(). - Tidak menguji aplikasi dalam mod nyahpepijat.
Apakah yang Telah Kita Pelajari?
Dalam pelajaran ini, anda telah mempelajari:
- Cara menyediakan struktur projek Flask.
- Cara mentakrifkan laluan dan menggunakan templat.
- Cara menyertakan fail statik seperti CSS dalam aplikasi anda.
- Cara menjalankan aplikasi Flask dan melihatnya dalam pelayar.
Syabas! Mari beralih ke topik seterusnya.

Pelajari Python dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 76
- Pelajaran
- 320
Soalan Lazim
Adakah pelajaran “Membina Aplikasi Web Ringkas” percuma?
Ya — teks penuh “Membina Aplikasi Web Ringkas” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Python Academy, tingkat taraf kepada CoddyKit PRO. Kursus Python Academy merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “Membina Aplikasi Web Ringkas”?
Cipta aplikasi web pertama anda menggunakan Flask. Anda berlatih Python Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Python Academy?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Python Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 3 daripada 4.
Berapa lamakah pelajaran “Membina Aplikasi Web Ringkas” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Python Academy ini?
Ya. Setiap pelajaran Python Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Asas Rangka Kerja Web
- Pengenalan kepada Flask
- Membina Aplikasi Web Ringkas
- Menyambungkan Python kepada Pangkalan Data