2016-08-23 61 views
1

我用我的登錄系統userFrosting,我有問題,包括css文件。 我用這個代碼如何爲UserFrosting登錄系統安裝資產管理器?

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

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

or this one;

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

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

or this one;

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

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

,但我不能包括css和頁面顯示Error500 localhost的頁面無法正常工作。我怎樣才能找出最新的問題? 我該如何安裝資產管理器,控制檯在userfrosting中以安裝資產管理器?

+0

請刪除您的其他兩個(重複)問題。 – alexw

回答

0

你會想在initialize.php中添加相對路徑到你的CSS文件。 UserFrosting 0.3.1有一個基本的資產管理系統,可以讓你根據他們將出現的頁面類型對資產進行分組。

例如,假設您想要加載一些CSS和Javascript庫,以在所有「分析」頁面上呈現圖表。要將頁面分配到「分析」組,您可以將{% set page_group = "analytics" %}添加到頁面的樹枝模板的頂部。

然後,您可以在initialize.php的 「分析」 組註冊CSS和JS資產:

$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瞭解有關優化客戶端資源的更多信息。

請注意,這一切都將在四氟化鈾,我們將使用new asset management library,用Node.js和受咕嘟咕嘟一起進行資產編譯/優化來改變。