You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Laravel+AdminLTE项目如何全局设置页面标题与标签页图标?

在Laravel+AdminLTE项目中全局配置页面标题与标签页图标

核心思路:利用Laravel的Blade模板继承机制,把标题和图标配置抽离到全局布局文件中,子页面只需按需传递动态标题即可。


1. 修改全局布局文件

找到AdminLTE的主布局文件(通常路径为resources/views/layouts/adminlte.blade.php,具体根据你的项目结构调整),将静态的<title>和<link rel="icon">替换为动态代码:

<!-- 动态页面标题:子页面可自定义,默认显示站点名称 -->
<title>@yield('pageTitle', '你的站点默认名称')</title>

<!-- 全局固定标签页图标:使用Laravel的asset函数确保路径正确 -->
<link rel="icon" href="{{ asset('domain.png') }}">

说明:

  • @yield('pageTitle', '默认名称'):允许子页面通过@section自定义标题,若子页面未定义则显示默认值
  • asset('domain.png'):Laravel的辅助函数,会自动指向public目录下的文件,请将domain.png放到项目根目录的public文件夹中(如果需要分类存放,可放到public/assets/icons/,对应写法为asset('assets/icons/domain.png'))

2. 子页面自定义标题

在需要自定义标题的子页面Blade文件中,先继承全局布局,再通过@section传递标题:

@extends('layouts.adminlte')

<!-- 自定义当前页面标题 -->
@section('pageTitle', 'Domínios - Iniciar Sessão')

<!-- 页面其他内容 -->
<div class="content-wrapper">
    <!-- ... 你的页面代码 ... -->
</div>

可选:动态切换标签页图标

如果需要部分页面使用不同图标,可在布局文件中增加动态逻辑:

<link rel="icon" href="{{ isset($pageIcon) ? asset($pageIcon) : asset('domain.png') }}">

然后在子页面中定义图标路径:

@extends('layouts.adminlte')

@section('pageTitle', 'Domínios - Iniciar Sessão')
@php $pageIcon = 'custom-icon.png'; @endphp

内容的提问来源于stack exchange,提问作者Filipe Cruz

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.09 06:45:34