1.用法概要

@include('common.header') 包含子视图
@extends('article.common.base') 继承基础模板
@yield('content') 视图占位符
@section('content') @endsection继承模板后向视图占位符中填入内容
{{-- 注释 --}} Blade模板中注释的使用

2.具体使用

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>

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 style="color: #FFFFFF;font-size: 1.5em;">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 style="position: absolute;left: 35%;top: 30%;">继承模板的主页搞定了！</h1>

     {{-- 这里是Blade注释 --}}

    </div>

@endsection

2.4 如何访问？

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

Route::get('/',function(){

    return view('article.index');

});

转载至：http://blog.csdn.net/ghost_hell/article/details/53431720

laravel中建立公共视图的方法的更多相关文章

Oracle中建立物化视图报错
Oracle中建立物化视图报错今天在建立视图的时候,报了一个错:ORA-01723: zero-length columns are not allowed. 建视图的语句: create mate ...
[Django]中建立数据库视图
Django中建立数据库视图 Django中没有建立视图的接口.假设要建立一个视图须要一些手动的改变. 这里使用的Django 版本号>1.5, 使用的数据库为mysql 第一步建立视图,比如 ...
Laravel配置全局公共函数的方法步骤
前言在laravel项目开发中,经常使用到公共函数,那如何在laravel配置全局公共函数呢??下面话不多说了,来一起看看详细的介绍吧方法如下在Laravel项目中我们常常需要定义一些全局的公共 ...
Laravel中利用队列发送邮件的方法示例
https://www.jb51.net/article/121647.htm 本文主要给大家介绍了关于Laravel中队列发送邮件的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的 ...
SQL Server中建立外键的方法
在SQL中建立外键约束,可以级联查询表中的数据,在C#代码生成器中,也能根据外键关系生成相应的外键表数据模型.外键也可防止删除有外键关系的记录,一定程度上保护了数据的安全性. 步骤: 1.要建立外键关 ...
Laravel 中通过自定义分页器分页方法实现伪静态分页链接以利于 SEO
我们知道,Laravel 自带的分页器方法包含 simplePaginate 和 paginate 方法,一个返回不带页码的分页链接,另一个返回带页码的分页链接,但是这两种分页链接页码都是以带问号的动 ...
Laravel 中设置 Carbon 的 diffForHumans 方法返回中文
在写 feed 流功能时,经常要用到 Carbon 的 diffForHumans 方法,以方便返回直观的时间描述. 例如 Carbon::parse($date)->diffForHumans ...
在 Laravel 中通过自定义分页器分页方法实现伪静态分页链接以利于 SEO
我们知道,Laravel 自带的分页器方法包含 simplePaginate 和 paginate 方法,一个返回不带页码的分页链接,另一个返回带页码的分页链接,但是这两种分页链接页码都是以带问号的动 ...
laravel中delete()方法和destroy()方法的区别
delete()方法是实例方法,需要查询到相应的数据并通过模型实例调用 destroy()方法可以直接调用,通过索引删除记录举个栗子: /*delete()方法删除*/ //先查找记录 $blog ...

随机推荐

P1498 南蛮图腾
P1498 南蛮图腾题目描述自从到了南蛮之地,孔明不仅把孟获收拾的服服帖帖,而且还发现了不少少数民族的智慧,他发现少数民族的图腾往往有着一种分形的效果(看Hint),在得到了酋长的传授后,孔明掌握 ...
页面引入外部字体ttf，如何提取所需要的ttf字体或者加载过慢的解决方法-1127更新
最近几天编写手机端的页面之后,文中需要华文行楷字体,在网上下载后,引入到了自己的前端页面,以为没有什么事了,继续码代码 @font-face { font-family:huawen; src: ur ...
《Cracking the Coding Interview》——第12章：测试——题目5·
2014-04-25 00:41 题目:怎么测试一支笔?(Pen?您老说的是钢笔?) 解法:这种简约而不简单的题目,实在是面试官最喜欢,面试者最头疼的类型了.面试官可以只花三秒,以一种灰常高贵冷艳的语 ...
《Cracking the Coding Interview》——第3章：栈和队列——题目5
2014-03-18 05:33 题目:用两个栈来实现一个队列. 解法:栈是反的,队列是正的,反了再反就正过来了.所以,请看代码.操作中时间复杂度有O(1)的,有O(n)的,但均摊下来时间符合O(1) ...
Python利器一之requests
Python利器一之requests 一.教程涉及开发语言.脚本.框架.数据库等内容 Python + requests 通过 pip 安装: pip install requests 通过 easy ...
win10系统安装之GHOST还原（转+编辑）
注意*:在以下操作中,你可能需要分区你的原来系统盘,如果是重装的话.现在我们使用SSD固态做系统盘盘,这个分区的话,点选mbr重新引导,以及对齐复选框. 如果前面过程都没问题,在安装过程中出现 ...
【Python】重定向 Stream 到文件
Python 系统模块 sys 中有三个变量 stdin . stdout 与 stderr ,分别对应标准输入流.输出流与错误流.stdin 默认指向键盘, stdout 与 stderr 默认指向 ...
Python 装饰器初探
Python 装饰器初探在谈及Python的时候,装饰器一直就是道绕不过去的坎.面试的时候,也经常会被问及装饰器的相关知识.总感觉自己的理解很浅显,不够深刻.是时候做出改变,对Python的装饰器做 ...
推荐系统评测指标--准确率(Precision)和召回率(Recall)、F值(F-Measure)
转自http://bookshadow.com/weblog/2014/06/10/precision-recall-f-measure/ 1,准确率和召回率是广泛应用于信息检索和统计学分类领域的两个 ...
重写Android相机适配不同的设备，对于相机旋转角度问题解决方案
Android开发中经常需要重写相机,由此会导致一些旋转的情况(不同的设备摄像头角度是不一样的),此处按照解决思路给出解决方案: 情形一:只需要旋转摄像头方向以及最终的照片,注意两者需要保持一致 1. ...

laravel中建立公共视图的方法