【laravel5.1-0.0.3】【基础2】Blade模板继承简要使用-php教程-PHP中文网

<!DOCTYPE html><html lang="en"><head>    <title>Artilce|标题在此</title>    <meta charset="utf-8">    <meta name="viewport" content="width=device-width, initial-scale=1">    <meta http-equiv="x-ua-compatible" content="ie=edge">    <link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css"></head><body>{{-- 包含页头 --}}@include('article.common.header'){{-- 继承后插入的内容 --}}@yield('content'){{-- 包含页脚 --}}@include('article.common.footer')<script src="http://ajax.useso.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script><script src="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js"></script></body></html>

登录后复制

2.2. 建子视图文件页头和页脚

页头文件 resources/views/article/common/header.blade.php

<nav class="navbar navbar-light bg-faded">        <div class="container">            <a class="navbar-brand" href="#">Articles</a>            <ul class="nav navbar-nav">                    <li class="nav-item active">                        <a class="nav-link" href="/article">首页 <span class="sr-only">(current)</span></a>                    </li>                    <li class="nav-item">                            <a class="nav-link" href="#">写文章</a>                    </li>            </ul>            <ul class="nav navbar-nav pull-right">                <li class="nav-item">        <a href="" class="btn btn-primary-outline">登录</a>    </li>                <li class="nav-item">        <a href="" class="btn btn-success-outline">注册</a>    </li>            </ul>    </div></nav>

登录后复制

页脚文件 resources/views/article/common/footer.blade.php

<div class="footer"         style="width: 100%;height: 300px;background-color: #00B388;padding-top: 50px;">        <div class="container">                <h1 id="Articles">Articles</h1>              </div></div>

登录后复制

2.3 即可继承模板，实现复用

新建主页文件在resources/views/article/index.blade.php

@extends('article.common.base')@section('content')        <div class="container" style="height: 500px;text-align: center;">            <h1 id="继承模板的主页搞定了">继承模板的主页搞定了！</h1>            {{-- 这里是Blade注释 --}}        </div>@endsection

登录后复制

2.4 如何访问？

需要路由以及控制器配合，这里简单只用路由实现，详细内容请点击,以及接下来的其它文段
在app/Http/routes.php 路由注册文件写上如下代码

Route::get('/',function(){    return view('article.index');});

登录后复制

启动你的配置的laravel跑的服务器，比如我在目录地址下php artisan serve
浏览器输入： localhost:8000，即可看到效果图

3. 效果图

X bootstrap4起始模板代码

bootstrap4文档

<!DOCTYPE html><html lang="en">  <head>    <!-- Required meta tags always come first -->    <meta charset="utf-8">    <meta name="viewport" content="width=device-width, initial-scale=1">    <meta http-equiv="x-ua-compatible" content="ie=edge">    <!-- Bootstrap CSS -->    <link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css">  </head>  <body>    <h1 id="Hello-world">Hello, world!</h1>    <!-- jQuery first, then Bootstrap JS. -->    <script src="http://ajax.useso.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>    <script src="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js"></script>  </body></html>

登录后复制

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7742

Java教程

1643

CakePHP 教程

1397

Laravel 教程

1291

PHP教程

1234

显示更多

Related knowledge

支付宝PHP SDK转账报错：如何解决'Cannot declare class SignData”问题？ Apr 01, 2025 am 07:21 AM

支付宝PHP...

在PHP API中说明JSON Web令牌（JWT）及其用例。 Apr 05, 2025 am 12:04 AM

JWT是一种基于JSON的开放标准，用于在各方之间安全地传输信息，主要用于身份验证和信息交换。1.JWT由Header、Payload和Signature三部分组成。2.JWT的工作原理包括生成JWT、验证JWT和解析Payload三个步骤。3.在PHP中使用JWT进行身份验证时，可以生成和验证JWT，并在高级用法中包含用户角色和权限信息。4.常见错误包括签名验证失败、令牌过期和Payload过大，调试技巧包括使用调试工具和日志记录。5.性能优化和最佳实践包括使用合适的签名算法、合理设置有效期、

会话如何劫持工作，如何在PHP中减轻它？ Apr 06, 2025 am 12:02 AM

会话劫持可以通过以下步骤实现：1.获取会话ID，2.使用会话ID，3.保持会话活跃。在PHP中防范会话劫持的方法包括：1.使用session_regenerate_id()函数重新生成会话ID，2.通过数据库存储会话数据，3.确保所有会话数据通过HTTPS传输。

在PHPStorm中如何进行CLI模式的调试？ Apr 01, 2025 pm 02:57 PM

在PHPStorm中如何进行CLI模式的调试？在使用PHPStorm进行开发时，有时我们需要在命令行界面（CLI）模式下调试PHP�...

描述扎实的原则及其如何应用于PHP的开发。 Apr 03, 2025 am 12:04 AM

SOLID原则在PHP开发中的应用包括：1.单一职责原则（SRP）：每个类只负责一个功能。2.开闭原则（OCP）：通过扩展而非修改实现变化。3.里氏替换原则（LSP）：子类可替换基类而不影响程序正确性。4.接口隔离原则（ISP）：使用细粒度接口避免依赖不使用的方法。5.依赖倒置原则（DIP）：高低层次模块都依赖于抽象，通过依赖注入实现。