如何在 laravel 5.4 中使用 style.css 文件?

Posted

技术标签:

【中文标题】如何在 laravel 5.4 中使用 style.css 文件?【英文标题】:How to use style.css files in laravel 5.4? 【发布时间】:2018-08-02 06:02:47 【问题描述】:

在我用 laravel 开发的项目中,我正在尝试通过刀片引擎使用 style.css 文件。但这对我不起作用任何人有更好的主意让我知道。 这是我的代码示例

      <link href=" asset('/css/style.css')" rel="stylesheet" type="text/css">
it's tag is not working but when i'm us following it's working.

      <link href=" asset('public/css/style.css')" rel="stylesheet" type="text/css">

现在我想了解添加 css 文件以及如何包含其他文件的最佳实践。就像我有文件 header.blade.php 它包含所有 css 文件链接现在我想在 home.blade.php 文件中包含 header.blade.php 两个文件在视图目录中。

【问题讨论】:

***.com/a/37507278/1227923 如果您需要在资产路径中包含public/,您做错了。 public 应该是你服务器的 DocumentRoot 如何找到我的错误在哪里? 【参考方案1】:

将您的 css 文件放在 laravel_project/public/css 文件夹中,并使用链接到您的视图中,例如:

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

我想这会对你有所帮助,谢谢。

【讨论】:

我正在尝试此代码和我在 public/css 文件夹中的所有 css 文件,但此代码不起作用。但是当我尝试关注它时它工作正常。 亲爱的 Rana Raheel Tariq 只是尝试查看页面源代码并单击 css 链接并让我知道它是否成功获取文件 您正在使用 php artisan serve 命令的另一件事,或者您只是通过访问公共文件夹来运行您的项目 当我打开 style.css 链接时在源视图中它没有打开。我在主文件夹中复制 .htaccess 文件并直接访问我们的项目 localhost/mylaravelpojectfoldername 亲爱的尝试通过运行 php artisan serve 命令来运行项目,因为如果你想手动访问你的项目,这个 asset('css/style.css') 只能通过这个工作应该使用 current(); ?> 【参考方案2】:

我认为您的 style.css 存储在 public/css 目录中,这就是为什么它允许您提供第二个。

现在你的header.blade.php 保存了你所有的 css 文件,所以如果你有 app.blade.php 或任何布局,你必须在布局中遵循 laravel 的结构,那么它是完美的,否则你必须自己制作

示例 app.blade.php(存储在 views/layout/)

<!DOCTYPE html>
<html>
@include('layouts.partials.header') // path to your header.blade.php
@yield('content')
@include('layouts.partials.footer') // path to your footer.blade.php
</html>

现在这是您的布局,您可以在视图文件中使用您的布局和页眉以及页脚,就像我正在创建一个存储在 views 目录中的 blog_list.blade.php 一样

blog_list.blade.php

@extends('layouts.app') // we are extending app.blade.php
@section('content')
  // here whatever your content
@endsection

更多详情可以在laravel官网laravel-5.4找到

希望对你有帮助。谢谢。

【讨论】:

感谢您的评论我会尝试@include函数 哦……如果有帮助的话,别忘了用赞成票来标记它。

以上是关于如何在 laravel 5.4 中使用 style.css 文件?的主要内容,如果未能解决你的问题,请参考以下文章

如何在Laravel 5.4中使用ask()测试工匠命令

如何在laravel 5.4中强制删除

Laravel 5.4 |如何使用引导文件输入上传图像?

如何在移动应用程序的 Web 服务中使用 Laravel 5.4 验证器

Laravel 5.4 - 如何在 javascript 加载之前使 @section 屈服

如何获取用户选择的按钮值并在 laravel 5.4 的控制器上使用它