Python Academy · Pelajaran

Membina Aplikasi Web Ringkas

Cipta aplikasi web pertama anda menggunakan Flask.

Pelajaran 3 daripada 411 langkah

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.

Membina Aplikasi Web Ringkas — ilustrasi 1

Langkah 1: Menyediakan Projek

Cipta direktori baharu untuk projek anda dan mulakan persekitaran maya:

python -m venv venv

Aktifkan 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.

Membina Aplikasi Web Ringkas — ilustrasi 11
Percuma untuk bermula

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

  1. Asas Rangka Kerja Web
  2. Pengenalan kepada Flask
  3. Membina Aplikasi Web Ringkas
  4. Menyambungkan Python kepada Pangkalan Data
← Kembali ke Python Academy