在 laravel 刀片模板中动态更改每个用户的背景图像

Posted

技术标签:

【中文标题】在 laravel 刀片模板中动态更改每个用户的背景图像【英文标题】:Dynamically change background image of each user in laravel blade template 【发布时间】:2017-06-17 20:24:28 【问题描述】:

我的应用程序中有不同类型的用户,每个用户的墙都有不同类型的背景图像,比如 facebook,但是在这里我很困惑如何动态更改每个用户的背景图像,因为他们的图像名称来自数据库和背景图像类在 css 文件中定义。任何解决方案都将受到高度赞赏,因为我是 laravel 和 php 的新手。谢谢

【问题讨论】:

从 css 文件文件中删除你的背景图像:url() 并将其添加到你的 html 标记中的样式属性中,以便你可以将动态 url 放入其中 【参考方案1】:

至于 laravel Blade 模板引擎代码是这样的

    @if(isset($data->coverphoto))
     <img src="asset('$data->coverphoto')"  title=""  />
    @elseif(empty($data->coverphoto) || $data->coverphoto == null)
     <img src="asset('placeholder.jpg')"  title=""  />
    @endif

首先我们将检查数据是否存在,然后我们将图像作为 img 标签放置另一个选项是我们将使用类似的类

.coverphoto 
background-image: url('<?= (isset($data->coverphoto))?asset('images/') . $data->coverphoto: asset('images/placeholder.jpg') ?>');
         

<div class="coverphoto"> </div>

【讨论】:

以上是关于在 laravel 刀片模板中动态更改每个用户的背景图像的主要内容,如果未能解决你的问题,请参考以下文章

Laravel 路由动态路由控制器到刀片模板

Laravel:有啥方法可以在不编译的情况下加载刀片模板?

在 laravel 中动态创建刀片

在刀片 foreach 循环中使用 JS 动态更改 div CSS 背景

如何在 laravel 刀片模板中使用 JSON 数据进行模型绑定?

Laravel:在刀片模板中调用静态函数