在 Laravel 视图中使用 CSS？

php frameworks laravel

2022-08-30 07:11:07

我刚刚开始学习Laravel，可以做控制器和路由的基础知识。

我的操作系统是Mac OS X Lion，它位于MAMP服务器上。

我的路由代码.php：

Route::get('/', function() {
    return View::make('home.index');
});

Route::get('businesses', function() {
    return View::make('businesses.index');
});

Route::get('testing', function() {
    return View::make('testing.index');
});        

Route::get('hello', function() {
    return "<h3>Hello world!</H3>";
});

这有效，视图显示完美，“但是”我想尝试做的是在视图中包含CSS，我尝试在目录中添加指向样式表的链接，但页面将其显示为默认浏览器字体，即使css在HTML中！

这是来自视图文件夹中商家的索引.php：

<head>
   <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

<p>Business is a varied term. My content here.

我尝试在其他视图文件夹（测试）中使用刀片模板引擎来显示CSS，但尽管CSS位于测试文件夹中，但CSS仍然没有显示！

我怎样才能克服这个问题，并变得更好 - 因为我正在慢慢学习这个框架。

答案 1

将您的资产放在公用文件夹中;例如：

public/css
public/images
public/fonts
public/js

然后，要使用Laravel访问它们，请使用：

{{ HTML::script('js/scrollTo.js'); }}

{{ HTML::style('css/css.css'); }}

艺术

{{ URL::asset('js/scrollTo.js'); }}

{{ URL::asset('css/css.css'); }}

此语法将自动生成正确的路径（例如，'public/js/scrollTo.js'）。

答案 2

您的 css 文件属于公用文件夹或其子文件夹。

f.e 如果你把你的css放进去

public/css/common.css

你会使用

HTML::style('css/common.css');

在边栏选项卡视图中...

或者，您也可以使用资产类别 http://laravel.com/docs/views/assets...