当前位置: 首页 > 知识库问答 >
问题:

在Laravel视图中使用CSS?

魏勇军
2023-03-14

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

我的操作系统是MacOSXLion,它在MAMP服务器上。

我的代码从routes.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中!

这是从视图文件夹中的企业index.php的:

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

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

我尝试在我的“其他视图”文件夹(测试)中使用刀片模板引擎来显示CSS,但是CSS仍然没有显示,尽管它在测试文件夹中!

我如何克服这个问题,并变得更好——因为我正在慢慢学习这个框架。

共有3个答案

戴浩初
2023-03-14

您也可以像平常一样编写一个简单的链接标记,然后在href attr上使用:

<link rel="stylesheet" href="<?php echo asset('css/common.css')?>" type="text/css"> 

当然你需要把你的css文件放在公共/css下

於鸿羲
2023-03-14

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

F. E如果你把CSS放进去

public/css/common.css

你会用

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

在你看来。。。

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

公西博实
2023-03-14

将您的资产放入公用文件夹;例如。:

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')。

 类似资料:
  • 我想创建一个助手(函数)来避免在Laravel 5中的所有视图之间重复代码。该函数应该使用数据库中的数据(雄辩),所以它不能只是一个简单的函数或通用视图编辑器。 理想情况下,它应该是这样的: 其中Helper类使用Eloquent来验证值。我希望避免更改所有控制器。这方面的最佳做法是什么? 更新;我有以下工作原型。该函数搜索文本并将从字典中找到的单词替换为超链接: 我想在视图中的几个文本块和段落中

  • 我在显示管理视图时遇到一个小问题。我搜索了一下,但没有找到好的解决办法。我有一个会议桌,它存储两个不同用户的ID,并根据登录的用户显示记录。 我分配给变量

  • 本文向大家介绍Laravel 视图:简介,包括了Laravel 视图:简介的使用技巧和注意事项,需要的朋友参考一下 示例 MVC模式中的视图包含有关如何向用户呈现数据的逻辑。在Web应用程序中,通常将它们用于生成HTML输出,该HTML输出随每个响应发送回给用户。缺省情况下,Laravel中的视图存储在resources/views目录中。 可以使用viewhelper函数调用视图: 助手的第一个

  • 问题内容: Laravel 4.2 可以选择指定自定义视图,例如: 至少在 Laravel 5 中消失了。 有没有办法在 Laravel 5中 复制此行为? 问题答案: 而在 Laravel 4.2中, 我将使用: 在 Laravel 5中, 您可以复制以下内容: 现在,在包括视图,将有可用的分页方法,如,,,等。 您可以在http://laravel.com/docs/5.0/paginatio

  • 我正在Laravel5.1中创建一个应用程序,它以前工作得很好。我在视图文件中所做的任何更改都会反映在浏览器中。现在,在过去3天中,浏览器中未反映任何更改。 以下是我的视图文件: 主人刀身php 我正在将css文件的名称更改为app。但是当我运行应用程序时,它会显示main。源代码中的css。 我在storage/framework中查找了缓存,它显示了带有旧代码“main”的视图文件。css“我

  • 问题内容: 我已经在SO文档中编写了一个示例,以统一上述问题的答案,但是由于文档将于2017年8月8日关闭,因此,我将遵循这一广受好评和讨论的元答案的建议,并将我的示例转换为自我回答发布。 当然,我也很高兴看到任何其他方法!! 题: 我想在Django Rest Framework项目上使用非通用视图/视图集(例如:)。 当我阅读分页文档时: 仅在使用通用视图或视图集时才自动执行分页。如果您使用的