Rumah >pembangunan bahagian belakang >Tutorial Python >Menyelam jauh ke dalam templat flask
Menyelam jauh ke dalam templat flask
- Christopher Nolanasal
- 2025-02-16 11:36:17831semak imbas
Artikel ini menyediakan panduan komprehensif untuk template flask, meliputi kepentingan, faedah, dan aplikasi praktikal. Kami akan meneroka membuat dan membuat templat, menggunakan warisan dan susun atur templat, bekerja dengan pembolehubah dan struktur kawalan, borang pengendalian dan input pengguna, menggunakan penapis terbina dalam dan tersuai, menguruskan fail statik dan media, dan melaksanakan teknik template maju. Sama ada anda pemula atau pemaju flask yang berpengalaman, penerokaan yang mendalam ini akan meningkatkan pemahaman dan kemahiran anda dalam membina antara muka web yang dinamik dan visual. (Nota: pemahaman asas kelalang diandaikan.)
Mengapa menggunakan templat flask?
Templat flask adalah penting untuk kod yang berstruktur, boleh dipelihara, dan boleh diguna semula. Dengan memisahkan persembahan (UI) dari logik aplikasi, mereka memudahkan kemas kini UI tanpa mengubah kod backend. Pemisahan ini meningkatkan kerjasama antara pemaju dan pereka. Faedah utama termasuk:
- kebolehbasa semula kod: Buat komponen yang boleh diguna semula (tajuk, footer, navigasi) untuk UI yang konsisten di beberapa halaman.
- Pembacaan yang lebih baik: Pemisahan bersih kod HTML dan Python meningkatkan pemahaman dan pemeliharaan.
- kemudahan penyelenggaraan: kemas kini logik atau templat secara bebas tanpa menjejaskan yang lain.
- fleksibiliti: mudah lulus data ke dan dari templat untuk penjanaan kandungan dinamik.
membuat dan membuat template
Templat flask tinggal di direktori dalam direktori akar aplikasi anda. Flask menggunakan enjin templat Jinja2, menyokong pelbagai sambungan (templates, .html, .svg, dan lain -lain). Kami akan memberi tumpuan kepada .csv. .html
<code>my_app/
├── app.py
└── templates/
└── index.html</code> template mudah: index.html
<code class="language-html"><!DOCTYPE html> <title>Index</title> <h1>Welcome</h1> <p>This is the index page.</p> </code>rendering dengan fungsi
Flask: render_template()
<code class="language-python">from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run()</code> warisan dan susun atur template
Pewarisan Jinja2 membolehkan membuat template asas dengan unsur -unsur biasa (header, footer, navigasi) dan memperluaskannya dalam templat kanak -kanak.
Template Base (): base.html
<code class="language-html"><!DOCTYPE html>
<title>{% block title %}{% endblock %}</title>
<nav></nav>
<div class="content">
{% block content %}{% endblock %}
</div>
</code> template kanak -kanak (): home.html
<code class="language-html">{% extends 'base.html' %}
{% block title %}Home - My Website{% endblock %}
{% block content %}
<h1>Welcome to My Website</h1>
<p>This is the home page content.</p>
{% endblock %}</code> pembolehubah templat dan struktur kawalan
Lulus data dari flask ke templat menggunakan argumen kata kunci atau kamus konteks. Pembolehubah akses dalam templat menggunakan render_template(). {{ variable_name }}
Pembolehubah lulus:
<code class="language-python">return render_template('template.html', name="Alice", age=30)</code> Menggunakan pembolehubah dalam : template.html
<code>my_app/
├── app.py
└── templates/
└── index.html</code>
Struktur kawalan (jika/lain, untuk gelung):
<code class="language-html"><!DOCTYPE html> <title>Index</title> <h1>Welcome</h1> <p>This is the index page.</p> </code>
konteks templat dan pembolehubah global
Konteks templat mengandungi pembolehubah yang tersedia untuk templat. Flask menyediakan request, session, config, url_for(), dan g (untuk pembolehubah global). Gunakan g untuk berkongsi data merentasi permintaan:
<code class="language-python">from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run()</code>
Borang Templat dan Input Pengguna
Penapis terbina dalam dan tersuai
Jinja2 menawarkan penapis terbina dalam (mis.,, upper, lower). Buat penapis tersuai untuk melanjutkan fungsi: capitalize
<code class="language-html"><!DOCTYPE html>
<title>{% block title %}{% endblock %}</title>
<nav></nav>
<div class="content">
{% block content %}{% endblock %}
</div>
</code> Bekerja dengan fail statik dan media
Simpan fail statik (CSS, JS, imej) dalam direktori. Gunakan static untuk menjana URL untuk fail ini dalam templat. url_for('static', filename='...')
Teknik Templat Lanjutan
Kemasukan template
- (
- menggunakan semula komponen biasa.
{% include 'partial.html' %}macros ( ): - Buat blok kod yang boleh diguna semula dalam templat.
{% macro my_macro(arg) %}{% endmacro %}ujian templat dan debugging: Gunakan tag - (untuk pembangunan) dan ujian menyeluruh untuk mengenal pasti dan memperbaiki isu -isu.
{% debug %} Kesimpulan
Menguasai templat flask adalah kunci untuk membina aplikasi web yang mantap dan boleh dipelihara. Dengan menggunakan teknik yang dibincangkan secara berkesan, anda boleh membuat antara muka web dinamik, mesra pengguna, dan visual yang menarik. Ingatlah untuk berunding dengan dokumentasi Flask dan Jinja2 untuk butiran lanjut dan ciri -ciri canggih.
Atas ialah kandungan terperinci Menyelam jauh ke dalam templat flask. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!