将页面布局包括到 Laravel 项目

Question

我的 Laravel 项目的登录页面为我提供了自定义布局。

当我打开代表该特定页面布局的 login.html 文件时，我看到了这样的链接

<!-- Base Css Files -->
        <link href="assets/libs/jqueryui/ui-lightness/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" />
        <link href="assets/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
        <link href="assets/libs/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
...

所以我想我只需要将模板附带的资产文件夹（有所有需要的引导程序、jqueries 等等）复制到我的项目 app\resources\assets 目录

现在，当我将代码从 login.html 复制到我的 login.blade.php 视图并将模板的资产文件夹复制到 app\resources\assets 时，它不起作用。当我打开页面时，它只显示裸 html 代码。

我在链接资产文件夹时做错了什么？

Answer 1

资源文件夹（顾名思义）用于存放资源。如果您不 want/need 到 build/compile/min 您的脚本，那么只需将它们放在 public 文件夹中，这样您就可以从您的模板中访问它们。

你的情况 public/assets/libs...

Answer 2

为了访问资产，您有两种方法来处理它。使用 Elixir/gulp 或使用直接访问。

Gulp 是一个 node.js 应用程序，它可以读取您的资产文件，无论是 JS、CSS、Coffee 等...并将它们合并到单个文件中。 Gulp 读取 gulpfile.js 中定义的文件，您可以使用 elixir() 访问 blade 文件中的输出文件。您可以阅读有关 Elixir 的更多信息 here.

在您的具体情况下，您可以将文件放在 public/ 目录下。所以 Laravel 将 public 视为根目录，如果要读取文件 assets/css/foo.css 只需将文件放在 public/assets/css/foo.css

将页面布局包括到 Laravel 项目

Including page layout to Laravel project

views

laravel

blade