現在的網站開發已經無法滿足只使用 HTML 和 JavaScript 兩種語言的情況,因為 CSS 已經成為了前端必不可少的一份子。而 ThinkPHP5 的資源管理方式則是讓我們更加方便的管理 CSS 文件。
首先,我們需要將 CSS 文件上傳到 public/static/css 目錄下,然后在我們的模板文件中使用以下代碼:
<link rel="stylesheet" type="text/css" href="<?php echo $this->assentUrl('static/css/main.css'); ?>">
值得注意的是,我們需要使用 $this->assentUrl 方法來生成正確的鏈接,否則在 url 中可能會包含 index.php,導致找不到文件。
除了這種直接引用的方式,我們還可以在控制器中使用 $this->assign 方法將 CSS 文件作為變量傳遞到前端頁面中。例如:
$this->assign('css', 'static/css/main.css');
然后在模板中使用:
<link rel="stylesheet" type="text/css" href="<?php echo $this->assentUrl($css); ?>">
這種方式可以讓我們更加動態地控制頁面的樣式。
總的來說,TP5 的資源管理系統為網站開發帶來了更多的便利,讓我們更加方便地管理和使用 CSS 文件。
下一篇tp5如何引用css