cari

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

Pengenalan kepada Rangka Kerja Kotak Python

Joseph Gordon-Levitt
Joseph Gordon-Levittasal
2025-02-28 10:23:27488semak imbas

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: 

<code class="language-bash">$ virtualenv --version</code>

jika tidak, pasangnya: 

<code class="language-bash">$ pip install virtualenv</code>

Buat dan aktifkan persekitaran maya: 

<code class="language-bash">$ virtualenv flaskapp
$ cd flaskapp
$ . bin/activate</code>

Sekarang pasang Flask: 

<code class="language-bash">pip install Flask</code>

Struktur Projek

mengatur projek anda seperti berikut dalam direktori flaskapp: 

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

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
  3. . static
    4. HTML yang diberikan dikembalikan kepada penyemak imbas melalui
  4. . 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 

<code class="language-html"><!DOCTYPE html>


<title>Flask App</title>
<link href="%7B%7B%20url_for('static',%20filename='css/main.css')%20%7D%7D" rel="stylesheet">


<div class="container">
  <h1 class="logo">Flask App</h1>
</div>
<div class="container">
  {% block content %}{% endblock %}
</div>

</code>
Seterusnya, buat templat halaman rumah:

app/templates/home.html 

<code class="language-html">{% extends "layout.html" %}

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

: routes.py

app/routes.py 

<code class="language-python">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)</code>
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 

<code class="language-html">{% extends "layout.html" %}

{% block content %}
  <h2>About</h2>
  <p>This is the About page.</p>
{% endblock %}</code>
UPDATE

Untuk memasukkan laluan halaman: routes.py

app/routes.py 

<code class="language-python">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)</code>
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!

Python JavaScript flask css html virtualenv Static if for include Directory using map this display http Access Other
Kenyataan：
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 sebelumnya：Pengenalan kepada Flask: Menambah halaman kenalanArtikel seterusnya：Pengenalan kepada Flask: Menambah halaman kenalan

Artikel berkaitan

Lihat lagi