{"id":791,"date":"2025-06-11T23:46:15","date_gmt":"2025-06-11T15:46:15","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/php\/php-application-manual\/laravel\/791.html"},"modified":"2025-06-11T23:46:15","modified_gmt":"2025-06-11T15:46:15","slug":"laravel%ef%bc%9a%e5%a6%82%e4%bd%95%e5%9c%a8blade%e6%a8%a1%e6%9d%bf%e4%b8%ad%e5%8c%85%e5%90%ab%e4%b8%80%e4%b8%aahtml%e6%96%87%e4%bb%b6","status":"publish","type":"my1js","link":"https:\/\/www.zhaozhao123.cn\/php\/my1js\/791.html","title":{"rendered":"Laravel\uff1a\u5982\u4f55\u5728Blade\u6a21\u677f\u4e2d\u5305\u542b\u4e00\u4e2aHTML\u6587\u4ef6"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
\r\n
\r\n

在 Laravel 中，你可以通过多种方式将 HTML 文件包含到 Blade 模板中。以下是几种常见的方法：<\/p>\n

方法一：使用 include<\/code>指令<\/h3>\n

include<\/code> 指令用于包含另一个 Blade 模板。<\/p>\n

@include('path.to.your.template')<\/code><\/pre>\n
例如，如果你有一个名为 header.blade.php<\/code> 的模板文件，并且你想在主模板中包含它，可以这样做：<\/p>\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>@yield('title')<\/title>\n<\/head>\n<body>\n    @include('header')\n\n    <!-- 主内容 -->\n    <div class=\"content\">\n        @yield('content')\n    <\/div>\n\n    @include('footer')\n<\/body>\n<\/html><\/code><\/pre>\n
然后在子模板中定义 title<\/code> 和 content<\/code>：<\/p>\n
@extends('layout')\n\n@section('title', 'Home Page')\n\n@section('content')\n    <h1>Welcome to the Home Page<\/h1>\n    <p>This is the main content of the page.<\/p>\n@endsection<\/code><\/pre>\n
方法二：使用 render<\/code> 方法<\/h3>\n
render<\/code> 方法允许你在控制器中渲染一个 Blade 模板并将其返回给视图。<\/p>\n
use IlluminateSupportFacadesView;\n\npublic function show()\n{\n    $data = [\n        'title' => 'About Page',\n        'content' => 'This is the about content.'\n    ];\n\n    return view('about', $data);\n}<\/code><\/pre>\n
然后在视图中使用 render<\/code> 方法来包含这个 Blade 模板：<\/p>\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>@yield('title')<\/title>\n<\/head>\n<body>\n    <h1>@yield('title')<\/h1>\n    <p>@yield('content')<\/p>\n\n    @include('partial.footer')\n<\/body>\n<\/html><\/code><\/pre>\n
在控制器中，你可以像这样调用 render<\/code> 方法：<\/p>\n
public function show()\n{\n    $data = [\n        'title' => 'About Page',\n        'content' => 'This is the about content.'\n    ];\n\n    return view('about', compact('data'));\n}<\/code><\/pre>\n
方法三：使用 view<\/code> 方法<\/h3>\n
view<\/code> 方法用于加载和渲染一个 Blade 模板。<\/p>\n
return view('path.to.your.template');<\/code><\/pre>\n
例如，如果你有一个名为 header.blade.php<\/code> 的模板文件，并且你想在主模板中包含它，可以这样做：<\/p>\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>@yield('title')<\/title>\n<\/head>\n<body>\n    {{ view('header') }}\n\n    <!-- 主内容 -->\n    <div class=\"content\">\n        @yield('content')\n    <\/div>\n\n    {{ view('footer') }}\n<\/body>\n<\/html><\/code><\/pre>\n
然后在子模板中定义 title<\/code> 和 content<\/code>：<\/p>\n
@extends('layout')\n\n@section('title', 'Home Page')\n\n@section('content')\n    <h1>Welcome to the Home Page<\/h1>\n    <p>This is the main content of the page.<\/p>\n@endsection<\/code><\/pre>\n
示例代码<\/h3>\n
以下是一个完整的示例，展示了如何在 Laravel 中包含一个 HTML 文件：<\/p>\n
main.blade.php<\/strong><\/p>\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Main Page<\/title>\n<\/head>\n<body>\n    <h1>Main Page<\/h1>\n    <p>This is the main content of the page.<\/p>\n\n    @include('partials.header')\n    @include('partials.content')\n    @include('partials.footer')\n<\/body>\n<\/html><\/code><\/pre>\n
partials\/header.blade.php<\/strong><\/p>\n
<header>\n    <nav>\n        <ul>\n            <li><a href=\"\/\">Home<\/a><\/li>\n            <li><a href=\"\/about\">About<\/a><\/li>\n        <\/ul>\n    <\/nav>\n<\/header><\/code><\/pre>\n
partials\/content.blade.php<\/strong><\/p>\n
<main>\n    <section>\n        <h2>About Us<\/h2>\n        <p>This is the content of the about section.<\/p>\n    <\/section>\n<\/main><\/code><\/pre>\n
partials\/footer.blade.php<\/strong><\/p>\n
<footer>\n    <p>&copy; 2023 My Website. All rights reserved.<\/p>\n<\/footer><\/code><\/pre>\n
通过这些方法，你可以在 Laravel 中灵活地包含 HTML 文件到你的 Blade 模板中。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
\r\n
\r\n
\r\n
\r\n
\r\n
\"黑板Bug讲师\"<\/figure>\r\n\r\n\r\n\r\n
黑板Bug讲师<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
\r\n
\r\n
介绍<\/h2>
Laravel的Blade模板引擎是为Web开发人员提供动态内容的强大工具，通过使用非常易读和灵活的语法将其嵌入到网页中。Blade的一个重要功能是能够包括HTML文件到您的Blade模板中。这模块化了视图，使代码更可重用且更容易维护。在本教程中，我们将逐步介绍如何有效地在Blade模板中包含HTML文件，以及利用Blade的各种标记和组件来最大化代码效率和可读性。<\/p>
理解Blade的文件包含<\/h2>
Blades@include<\/code>指令通常是你在包括HTML文件到Blade模板时会使用最频繁的功能。这个指令允许你在另一个Blade视图（一个使用.blade.php文件扩展名的HTML文件）中包含Blade视图的内容。简单来说，它就像复制粘贴视图中的内容，而不需要重复代码。<\/p>
步骤式说明<\/h2>
步骤1：创建基础Blade模板<\/h3>
首先，创建一个基本的Blade模板，该模板可以包含其他模板。我们将其命名为“主模板”。<\/p>
<!-- resources\/views\/layouts\/master.blade.php -->\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <title>My Application<\/title>\r\n<\/head>\r\n<body>\r\n    <header>\r\n        <!-- Header content -->\r\n    <\/header>\r\n\r\n    @yield('content')\r\n\r\n    <footer>\r\n        <!-- Footer content -->\r\n    <\/footer>\r\n<\/body>\r\n<\/html>\r\n<\/code><\/pre>
步骤2：创建部分刀片模板<\/h3>
部分视图本质上就是HTML片段，你可以将其包含在其他视图中使用。接下来，请创建一个Blade模板。<\/p>
<!-- resources\/views\/partials\/navbar.blade.php --> \n\n<nav> \n   <!-- Your navigation links --> \n<\/nav><\/code><\/pre>
步骤3：在主模板中包含部分。<\/h3>
要将此部分包含在主Blade模板中，请使用@include<\/code>在主控中包含一个指令。<\/p>
<!-- Add inside the <body> tag of your master template --> @include('partials.navbar')<\/code><\/pre>
扩展主布局<\/h4>
在包括部分时很有用，但您通常希望设计您的布局，使得页面上的某些区域或部分可以由特定视图来填充。在Blade中，您可以通过以下方式实现这一点：@yield<\/code>在您的主布局内，有一个指令。@section<\/code>在你的子视图中，请添加一个 directive。<\/p>
从我们之前创建的主布局中，你可以注意到@yield('content')<\/code>该指令告诉Blade，名为“content”的部分将会填充从子视图获取的内容。<\/p>
使用节插入内容<\/h4>
创建一个新的Blade模板，该模板扩展了主布局。@extend<\/code>指令，定义“内容”部分的内容。<\/p>
<!-- resources\/views\/pages\/home.blade.php -->\r\n\r\n@extends('layouts.master')\r\n\r\n@section('content')\r\n    <!-- Your home page content -->\r\n@endsection\r\n<\/code><\/pre>
步骤 4：包含一个纯 HTML 文件<\/h3>
在某些情况下，您可能需要包含一个不使用Blade语法的纯HTML文件。由于Blade模板被编译为普通的PHP代码，您可以使用PHP的内置功能来包括原始的HTML文件。include<\/code>哦。require<\/code>好的，请提供需要翻译的内容。<\/p>
要包含一个纯HTML文件，请在Blade视图内启用PHP，然后使用include函数：<!–resources\/views\/pages\/about.blade.php->@extends(‘layouts.master’)@section(‘content’)<?php include ‘path-to-your-html-file.html’;?>@endsection<\/p>
结论<\/h2>
包括在Blade模板中的HTML最有效地使用了Blade语法，这与Laravel优雅的语法和结构完美和谐。 Blade的@include<\/code>好的，请提供需要翻译的内容。@yield<\/code>好的，请提供需要翻译的内容。@section<\/code>和你一样。@extend<\/code>指导方针允许您创建一个高度可维护和重用的代码库。同时，请记住，在Blade环境中，纯PHP功能仍然存在，这意味着您可以始终使用传统PHP方法（例如）作为替代方案。include<\/code>我们希望这个教程有助于更好地理解在Laravel Blade模板中包含HTML的内容，并鼓励您有效地构建模板！<\/p><\/body>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
\r\n
\r\n
\r\n
\r\n
\r\n
\"长工码奴1523\"<\/figure>\r\n\r\n\r\n\r\n
长工码奴1523<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
\r\n
\r\n
要在 Laravel 项目中使用 Blade 模板，并将 HTML 文件包含到其中，你可以通过以下方式实现：<\/p>\n
步骤1: 创建 HTML 文件<\/h3>\n
首先，你需要创建一个 HTML 文件，例如 example.html<\/code>。这可以是任何你想在页面上显示的内容。<\/p>\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Example Page<\/title>\n<\/head>\n<body>\n    <h1>Welcome to the Example Page!<\/h1>\n<\/body>\n<\/html><\/code><\/pre>\n
步骤2: 在 Laravel 中引入 HTML 文件<\/h3>\n
接下来，在你的 Laravel 视图控制器或 Blade 模板中，使用 @include<\/code> 或 {{ include('path\/to\/your\/file') }}<\/code> 来包括这个 HTML 文件。<\/p>\n
示例：<\/h4>\n
假设我们有一个名为 views\/index.blade.php<\/code> 的视图控制器，并且我们希望在其中包含 example.html<\/code> 文件的内容。<\/p>\n
    \n
  1. \n
    首先，在 app\/Http\/views<\/code> 目录下创建一个新的视图控制器：<\/p>\n
    mkdir views\ncd views\ntouch index.blade.php<\/code><\/pre>\n<\/li>\n
  2. \n
    然后，在 index.blade.php<\/code> 中添加如下代码来包括 example.html<\/code>：<\/p>\n
    @yield('content')<\/code><\/pre>\n
    这里的 @yield('content')<\/code> 是一个特殊的标记，用于允许你在模板中插入其他部分的输出。在这里，我们将这部分的输出设置为 example.html<\/code>。<\/p>\n<\/li>\n
  3. \n
    接下来，在你的 Laravel 控制器中调用 @yield('content')<\/code> 来包含 example.html<\/code>。<\/p>\n
    public function show($id)\n{\n   return view('index', [\n       'content' => $this->getContentForPost($id),\n   ]);\n}\n\nprivate function getContentForPost(int $id): array\n{\n   \/\/ 假设这是从数据库获取内容的方法\n   return [\n       'name' => 'John Doe',\n       'email' => 'john@example.com',\n       'post' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',\n   ];\n}<\/code><\/pre>\n<\/li>\n
  4. \n
    最后，在实际应用中，确保在你的 web.php<\/code> 或 routes\/web.php<\/code> 中正确注册了视图控制器和路由。例如，如果你使用的是 Route::view()<\/code> 而不是 View::make()<\/code>, 就需要这样做：<\/p>\n
    Route::get('\/example-page', function () {\n   return view('index');\n})->name('example-page');<\/code><\/pre>\n<\/li>\n<\/ol>\n
    现在，当你访问 \/example-page<\/code> 时，Laravel 会自动加载并执行 example.html<\/code> 文件中的内容。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
    Bug编译狮 在 Laravel 中，你可以通过多种方式将 HTML 文&#202..<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"template":"","meta":{"_acf_changed":false},"tags":[],"my1js2nav":[44],"tuisongtax":[],"class_list":["post-791","my1js","type-my1js","status-publish","hentry","my1js2nav-laravel"],"acf":{"qian_art_seotitle":"","qian_art_seotitle_source":{"label":"SEO\u6807\u9898","type":"text","formatted_value":""},"qian_art_seokws":"","qian_art_seokws_source":{"label":"SEO\u5173\u952e\u8bcd","type":"text","formatted_value":""},"qian_art_stzhong":"","qian_art_stzhong_source":{"label":"\u4e2d | \u77ed\u6807\u9898","type":"text","formatted_value":""}},"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/my1js\/791","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/my1js"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/types\/my1js"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/media?parent=791"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/tags?post=791"},{"taxonomy":"my1js2nav","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/my1js2nav?post=791"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/tuisongtax?post=791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}