Как я могу получить доступ к переменной публично в Laravel

Question

У меня есть проект в Laravel, и я хочу показать статью из моей базы данных в index.blade

поэтому в Controller я получаю статью и сохраняю ее в переменной проблема заключается в следующем: изображение этой статьи не находится в index.blade и находится в css в общедоступном каталоге, поэтому как я могу изменить его для того изображения, которое я получил из базы данных? в моем файле CSS вы можете увидеть это изображение как URL

Контроллер

 public function home(Request $request)
{
    $headerIntroduction=Category::where('name','معرفی کسب و کار')->get()->first()->articles()->get()->values()[1];


    return view('app.index',compact('headerIntroduction'));

css

#slider-section, #home-section{
background-image:url(../../images/app/slider/1.jpg);
background-repeat:no-repeat;
background-size:cover;
background-color:#282f1f;
position:relative;
color:#fff;
padding: 130px 0;

}

Answer 1

Вы должны иметь свой css для beackground-image в файле balde.

<style>
#slider-section, #home-section{
background-image:url({{$headerIntroduction->image}});
background-repeat:no-repeat;
background-size:cover;
background-color:#282f1f;
position:relative;
color:#fff;
padding: 130px 0;
}
</style>

Здесь image - это имя столбца в вашей таблице БД.

Answer 2

Вы можете использовать переменные в шаблонах лезвий Laravel, только если вы говорите о части вида.Поэтому использование этой переменной в файле css невозможно.

Если вы все еще хотите использовать ее.Затем вы должны использовать ваши стили, для которых нужны ваши переменные в теге style (<style>css</style>, обычно называемом встроенным CSS) в вашем файле index.blade.php (или любом блейд-файле).

Я предполагаю, что изображение 1.jpg файл приходит с вашего article, тогда почему бы вам не использовать приведенный ниже код.

<style>
 .backgroundclass
 {
  background-image:url(../../images/app/slider/{{your-article-variable}});
  background-repeat:no-repeat;
  background-size:cover;
  background-color:#282f1f;
  position:relative;
  color:#fff;
  padding: 130px 0;
  }
</style>