Menyelam jauh ke dalam templat flask
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> mudah: index.html
<!DOCTYPE html> <html> <head> <title>Index</title> </head> <body> <h1 id="Welcome">Welcome</h1> <p>This is the index page.</p> </body> </html>
Flask: render_template()
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run()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
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}{% endblock %}</title>
</head>
<body>
<nav></nav>
<div class="content">
{% block content %}{% endblock %}
</div>
</body>
</html> template kanak -kanak (): home.html
{% extends 'base.html' %}
{% block title %}Home - My Website{% endblock %}
{% block content %}
<h1 id="Welcome-to-My-Website">Welcome to My Website</h1>
<p>This is the home page content.</p>
{% endblock %}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:
return render_template('template.html', name="Alice", age=30) Menggunakan pembolehubah dalam : template.html
<code>my_app/
├── app.py
└── templates/
└── index.html</code>Struktur kawalan (jika/lain, untuk gelung):
<!DOCTYPE html> <html> <head> <title>Index</title> </head> <body> <h1 id="Welcome">Welcome</h1> <p>This is the index page.</p> </body> </html>
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:
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run() 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
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}{% endblock %}</title>
</head>
<body>
<nav></nav>
<div class="content">
{% block content %}{% endblock %}
</div>
</body>
</html>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!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Bagaimana untuk mengelakkan dikesan oleh penyemak imbas apabila menggunakan fiddler di mana-mana untuk membaca lelaki-dalam-tengah?
Apr 02, 2025 am 07:15 AM
Cara mengelakkan dikesan semasa menggunakan fiddlerevery di mana untuk bacaan lelaki-dalam-pertengahan apabila anda menggunakan fiddlerevery di mana ...
Bagaimana untuk mengendalikan parameter pertanyaan senarai yang dipisahkan koma di FastAPI?
Apr 02, 2025 am 06:51 AM
Fastapi ...
Bagaimana menyelesaikan masalah kebenaran apabila menggunakan perintah Python -version di Terminal Linux?
Apr 02, 2025 am 06:36 AM
Menggunakan Python di Terminal Linux ...
Bagaimana Mengajar Asas Pengaturcaraan Pemula Komputer Dalam Kaedah Projek dan Masalah Dikemukakan Dalam masa 10 Jam?
Apr 02, 2025 am 07:18 AM
Bagaimana Mengajar Asas Pengaturcaraan Pemula Komputer Dalam masa 10 jam? Sekiranya anda hanya mempunyai 10 jam untuk mengajar pemula komputer beberapa pengetahuan pengaturcaraan, apa yang akan anda pilih untuk mengajar ...
Sambungan Python Asyncio Telnet diputuskan dengan segera: Bagaimana menyelesaikan masalah menyekat pelayan?
Apr 02, 2025 am 06:30 AM
Mengenai Pythonasyncio ...
Bagaimana untuk mendapatkan data berita yang melangkaui mekanisme anti-crawler Investing.com?
Apr 02, 2025 am 07:03 AM
Memahami Strategi Anti-Crawling of Investing.com Ramai orang sering cuba merangkak data berita dari Investing.com (https://cn.investing.com/news/latest-news) ...
Python 3.6 Memuatkan Ralat Fail Pickle ModulenotFoundError: Apa yang perlu saya lakukan jika saya memuatkan fail acar '__builtin__'?
Apr 02, 2025 am 06:27 AM
Memuatkan Fail Pickle di Python 3.6 Kesalahan Alam Sekitar: ModulenotFoundError: Nomodulenamed ...
Apakah sebab mengapa fail saluran paip tidak dapat ditulis apabila menggunakan crawler scapy?
Apr 02, 2025 am 06:45 AM
Perbincangan mengenai sebab -sebab mengapa fail saluran paip tidak dapat ditulis apabila menggunakan crawler scapy apabila belajar dan menggunakan crawler scapy untuk penyimpanan data yang berterusan, anda mungkin menghadapi fail saluran paip ...
