thinkphpのcss参照が入ってこない場合はどうすればいいでしょうか?

藏色散人
リリース: 2021-12-27 11:54:33
オリジナル
2206 人が閲覧しました

thinkphp の CSS 参照が入ってこない場合の解決策: 1. js、css、img などのファイルの保存場所を確認する; 2. CSS を参照する方法を「".

thinkphpのcss参照が入ってこない場合はどうすればいいでしょうか?

この記事の動作環境: Windows 7 システム、thinkphp v5.1 バージョン、Dell G3 Computer.

thinkphp の css 参照が入っていない場合はどうすればよいですか?

thinkphp5 は外部 CSS を参照しており、js パスは確かに正しいのですが、なぜそこにあるのでしょうか?応答がありませんか?

午前中ずっと作業した結果、原因がわかったので共有します。 CSS の例で説明しましょう:
1. ご存知のとおり、私たちが作成する js、css、img およびその他のファイルは public/static に配置されます。 :

thinkphpのcss参照が入ってこない場合はどうすればいいでしょうか? 3 つのコードは図に示すとおりです。index.htmlindex.phpindex.css
html

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        p{
            color: red;
        }
    </style>
    <link rel="stylesheet" href="public/static/index.css">
</head>
<body>
<p>{$name}欢迎你</p>
</body>
</html>
ログイン後にコピー

php

<?php
namespace app\index\controller;

class Index
{
    public function index()
    {
    return view(&#39;index&#39;,[
        &#39;name&#39;=>&#39;帅哥&#39;,
    ]);
    }
}
ログイン後にコピー

css

p{
    background-color: #000088;
}
ログイン後にコピー

は次のようになります。上の図の最も一般的なリンクを使用します。問題がないことは誰もが知っています。

次に、ローカル ブラウザにアクセスします。次のようになります。

thinkphpのcss参照が入ってこない場合はどうすればいいでしょうか? リンクが使用されていないことを示す青色の背景はありません
なぜですか? パスが正しく使用されていません ああ?
それで、調べてみると、まず第一に、私が使用している統合ソフトウェアが laragon であることがわかりましたこれは重要ではありません。公開されている

thinkphpのcss参照が入ってこない場合はどうすればいいでしょうか? に設定したルート ディレクトリを投稿し、その後にリンクを投稿します。 に変更すると成功します。

thinkphpのcss参照が入ってこない場合はどうすればいいでしょうか? As図では背景色が表示されています。
結論から言うと、ルートディレクトリの判断が間違っているため CSS が無効になっています。私の説明が皆さんのお役に立てれば幸いです。

推奨される学習: 「

最新の 10 件の thinkphp ビデオ チュートリアル

以上がthinkphpのcss参照が入ってこない場合はどうすればいいでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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