ホームページ > PHPフレームワーク > ThinkPHP > TP5.1 では、CSS ファイルと JS ファイルがパブリックに導入されています

TP5.1 では、CSS ファイルと JS ファイルがパブリックに導入されています

善始善终
リリース: 2020-08-04 16:10:41
オリジナル
4012 人が閲覧しました

最近ニュースバックグラウンド管理システムを開発しています。使用したテンプレートは x-admin2.0 です。フレームワークは ThinkPHP5.1 バージョンをベースに開発しています。開発過程で CSS と JS ファイルを導入する方法は次のとおりです。パズル。そこで今回はCSSとJSファイルの導入方法についてお話します。

CSS スタイルと JS を導入する前に、まずブラウザーで実行されるログイン インターフェイスの効果を見てみましょう。

TP5.1 では、CSS ファイルと JS ファイルがパブリックに導入されています

F12 を押してソース コードを表示すると、導入したスタイルが見つからないため、ファイルをインポートできないというエラーが表示されます。エラーは次のように表示されます:

TP5.1 では、CSS ファイルと JS ファイルがパブリックに導入されています

CSS スタイルと JS スタイルを導入するにはどうすればよいでしょうか?

1. テンプレートに必要な JS と CSS について話しましょう。静的パブリック エントリ ファイルの下に、バックグラウンドに必要な CSS ファイルと JS ファイルを保存する新しいフォルダーを作成します。ここでは、それに名前を付けました。管理者。

2. public エントリ ファイルの下にあるindex.php ファイルを開き、そのファイルの下に定数を定義します。

(1) ローカル プロジェクトの追加:define('SITE_URL', 'http://127.0.0.1/プロジェクト名');

(2) オンライン プロジェクト:define('SITE_URL ' ,'http://'.$_SERVER['HTTP_HOST']);

ローカル プロジェクトを例として取り上げます:

<?php // +---------------------------------------------------------------------- // | ThinkPHP [ WE CAN DO IT JUST THINK ] // +---------------------------------------------------------------------- // | Copyright (c) 2006-2018 http://thinkphp.cn All rights reserved. // +---------------------------------------------------------------------- // | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 ) // +---------------------------------------------------------------------- // | Author: liu21st <liu21st@gmail.com> // +----------------------------------------------------------------------  // [ 应用入口文件 ] namespace think;  // 加载基础文件 require __DIR__ . &#39;/../thinkphp/base.php&#39;;  define(&#39;SITE_URL&#39;, &#39;http://127.0.0.1:8080/student&#39;); // 支持事先使用静态方法设置Request对象和Config对象  // 执行应用并响应 Container::get(&#39;app&#39;)->run()->send();
ログイン後にコピー

3 を使用することをお勧めします。 config フォルダーの .php テンプレート エンジン ファイルに、次のコードを追加します (インポートする必要があるファイルのパスを入力します)

//模板参数替换 &#39;tpl_replace_string&#39; => [     &#39;__STATIC__&#39; => SITE_URL.&#39;/public/static&#39;,  ],
ログイン後にコピー

実際の状況に応じて設定することもできます。 ThinkPHP5.1 完全開発マニュアルを参照してください: https://www.php.cn/xiazai/shouce/1502

注: これらを config の template.php の下に追加します。 、パスは独自の Apache に従って定義されます。これは非常に重要です。インターネット上の他の人は、Apache ルート ディレクトリをパブリックに設定しているため、静的から開始すると言っているため、落とし穴にはまらないように注意してください。

4. ログインインターフェースのコードを開き、head部分のコードを以下のように変更します。

TP5.1 では、CSS ファイルと JS ファイルがパブリックに導入されています

5. 訪問して効果を確認してください。

TP5.1 では、CSS ファイルと JS ファイルがパブリックに導入されています

関連する推奨事項:

thinkphp ビデオ チュートリアル

以上がTP5.1 では、CSS ファイルと JS ファイルがパブリックに導入されていますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート