Flask Academy · Pelajaran

Tautkan Aset dengan url_for static

Rujuk CSS dan JS tanpa jalur yang ditulis tetap.

Pelajaran 2 dari 413 langkah

Tautkan Aset dengan url_for static adalah pelajaran Flask Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Flask Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Flask Academy mencakup 4 pelajaran total.

Berhenti Menulis Jalur Secara Manual

Menulis /static/style.css secara manual di setiap templat memang terasa mudah, tetapi rapuh. Flask menyediakan url_for untuk membuat tautan aset bagi Anda. 🔧

Endpoint static

Flask mendaftarkan endpoint bawaan bernama static untuk aset Anda. Anda memintanya melalui url_for, bukan mengetikkan jalur mentah sendiri.

Teruskan Nama File

Panggil url_for dengan endpoint dan argumen nama file. Flask mengembalikan URL yang benar menuju folder static Anda.

url_for("static", filename="style.css")
# -> /static/style.css

Gunakan dalam Templat

Di dalam templat Jinja2, Anda membungkus pemanggilan tersebut dengan kurung kurawal ganda. Tag tautan kemudian menerima href yang dibuat dan selalu benar.

<link rel="stylesheet"
  href="{{ url_for('static', filename='style.css') }}">

Subfolder Juga Berfungsi

Letakkan subjalur langsung di dalam nama file. Garis miring dalam nilai tersebut dipetakan langsung ke folder-folder di dalam static.

url_for("static", filename="css/style.css")
# -> /static/css/style.css

Mengapa Repot-Repot

Jika Anda mengubah static_url_path, setiap tautan url_for akan memperbarui dirinya sendiri. Sebaliknya, jalur yang ditulis manual akan semuanya rusak tanpa pemberitahuan.

Awalan yang Benar secara Otomatis

Saat aplikasi berjalan di bawah subjalur pada server, url_for otomatis menambahkan awalan yang tepat, sehingga tautan tetap berfungsi di mana saja.

Tautkan JavaScript Anda

Pemanggilan yang sama juga menghubungkan skrip. Arahkan tag skrip ke url_for dan JS Anda akan dimuat dari static tanpa jalur yang ditulis manual.

<script src="{{ url_for('static', filename='js/app.js') }}"></script>

Gambar dengan Cara yang Sama

Gambar mengikuti pola yang sama. Berikan nama file kepada url_for dan masukkan hasilnya ke sumber tag img.

<img src="{{ url_for('static', filename='img/logo.png') }}">

Panggil Juga dalam Python

url_for tidak hanya untuk templat. Di dalam tampilan, Anda dapat memanggil url_for untuk menghitung URL aset, lalu mengembalikan atau mencatatnya.

from flask import url_for
link = url_for("static", filename="style.css")

Satu Kebiasaan yang Perlu Dipertahankan

Jadikan ini aturan: setiap tautan aset harus melalui url_for. Penggantian nama, awalan, dan pembaruan cache di masa mendatang akan langsung berfungsi untuk Anda. ✅

Pemeriksaan Singkat

Anda menginginkan tautan bersih ke css/style.css di dalam static. Pemanggilan mana yang benar?

Jawab di pelajaran interaktif

Ringkasan: Menautkan Aset

Sekarang Anda menggunakan url_for dengan endpoint static untuk membuat setiap tautan aset, sehingga jalurnya tetap benar, apa pun perubahan konfigurasinya. 🎯

Gratis untuk memulai

Belajar Python dengan tutor AI — gratis

Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.

Kursus: 30
Pelajaran: 120

Mulai belajar gratis Lihat kursus lengkapnya

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Tautkan Aset dengan url_for static” gratis?

Ya — teks lengkap “Tautkan Aset dengan url_for static” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Flask Academy, upgrade ke CoddyKit PRO. Kursus Flask Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Tautkan Aset dengan url_for static”?

Rujuk CSS dan JS tanpa jalur yang ditulis tetap. Kamu berlatih Flask Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Flask Academy?

Tidak diperlukan pengalaman sebelumnya. Flask Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.

Berapa lama pelajaran “Tautkan Aset dengan url_for static” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Flask Academy ini?

Ya. Setiap pelajaran Flask Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

← Kembali ke Flask Academy