thinkphp で CSS および JavaScript 変数を設定する方法

1. CSS 変数の設定

1.1 コントローラーでの変数の定義

まず、コントローラーで CSS 変数を定義します。 CSS 変数は、$this->assign() 関数を使用してテンプレート ファイルに割り当てることができます。例:

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

1.2 テンプレート ファイルでの変数の使用

次に、テンプレート ファイルで変数を使用する必要があります。これは、{ $var_name } ステートメントを使用して実現できます。この場合、次のように CSS ファイルで $bg_color 背景色変数を使用できます。

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

1.3 CSS

をビュー ファイルに出力します。 CSSをビューファイルに出力する必要があります。これは、{ volist } ステートメントを使用して実現できます。この例では、次の方法で CSS ファイルを出力できます:

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

2. JavaScript 変数の設定

#2.1 コントローラーで変数を定義

まず、コントローラーに JavaScript 変数を定義します。 JavaScript 変数は、

$this->assign() 関数を使用してテンプレート ファイルに割り当てることができます。例:

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

2.2 テンプレート ファイルでの変数の使用

次に、テンプレート ファイルで変数を使用する必要があります。これは、

{ $var_name } ステートメントを使用して実現できます。この場合、JavaScript ファイルで $user_id ユーザー ID 変数を次のように使用できます。

var userId = { $user_id };

2.3 JavaScript の出力

最後に、JavaScript を出力する必要があります。ビューファイル。これは、

{ volist } ステートメントを使用して実現できます。この場合、次のようにして JavaScript ファイルを出力できます:

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

以上がthinkphp で CSS および JavaScript 変数を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。