1

我将 userFrosting 用于我的登录系统，我无法包含css文件。我用了这段代码

{% block stylesheets %}
{{ parent() }}

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

或者这个；

{% block stylesheets %}
{{ parent() }}

{{ asset('css/style.css') }}
{% endblock %}

或者这个；

{% block stylesheets %}
{{ parent() }}

<link href="css/style.css" rel="stylesheet">
{% endblock %}

但我无法包含css并且页面显示 Error500 本地主机页面无法正常工作。我怎样才能找出问题所在？以及如何安装资产管理器，用户霜中的控制台在哪里安装资产管理器？

4

1 回答 1

0

您需要将相对路径添加到initialize.php. UserFrosting 0.3.1 有一个基本的资产管理系统，可让您根据资产将出现的页面类型对资产进行分组。

例如，假设您想加载一些 CSS 和 Javascript 库以在所有“分析”页面上呈现图表。要将页面分配给“分析”组，您需要添加{% set page_group = "analytics" %}到页面顶部的 Twig 模板。

然后，您可以在以下位置为“分析”组注册 CSS 和 JS 资产initialize.php：

$app->hook('includes.css.register', function () use ($app){

    ...

    $app->schema->registerCSS("analytics", "supercharts/supercharts.css");
    $app->schema->registerCSS("analytics", "supercharts-custom.css");
});

$app->hook('includes.js.register', function () use ($app){

    ...

    $app->schema->registerJS("analytics", "supercharts/supercharts.js");
});

有几点值得注意：

  • 所有 CSS 资源必须放在 . public/css，所有 JS 资源都必须放在public/js.
  • 组中的资产将随每个页面common一起加载。
  • 您可以使用站点设置中的构建工具来缩小和连接每个页面组中的资产。这将帮助您的网站更快地加载并带来更好的用户体验。您可以在Google Developers了解有关优化客户端资源的更多信息。

请注意，所有这一切都将在 UF4 中发生变化，我们将使用新的资产管理库以及 Node.js 和 Gulp 来执行资产编译/优化。

于 2016-08-23T16:48:41.690 回答