(1)、首先在app\Http\routes.php中定义路由;

1

2

3

Route::get('view','ViewController@view');

Route::get('article','ViewController@article');

Route::get('layout','ViewController@layout');

(2)、然后在Http\Controllers\ViewController.php中写入方法;

1

2

3

4

5

6

7

8

9

public function view(){

    return view('index');

}

public function article(){

    return view('article');

}

public function layout(){

    return view('layout');

}

(3)、然后在新建不同的视图文件,路径为:resources\views

1

2

3

index.blade.php

article.blade.php

layout.blade.php

重点:

1、使用include的方式:

一、在views下建立common目录文件,用于存放公共文件;

二、将公共内容放入common下,如在common建立了一个header.blade.php;

三、在视图中引入公共文件:

1

2

@include('common.header')

//这样的书写方式来引入:目录名称.公共文件名

另外,如果在header公共区域中有不同的数据,那么可以使用以下方式来传递数据:

1

2

3

4

//视图中的代码

@include('common.header',['page' => '详细页面'])

//header.blade.php公共文件中的代码

{{$page}}--公共部分

那么,以上会输出:详细页面–公共部分

链接:https://pan.baidu.com/s/1v5gm7n0L7TGyejCmQrMh2g 提取码:x2p5

免费分享,但是X度限制严重,如若链接失效点击链接或搜索加群 群号518475424

即传递成功

2、使用子视图的方式来引入,并且拥有相互传递数据的功能:

一、在views下建立layouts目录,其下放主视图。views下的则为子视图。

二、在layouts下建立home.blade.php主视图文件。可以供子视图调用。

三、在views目录下的layout.blade.php中引入主视图文件:采用继承的方式:

home主视图里:

1

2

3

4

5

6

7

<div class="container">

  <!-- @yield('content') -->

  yield是一个标识,标识是不一样的变量数据

  @section('content')

      <b>我是主模板里的内容</b>

  @show

  //在主视图想获取子视图变量数据的情况下,必须使用show关键字而不是endsection

子视图里:

//继承使用主视图

@extends('layouts.home')

//section可以获取主模板的内容

@section('content')

<!--@parent--> //parent意为:子模板可以获取主模板里的内容

我是layout的替换内容123

@endsection

laravel如何引用外部文件的更多相关文章

  1. Spring(二)--FactoryBean、bean的后置处理器、数据库连接池、引用外部文件、使用注解配置bean等

    实验1:配置通过静态工厂方法创建的bean  [通过静态方法提供实例对象,工厂类本身不需要实例化!] 1.创建静态工厂类 public class StaticFactory { private st ...

  2. Spring中配置文件中引用外部文件

    src\dayday\conn.java package dayday;import java.sql.Connection;import java.sql.DriverManager;import ...

  3. js/css在html文档中的引用外部文件方式对比

    包含css样式表和js脚本的最好方式是使用外部文件,因为css/js和html标记文档可以清晰地分离. css的外部引用写在<head></head>中: <head&g ...

  4. Spring 后置处理器 PropertyPlaceholderConfigurer 类(引用外部文件)

    一.PropertyPlaceholderConfigurer类的作用 PropertyPlaceholderConfigurer 是 BeanFactory 后置处理器的实现,也是 BeanFact ...

  5. postman使用教程7-参数化引用外部文件测试数据

    前言 当同一个接口需要测试不同的参数时,需用到参数化的概念.postman支持从外部文件读取测试数据参数化 设置参数化变量 新建一个collections 专门测试登录接口 设置集合变量usernam ...

  6. 关于<appSettings file="app.config" >引用外部文件的配置值

    web.config文件中,appSetting节点引用了外部的配置文件, <appSettings file="app.config"> </appSettin ...

  7. WEB-INF目录下的jsp怎么引用外部文件:js,css等

    在项目中,为了安全.我们通常会将jsp文件放在WEB-INF下面,对于放在WEB-INF下面的js或是css等资源文件.我们通常可以通过相对路径来引用,而如果是放在WEB-INF之外的js 或是 cs ...

  8. C++与C#对于引用外部文件成员使用的区别

    对于C++控制台项目,如果有两个.cpp的文件都想引用同一个类的成员时,我们可以定义一个类,然后在类的头文件中添加extern来修饰. Box.cpp如下: #include "Box.h& ...

  9. postman引用外部文件中的变量和数据

    接口参数显示: 点击collections下文件夹test0424右边的箭头,点击run按钮: DataFile导入txt文件: 预览文件数据: 运行,成功:

随机推荐

  1. python高级编程——入门语法(一)

    元类 在python中一切皆对象,类也是对象,只不过类是一个创建对象的对象,我们可以在类中动态的创建一个类,比如 def func(name): if name == "Plane" ...

  2. 大规模定制模式之于MES的三点思考

    大规模定制(Mass Custermization) ,其目标是大规模生产定制化产品,并且在效率.质量(一致性)等指标方面与大规模批量生产等齐. 这是一种理想或者追求,其提出的背景是目前越发普遍的多品 ...

  3. android studio学习----通过github的URL怎么导入新的工程

    这一切的前提是你装了git,有了github帐号,之后就很简单,但是导入之后交给android studio 也会发生各种编译错误,这个时候就需要自己去一一解决了,主要还是  引用依赖版本的问题 第一 ...

  4. iOS编程

    一.语法 1. performSelector 2.

  5. 基于RGB与HSI颜色模型的图像提取法

    现实中我们要处理的往往是RGB彩色图像.对其主要通过HSI转换.分量色差等技术来提出目标. RGB分量灰度化: RGB可以分为R.G.B三分量.当R=G=B即为灰度图像,很多时候为了方便,会直接利用某 ...

  6. Ueditor文字和echarts图片 生成 word 前端解决方案

    编程就像搭积木,少了任何一个就拼接不起来,所有积木都找到就只剩下调试. 一.echarts  获取图片方法getDataURL  详细配置:https://www.echartsjs.com/zh/a ...

  7. linux常见性能分析工具

     vmstat    sar  (来源于sysstat工具包,需要yum  sysstat)iostat  (来源于sysstat工具包,需要yum  sysstat)free  -muptimene ...

  8. LAMP架构性能测试+php优化

     性能测试:1. 首先查看一下服务器的硬件性能free  -m  ---->查看一下内存的情况lscpu或者cat  /proc/cpuinfo     ------à查看一下cpu的情况2.  ...

  9. Python 模拟伯努利试验和二项分布

    1.模拟 27 次投掷硬币的伯努利试验 代码: from scipy import stats import numpy as np p = 0.5 # 生成冻结分布函数 bernoulliDist ...

  10. axios用法全解

    [前言] 本文介绍下axios用法,希望对大家有所帮助 这里声明一句:请求数据一般放置到哪里?详见下篇文章 [主体] (1)下载 npm i axios --save (2)引入axios模块 方式1 ...