1.用法概要

  1. @include('common.header') 包含子视图
  2. @extends('article.common.base') 继承基础模板
  3. @yield('content') 视图占位符
  4. @section('content') @endsection继承模板后向视图占位符中填入内容
  5. {{-- 注释 --}} 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 如何访问？

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

    return view('article.index');

});

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

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

  1. Oracle中建立物化视图报错

    Oracle中建立物化视图报错 今天在建立视图的时候,报了一个错:ORA-01723: zero-length columns are not allowed. 建视图的语句: create mate ...

  2. [Django]中建立数据库视图

    Django中建立数据库视图 Django中没有建立视图的接口.假设要建立一个视图须要一些手动的改变. 这里使用的Django 版本号>1.5, 使用的数据库为mysql 第一步 建立视图,比如 ...

  3. Laravel配置全局公共函数的方法步骤

    前言 在laravel项目开发中,经常使用到公共函数,那如何在laravel配置全局公共函数呢??下面话不多说了,来一起看看详细的介绍吧 方法如下 在Laravel项目中我们常常需要定义一些全局的公共 ...

  4. Laravel中利用队列发送邮件的方法示例

    https://www.jb51.net/article/121647.htm 本文主要给大家介绍了关于Laravel中队列发送邮件的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的 ...

  5. SQL Server中建立外键的方法

    在SQL中建立外键约束,可以级联查询表中的数据,在C#代码生成器中,也能根据外键关系生成相应的外键表数据模型.外键也可防止删除有外键关系的记录,一定程度上保护了数据的安全性. 步骤: 1.要建立外键关 ...

  6. Laravel 中通过自定义分页器分页方法实现伪静态分页链接以利于 SEO

    我们知道,Laravel 自带的分页器方法包含 simplePaginate 和 paginate 方法,一个返回不带页码的分页链接,另一个返回带页码的分页链接,但是这两种分页链接页码都是以带问号的动 ...

  7. Laravel 中设置 Carbon 的 diffForHumans 方法返回中文

    在写 feed 流功能时,经常要用到 Carbon 的 diffForHumans 方法,以方便返回直观的时间描述. 例如 Carbon::parse($date)->diffForHumans ...

  8. 在 Laravel 中通过自定义分页器分页方法实现伪静态分页链接以利于 SEO

    我们知道,Laravel 自带的分页器方法包含 simplePaginate 和 paginate 方法,一个返回不带页码的分页链接,另一个返回带页码的分页链接,但是这两种分页链接页码都是以带问号的动 ...

  9. laravel中delete()方法和destroy()方法的区别

    delete()方法是实例方法,需要查询到相应的数据并通过模型实例调用 destroy()方法可以直接调用,通过索引删除记录 举个栗子: /*delete()方法删除*/ //先查找记录 $blog ...

随机推荐

  1. Dragger 2遇到的坑 Dragger2详解 Dragger2学习最好的资料

    我是曹新雨,我为自己代言.现在的菜鸟,3年以后我就是大神.为自己加油.微信:aycaoxinyu Dragger2是什么,我就不再说了.资料一堆,而且里面的注解什么意思,我推荐两篇文章,这两篇都是我精 ...

  2. git命令行操作详解

    目录 1.常用操作 1.1 新建代码库 1.2 配置 1.3 remote管理 1.4 添加和撤销操作 1.5 代码提交 1.6 分支操作 1.7 查看信息 1.8 pull操作 1.9 push操作 ...

  3. 如何在Apache中使用PHP处理PHP文件

    一.将PHP预处理器作为Apache的模块(插件) Apache软件自身的功能都是基于模块化管理的. 将PHP预处理器作为Apache的一个模块即可. 在apache/conf/httpd.conf的 ...

  4. 《Cracking the Coding Interview》——第4章：树和图——题目1

    2014-03-19 03:30 题目:判断一个二叉树是否为平衡二叉树,即左右子树高度相差不超过1. 解法:递归算高度并判断即可. 代码: // 4.1 Implement an algorithm ...

  5. 【Text Justification】cpp

    题目: Given an array of words and a length L, format the text such that each line has exactly L charac ...

  6. CocosCreator设置模拟器默认横竖屏以及机型

    之前好好的横屏,今天不知道为毛突然变成竖屏了,虽然可以在点击模拟器左上角进行设置,   但是 每次启动模拟器又变成竖屏了,折腾了很久,终于找到了设置的地方,记录下:        

  7. tomcat运行solr

    https://blog.csdn.net/u010346953/article/details/67640036

  8. 原始套接字--简易ping程序

    #include <stdio.h> #include <stdlib.h> #include <string.h> #include <errno.h> ...

  9. shell之route命令相关

    使用下面的 route 命令可以查看 Linux 内核路由表. # route Destination Gateway Genmask Flags Metric Ref Use Iface 192.1 ...

  10. string 与 byte[] 互转时的注意事项

    1.string 转 byte[] //为UTF8编码 byte[] midbytes=isoString.getBytes("UTF8"); //为ISO-8859-1编码,其中 ...