【laravel5.1-0.0.3】【基础2】Blade模板继承简要使用
1.用法概要我的原文地址： http://www.jianshu.com/p/0aa1153eac22
模板继承什么用？ 自然是增强基础页面的复用，有利于页面文档的条理，也便于更改多处使用的内容，如页头、页脚
@include('common.header') 包含子视图
@extends('article.common.base') 继承基础模板
@yield('content') 视图占位符
@section('content') @endsection继承模板后向视图占位符中填入内容
{{-- 注释 --}} Blade模板中注释的使用
2.1 新建Article基础模板base.blade.php
直接使用Bootstrap4模板代码及CDN,新建视图基础模板
路径resources/views/article/common/base.blade.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>页头文件 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>@endsection2.4 如何访问？
需要路由以及控制器配合，这里简单只用路由实现，详细内容请点击,以及接下来的其它文段
在app/Http/routes.php 路由注册文件写上如下代码
Route::get('/',function(){ return view('article.index');});启动你的配置的laravel跑的服务器，比如我在目录地址下php artisan serve
浏览器输入 ： localhost:8000，即可看到效果图
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>
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1376
52
Working with Flash Session Data in Laravel
Mar 12, 2025 pm 05:08 PM
Laravel simplifies handling temporary session data using its intuitive flash methods. This is perfect for displaying brief messages, alerts, or notifications within your application. Data persists only for the subsequent request by default: $request-
cURL in PHP: How to Use the PHP cURL Extension in REST APIs
Mar 14, 2025 am 11:42 AM
The PHP Client URL (cURL) extension is a powerful tool for developers, enabling seamless interaction with remote servers and REST APIs. By leveraging libcurl, a well-respected multi-protocol file transfer library, PHP cURL facilitates efficient execution of various network protocols, including HTTP, HTTPS, and FTP. This extension offers granular control over HTTP requests, supports multiple concurrent operations, and provides built-in security features.
Alipay PHP SDK transfer error: How to solve the problem of 'Cannot declare class SignData'?
Apr 01, 2025 am 07:21 AM
Alipay PHP...
Simplified HTTP Response Mocking in Laravel Tests
Mar 12, 2025 pm 05:09 PM
Laravel provides concise HTTP response simulation syntax, simplifying HTTP interaction testing. This approach significantly reduces code redundancy while making your test simulation more intuitive. The basic implementation provides a variety of response type shortcuts: use Illuminate\Support\Facades\Http; Http::fake([ 'google.com' => 'Hello World', 'github.com' => ['foo' => 'bar'], 'forge.laravel.com' =>
12 Best PHP Chat Scripts on CodeCanyon
Mar 13, 2025 pm 12:08 PM
Do you want to provide real-time, instant solutions to your customers' most pressing problems? Live chat lets you have real-time conversations with customers and resolve their problems instantly. It allows you to provide faster service to your custom
Explain the concept of late static binding in PHP.
Mar 21, 2025 pm 01:33 PM
Article discusses late static binding (LSB) in PHP, introduced in PHP 5.3, allowing runtime resolution of static method calls for more flexible inheritance.Main issue: LSB vs. traditional polymorphism; LSB's practical applications and potential perfo
Customizing/Extending Frameworks: How to add custom functionality.
Mar 28, 2025 pm 05:12 PM
The article discusses adding custom functionality to frameworks, focusing on understanding architecture, identifying extension points, and best practices for integration and debugging.
How to send a POST request containing JSON data using PHP's cURL library?
Apr 01, 2025 pm 03:12 PM
Sending JSON data using PHP's cURL library In PHP development, it is often necessary to interact with external APIs. One of the common ways is to use cURL library to send POST�...
