120

Laravel の学習を始めたばかりで、コントローラーとルーティングの基本を実行できます。

私の OS は Mac OS X Lion で、MAMP サーバー上にあります。

routes.php からの私のコード:

Route::get('/', function() {
    return View::make('home.index');
});

Route::get('businesses', function() {
    return View::make('businesses.index');
});

Route::get('testing', function() {
    return View::make('testing.index');
});        

Route::get('hello', function() {
    return "<h3>Hello world!</H3>";
});

それは機能し、ビューは完全に表示されますが、私が試してやりたいことは、ビュー内に CSS を含めることです。ディレクトリ内のスタイルシートへのリンクを追加しようとしましたが、ページはそれをデフォルトのブラウザー フォントとして表示しましたCSSはHTMLにありましたが！

これは、views フォルダー内の企業からの index.php です。

<head>
   <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

<p>Business is a varied term. My content here.

他のビュー フォルダー (testing) で Blade テンプレート エンジンを使用して CSS を表示しようとしましたが、testing フォルダーにあるにもかかわらず CSS が表示されませんでした。

このフレームワークをゆっくりと学習しているので、どうすればこの問題を克服し、より良くなることができますか。

4

17 に答える 17

163

アセットをパブリックフォルダーに配置します。例えば：

public/css
public/images
public/fonts
public/js

次に、Laravelを使用してそれらにアクセスするには、次を使用します。

{{ HTML::script('js/scrollTo.js'); }}

{{ HTML::style('css/css.css'); }}

または：

{{ URL::asset('js/scrollTo.js'); }}

{{ URL::asset('css/css.css'); }}

この構文は、正しいパス（たとえば、 `public / js / scrollTo.js'）を自動的に生成します。

于 2012-11-21T18:16:05.450 に答える
42

css ファイルは public フォルダーまたはそのサブフォルダーに属します。

cssを入れるとfe

public/css/common.css

あなたが使うだろう

HTML::style('css/common.css');

あなたのブレードビューでは...

または、Asset クラスhttp://laravel.com/docs/views/assets ...を使用することもできます。

于 2012-11-17T19:07:33.933 に答える
28

また、通常のように単純なリンク タグを記述してから、href attr で次のように使用することもできます。

<link rel="stylesheet" href="<?php echo asset('css/common.css')?>" type="text/css">

もちろん、css ファイルを public/css の下に置く必要があります。

于 2012-11-17T19:41:11.183 に答える
25

これは次の方法で行うことができます。

<link href="{{ asset('/css/style.css') }}" rel="stylesheet">

{{ HTML::style('css/style.css', array('media' => 'print')) }}

Laravelのパブリックフォルダにあるスタイルファイルを検索してレンダリングします。

于 2014-12-21T06:45:26.910 に答える
6

指定したフォルダーにすべてのファイルを公開するだけです。

公開/css
公開/js
公開/画像

次に、通常のhtmlのようにファイルを呼び出すだけです
<link href="css/file.css" rel="stylesheet" type="text/css">

Laravelのどのバージョンでも問題なく動作します

于 2018-03-05T13:03:37.627 に答える
4

css ファイルをパブリック フォルダーに配置します。(public/css/bootstrap-responsive.css) および<link href="./css/bootstrap-responsive.css" rel="stylesheet">

于 2015-05-22T10:59:40.597 に答える
3

含める css または js ファイルを public フォルダーにコピーするか、それらを public/css または public/js フォルダーに保存することができます。

例えば。public ディレクトリの css フォルダーの style.css ファイルを使用している場合は、使用できます

<link rel="stylesheet" href="{{ url() }}./css/style.css" type="text/css"/>

しかし、Laravel 5.2では使用する必要があります

<link rel="stylesheet" href="{{ url('/') }}./css/style.css" type="text/css"/>

public/js フォルダーから JavaScript ファイルを含めたい場合も、かなり簡単です。

<script src="{{ url() }}./js/jquery.min.js"></script>

Laravel 5.2では、使用する必要があります

<script src="{{ url('/') }}./js/jquery.min.js"></script>

この関数url()は、指定されたパスへの完全修飾 URL を生成する laravel ヘルパー関数です。

于 2015-08-20T18:43:27.283 に答える