Bootstrap 导航栏品牌中的Laravel动态页面标题

rggaifut  于 2022-12-08  发布在  Bootstrap
关注(0)|答案(5)|浏览(155)

我有layouts.app.blade.php,其中有我的<html><body>标签,还有<nav>
<body>中,我为每个页面生成内容,所以他们基本上扩展了这个app.blade.php。
所有基本的拉拉威尔的东西,所以现在我有这个:

<div class="navbar-header">
    <!-- Collapsed Hamburger -->
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#spark-navbar-collapse">
        <span class="sr-only">Toggle Navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <!-- Branding Image -->
    <a class="navbar-brand" href="/">
        *Dynamic page title*
    </a>
</div>
// ...
@yield('content')

我想用这个<a class="navbar-brand">来显示我的页面标题,所以这意味着它必须为每个加载到这个'parent.blade.php'中的模板而改变(用@yield('content')。
我如何使用Laravel 5.2完成此操作?
多谢

iq3niunx

iq3niunx1#

如果这是您下面的母版页标题

<html>
<head>
    <title>App Name - @yield('title')</title>
</head>
<body>
    @section('sidebar')
        This is the master sidebar.
    @show

    <div class="container">
        @yield('content')
    </div>
</body>

然后可以在刀片页面中更改页面标题,如下所示

@extends('layouts.master')

@section('title', 'Page Title')

@section('sidebar')
@parent

<p>This is appended to the master sidebar.</p>
@endsection

@section('content')
<p>This is my body content.</p>
@endsection

更多信息请点击此处Laravel Docs

falq053o

falq053o2#

例如,您可以将其传递给视图

控制器

$title = 'Welcome';

return view('welcome', compact('title'));

检视

isset($title) ? $title : 'title';

或php7

$title ?? 'title';

空合并运算符

hiz5n14c

hiz5n14c3#

在主文件中以如下格式定义此标题,如(master.blade.php)

<title>Vendor | @yield('mytitle') </title>

在页面这里所有公司是我的新标题为刀片文件你要动态标题在此页面上

@section('mytitle', 'All Company')
xtupzzrd

xtupzzrd4#

在Laravel 9和PHP 8中,另一个对我有效的方法是在主布局中使用一个 prop 。在我的项目中,我只有一个布局,所以很简单:

<x-layout :title="' - Page Title'">
  <!-- content -->
</x-layout>

然后在layout.blade.php文件中:

@props(['title'])
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Static Title{{$title ?? ""}}</title>
</head>
<body>
  <main>
    {{$slot}}
  </main>
</body>
</html>
amrnrhlw

amrnrhlw5#

在控制器中声明一个名为title的变量,并按如下方式压缩它

public function aboutUs()
    {
        //page title
        $title = 'Project | About Us';
        return view('project.about_us', compact('title'));
    }

在您的视图页面中调用如下变量

<title>{{ $title }}</title>

相关问题