Rumah > pembangunan bahagian belakang > Tutorial Python > Pengenalan kepada Rangka Kerja Kotak Python

Pengenalan kepada Rangka Kerja Kotak Python

Joseph Gordon-Levitt
Lepaskan: 2025-02-28 10:23:27
asal
484 orang telah melayarinya

Tutorial ini menunjukkan membina laman web dua halaman yang mudah menggunakan Flask, kerangka web Python yang ringan. Ia memberi tumpuan kepada kandungan statik untuk menubuhkan aliran kerja asas, mudah dikembangkan untuk aplikasi yang lebih kompleks.


Pemasangan Flask

Sebelum memulakan, pasang Flask. Sekiranya anda menghadapi masalah, rujuk sumber dalam talian atau tinggalkan komen yang memperincikan masalah.

persediaan virtualenv

kami akan menggunakan Virtualenv untuk mewujudkan persekitaran python terpencil untuk projek ini. Ini menghalang konflik dengan perpustakaan sistem lain.

periksa sama ada Virtualenv sudah dipasang:

$ virtualenv --version
Salin selepas log masuk

jika tidak, pasangnya:

$ pip install virtualenv
Salin selepas log masuk

Buat dan aktifkan persekitaran maya:

$ virtualenv flaskapp
$ cd flaskapp
$ . bin/activate
Salin selepas log masuk

Sekarang pasang Flask:

pip install Flask
Salin selepas log masuk

Struktur Projek

mengatur projek anda seperti berikut dalam direktori flaskapp:

<code>flaskapp/
├── app/
│   ├── static/
│   │   ├── css/
│   │   ├── img/
│   │   └── js/
│   ├── templates/
│   ├── routes.py
│   └── README.md
└── ...</code>
Salin selepas log masuk

rajah di bawah menggambarkan aliran aplikasi:

An Introduction to Python’s Flask Framework

    Permintaan pengguna (mis.,
  1. ) mencapai fail /. routes.py
  2. Menempatkan templat yang sepadan dalam folder routes.py. templates
  3. Templat mengakses aset statik (imej, CSS, JavaScript) dari folder
  4. . static
  5. HTML yang diberikan dikembalikan kepada penyemak imbas melalui
  6. . routes.py
Membuat halaman rumah

Untuk mengelakkan boilerplate HTML berulang, kami akan menggunakan templat web. Flask menggunakan enjin templat Jinja2.

Pertama, buat templat susun atur asas:

App/Templates/Layout.html

<!DOCTYPE html>
<html>
<head>
<title>Flask App</title>
<link href="{{ url_for('static', filename='css/main.css') }}" rel="stylesheet">
</head>
<body>
<div class="container">
  <h1 class="logo">Flask App</h1>
</div>
<div class="container">
  {% block content %}{% endblock %}
</div>
</body>
</html>
Salin selepas log masuk
Seterusnya, buat templat halaman rumah:

app/templates/home.html

{% extends "layout.html" %}

{% block content %}
  <div class="jumbo">
    <h2>Welcome!</h2>
    <h3>This is the home page.</h3>
  </div>
{% endblock %}
Salin selepas log masuk
Sekarang, peta URL ke templat dalam

: routes.py

app/routes.py

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def home():
  return render_template('home.html')

if __name__ == '__main__':
  app.run(debug=True)
Salin selepas log masuk
tambah gaya CSS ke

: (kandungan main.css tetap sama) static/css/main.css

menjalankan aplikasi dan melawat

akan memaparkan halaman rumah. http://localhost:5000/

Menambah tentang halaman dan navigasi

mari kita buat halaman "mengenai" dan tambahkan pautan navigasi.

Buat templat "tentang":

app/templates/about.html

{% extends "layout.html" %}

{% block content %}
  <h2>About</h2>
  <p>This is the About page.</p>
{% endblock %}
Salin selepas log masuk
UPDATE

Untuk memasukkan laluan halaman: routes.py

app/routes.py

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def home():
  return render_template('home.html')

@app.route('/about')
def about():
  return render_template('about.html')

if __name__ == '__main__':
  app.run(debug=True)
Salin selepas log masuk
Tambah pautan navigasi ke

: (kandungan tetap sama) layout.html

Tambahkan gaya navigasi ke

: (kandungan tetap sama) main.css

Sekarang, anda boleh mengakses halaman mengenai

. http://localhost:5000/about

Kesimpulan

Tutorial ini menunjukkan aplikasi flask asas, yang menggambarkan aliran kerja berskala untuk membina aplikasi web yang lebih kompleks. Kesederhanaan dan kuasa Flask menjadikannya pilihan yang sangat baik untuk pelbagai projek pembangunan web.

Atas ialah kandungan terperinci Pengenalan kepada Rangka Kerja Kotak Python. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan