Bagaimana thinkphp merujuk kepada sumber statik (analisis ringkas kaedah)

Dengan perkembangan teknologi Internet, semakin ramai pembangun web mula menggunakan bahasa PHP untuk membangunkan tapak web atau aplikasi mereka sendiri. Antara rangka kerja PHP, ThinkPHP ialah rangka kerja yang sangat popular dan telah digunakan secara meluas dalam banyak projek pembangunan.

Semasa proses pembangunan, selalunya perlu menggunakan beberapa sumber statik, seperti gaya CSS, skrip JavaScript, imej, dsb. Artikel ini akan memberi tumpuan kepada cara merujuk sumber statik dalam rangka kerja ThinkPHP.

1. Definisi sumber statik

Apa yang dipanggil sumber statik biasanya merujuk kepada sumber yang tidak memerlukan pemprosesan bahagian pelayan, seperti CSS, JS, gambar, dsb. Mereka sering diletakkan dalam folder statik aplikasi web dan diakses terus oleh penyemak imbas, sekali gus meningkatkan kelajuan akses halaman.

Dalam ThinkPHP, kami biasanya meletakkan sumber statik dalam direktori awam. Dalam projek bersaiz kecil dan sederhana, kami mungkin tidak perlu mengkonfigurasi hos maya atau pecutan CDN dan boleh menggunakan direktori ini secara langsung Walau bagaimanapun, dalam beberapa projek berskala besar, untuk meningkatkan kelajuan akses pengguna, kami juga perlu melakukan yang berkaitan pengoptimuman.

2. Sumber gaya rujukan

Dalam pembangunan bahagian hadapan, fail gaya CSS sering digunakan. Kita boleh menggunakan gaya ini dalam halaman, atau merujuk fail gaya CSS melalui pengepala halaman. Dalam ThinkPHP, kami boleh merujuk sumber gaya CSS melalui langkah berikut:

1. Buat fail CSS baharu dan letakkan fail dalam direktori awam Contohnya, kami mencipta fail test.css baharu dalam direktori awam. Kod berikut ditakrifkan di dalamnya:

body {
    background-color: #f5f5f5;
}

2. Rujuk fail CSS dalam halaman html, kodnya adalah seperti berikut:

<link rel="stylesheet" href="/public/test.css">

Terangkan kod di atas, Antaranya, rel="stylesheet" menunjukkan bahawa ini ialah fail gaya, dan href="/public/test.css" menunjukkan laluan fail gaya. Dalam ThinkPHP, "/public" mewakili direktori awam, ","test.css" mewakili nama fail tertentu.

3. Rujukan sumber skrip JavaScript

JavaScript adalah satu kemestian dalam pembangunan Web Salah satu bahasa, rangka kerja ThinkPHP juga boleh merujuk sumber skrip JavaScript dengan mudah Berikut ialah contoh:

1. Buat fail JavaScript dan letakkan fail dalam direktori awam Sebagai contoh, kami mencipta yang baharu satu dalam direktori awam. test.js, kod berikut ditakrifkan di dalamnya:

function hello() {
    alert('Hello World!');
}

2. Skrip JavaScript dirujuk dalam halaman html, kodnya adalah seperti berikut:

<script src="/public/test.js"></script>

Terangkan kod di atas, antaranya, src="/public/test.js" mewakili laluan fail skrip

4 🎜>

Dalam pembangunan web, sumber imej juga sangat biasa digunakan seperti imej latar belakang, LOGO, dsb. di halaman ini:

Letakkan fail imej direktori awam. Contohnya, kami mencipta fail logo.png baharu dalam direktori awam 🎜>
1. Rujuk imej dalam halaman html, kodnya adalah seperti berikut:

Terangkan kod di atas, dengan src="/public/logo.png" mewakili laluan fail imej Atribut alt menunjukkan bahawa apabila imej tidak dapat dipaparkan, gantikan perihalan teks imej secara ringkasnya, saya fikir ia tidak sangat sukar untuk merujuk sumber statik dalam rangka kerja ThinkPHP Anda hanya perlu membuat yang baru dalam direktori awam Fail yang sepadan boleh dirujuk dalam halaman html Pada masa yang sama, kita juga perlu memberi perhatian kepada penggunaan laluan relatif dan laluan mutlak, yang boleh menjejaskan kelajuan pemuatan halaman dan juga boleh menjejaskan rujukan fail JS atau CSS lain

<img src="/public/logo.png" alt="MyLogo">

Atas ialah kandungan terperinci Bagaimana thinkphp merujuk kepada sumber statik (analisis ringkas kaedah). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!