Bagaimana untuk menetapkan pembolehubah CSS dan JavaScript dalam thinkphp

1. Tetapkan pembolehubah CSS

1.1 Tentukan pembolehubah dalam pengawal

Pertama, takrifkan pembolehubah CSS dalam pengawal. Pembolehubah CSS boleh diberikan kepada fail templat menggunakan fungsi $this->assign(). Contohnya:

$this->assign('bg_color', '#ffffff'); // 将 #ffffff 赋值给 $bg_color

1.2 Menggunakan pembolehubah dalam fail templat

Seterusnya, kita perlu menggunakan pembolehubah dalam fail templat. Ini boleh dicapai dengan menggunakan pernyataan { $var_name }. Dalam kes ini, kita boleh menggunakan $bg_color pembolehubah warna latar belakang dalam fail CSS seperti ini:

body {
    background-color: { $bg_color };
}

1.3 Output CSS dalam fail paparan

Akhir sekali, kita perlu Output CSS masuk. Ini boleh dicapai dengan menggunakan pernyataan { volist }. Dalam contoh ini, kita boleh mengeluarkan fail CSS dengan cara berikut:

<link rel="stylesheet" type="text/css" href="{: url(&#39;home/css&#39;) }">

2. Tetapkan pembolehubah JavaScript

2.1 Tentukan pembolehubah dalam pengawal

Pertama, tentukan pembolehubah JavaScript dalam pengawal. Pembolehubah JavaScript boleh diberikan kepada fail templat dengan menggunakan fungsi $this->assign(). Contohnya:

$this->assign('user_id', 1001); // 将 1001 赋值给 $user_id

2.2 Menggunakan pembolehubah dalam fail templat

Seterusnya, kita perlu menggunakan pembolehubah dalam fail templat. Ini boleh dicapai dengan menggunakan pernyataan { $var_name }. Dalam kes ini, kita boleh menggunakan $user_id pembolehubah ID pengguna dalam fail JavaScript seperti ini:

var userId = { $user_id };

2.3 Output JavaScript dalam fail paparan

Akhir sekali, kita perlu Output JavaScript dalam . Ini boleh dicapai dengan menggunakan pernyataan { volist }. Dalam kes ini, kita boleh mengeluarkan fail JavaScript melalui:

<script type="text/javascript" src="{: url(&#39;home/js&#39;) }"></script>

Atas ialah kandungan terperinci Bagaimana untuk menetapkan pembolehubah CSS dan JavaScript dalam thinkphp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!