各位小伙伴有缘聚到这里,说明对于Laravel的路由和控制器已经有点了解了。

会写业务逻辑之后,如何把结果漂亮地展示出来,就是我们要解决的问题。(前后端分离的同学,请自动忽略)在MVC的世界里,漂亮的界面叫模板,书面化叫“视图”(这么叫高端一点),翻译成英文就是View,Laravel里也不例外。对于模板的引用,我们有以下两种方法。

方法一:

\Illuminate\Support\Facades\Route::get('/', function () {
return view('welcome');
});

方法二:

\Illuminate\Support\Facades\Route::any('/',"Web\\TestController@action");

//以下是TestController
namespace App\Http\Controllers\Web; use Illuminate\Http\Request;
use App\Http\Controllers\Controller;
use Illuminate\Support\Facades\View; class TestController extends Controller
{
public function func()
{
return view("welcome",['name'=>'testname']);
}
}

一、模板路径

上面两个例子,分别都是引入了welcome模板。这个welcome的路径是/resources/views/welcome.blade.php。Laravel框架的模板采用的是blade模板引擎,所以模板一定是以.blade.php为扩展。

那么:第一个问题来了,仍然是路径问题。写项目的时候,多数情况下我们不想把模板直接放在/resources/views目录下,想要分门别类进行归类。这时我们可以在views下面建立目录,然后在把模板文件放在这个新目录下面。举个栗子:

模板文件:/resources/views/admin/login.blade.php

引用:

return view("admin/login");

二、模板语法

在探讨模板语法的之前,我们需要把数据从后端传到模板上去。至于怎么传?其实本文上面已经有提到了:

return view("welcome",['name'=>'testname']);

view()函数是第二个参数,是一个数组,key是用在模板上的“变量”,value则是这个"模板变量"的值。这个value可以是各种数据类型,包括数组和类对象。

或者在调用view()函数之前,用以下办法也可以将数据传递给模板:

View::share("key",'value');

1) 普通变量输出

{{$name}}
{{ $o->action() }} //如果传递过来的是一个对象,可以调用对象的成员变量和成员函数
{!! $name !!} //取消PHP在传递过程中调用htmlentities()函数对变量进行过滤

2) 取消blade解析

很多时候,我们不需要blade解析,可以用如下两种方法:

<!-- 方法一 -->
@{{name}} <!-- 方法二 -->
@verbatim
{{$name}}
@endverbatim

方法二适用于大篇幅的JS代码,避免被blade意外解析的时候。

3) 判断

判断是模板中最常见,也是最简单的一个模板语法。看看以下例子就知道怎么用了(在blade中可以调用php函数,这一点很赞噢):

@if(!isset($name))
not set
@elseif($name=="ok")
okok
@else
{!! $name !!}
@endif

4) 循环

for循环:

@for ($i = 0; $i < 10; $i++)
The current value is {{ $i }}<br />
@endfor

foreach循环:

@foreach($news_list as $news)
{{$news['title']}}--{{$news['user'][0]}}<br />
@endforeach

forelse循环

@forelse ($users as $user)
<li>{{ $user->name }}</li>
@empty
<p>No users</p>
@endforelse

另外,值得一提的是在模板循环中可以使用@continue和@break两个指令来控制循环是否结束。

5) 模板继承

模板继承这个概念,对于只熟悉原生PHP代码的小伙伴来说会比较陌生。其实这也不难理解,它适用于所有的模板几乎都类似,只有页面上的几个部分不一样的场景。 首先要有一个框架模板,我们叫他暂且称呼它为frame;在frame上挖了几个洞;子模板c1、c2、c3......就是为了填充frame挖出的洞,使得一个模板完整。举个简单的例子:

框架模板:frame.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body> @section('menu')
菜单
@show @section('nav')
导航:
@show
<br />
<b>内容---@yield('content')</b> </body>
</html>

子模板:content.blade.php

@extends('frame')

@section('content')
这是内容--子模板
@endsection @section('nav')
@parent <!-- 这个指令用于“追加” -->
导航HTML
@endsection @section('menu')
菜单HTML
@endsection

我们在代码中引用模板return view("content");即可得到完整的页面

6) inlucde引入子模板

@include('welcome')

这里是在当前模板中引入/resources/views/welcome.blade.php

以上就是这一次Laravel课程,Laravel框架24小时入坑指南,未完,待续:)

大家下期见

---------------------------  我是可爱的分割线  ----------------------------

最后博主借地宣传一下,漳州编程小组招新了,这是一个面向漳州青少年信息学/软件设计的学习小组,有意向的同学点击链接,联系我吧。

Laravel入坑指南(3)——模板的更多相关文章

  1. electron入坑指南

    electron入坑指南 简介 electron 实际集成chrome浏览器和node环境, 运行你写的网页 app 基本目录结构 index.html 名称可以不是index, 这个文件与普通网页的 ...

  2. C语言入坑指南-被遗忘的初始化

    前言 什么是初始化?为什么要初始化?静态变量和局部变量的初始化又有什么区别?实际应用中应该怎么做?本文将一一回答这些问题. 什么是初始化 初始化指的是对数据对象或者变量赋予初始值.例如: int va ...

  3. Elasticsearch入坑指南之RESTful API

    Elasticsearch入坑指南之RESTful API Tags:Elasticsearch ES为开发者提供了非常丰富的基于Http协议的Rest API,通过简单的Rest请求,就可以实现非常 ...

  4. ElasticSearch入坑指南之概述及安装

    ---恢复内容开始--- ElasticSearch入坑指南之概述及安装 了解ElasticSearch ElasticSearch(简称ES)基于Lucene的分布式全文检索引擎.使用ES可以实现近 ...

  5. eclipse中导入外部包却无法查看对应源码或Javadoc的入坑指南

    eclipse中导入外部包却无法查看对应源码或Javadoc的 入坑指南 出现这个错误的原因是,你虽然导入了.jar包,但没有配置对应的Javadoc或源码路径,所以在编辑器中无法查看源 码和对应AP ...

  6. Rust入坑指南:核心概念

    如果说前面的坑我们一直在用小铲子挖的话,那么今天的坑就是用挖掘机挖的. 今天要介绍的是Rust的一个核心概念:Ownership.全文将分为什么是Ownership以及Ownership的传递类型两部 ...

  7. Rust入坑指南:鳞次栉比

    很久没有挖Rust的坑啦,今天来挖一些排列整齐的坑.没错,就是要介绍一些集合类型的数据类型."鳞次栉比"这个标题是不是显得很有文化? 在Rust入坑指南:常规套路一文中我们已经介绍 ...

  8. Rust入坑指南:亡羊补牢

    如果你已经开始学习Rust,相信你已经体会过Rust编译器的强大.它可以帮助你避免程序中的大部分错误,但是编译器也不是万能的,如果程序写的不恰当,还是会发生错误,让程序崩溃.所以今天我们就来聊一聊Ru ...

  9. Rust入坑指南:朝生暮死

    今天想和大家一起把我们之前挖的坑再刨深一些.在Java中,一个对象能存活多久全靠JVM来决定,程序员并不需要去关心对象的生命周期,但是在Rust中就大不相同,一个对象从生到死我们都需要掌握的很清楚. ...

  10. Rust入坑指南:齐头并进(上)

    我们知道,如今CPU的计算能力已经非常强大,其速度比内存要高出许多个数量级.为了充分利用CPU资源,多数编程语言都提供了并发编程的能力,Rust也不例外. 聊到并发,就离不开多进程和多线程这两个概念. ...

随机推荐

  1. Vue-自定义icon实现

    在项目中引入了element-ui之后,发现其内置的icon有限,无法满足项目的需求,因此需自定义icon来实现需求. 在vue项目的components下新建SvgIcon目录,在SvgIcon目录 ...

  2. 一个轻量快速的C++日志库

    limlog 作一篇文章记录实现,驱动优化迭代. 代码仓库 用法 实现 后端实现 前端实现 日期时间的处理 线程id的获取 日志行的其他项处理 优化 整形字符串格式化优化 测试 benchmark 性 ...

  3. [转帖]linux块I/O总体概括

    直接先上重点,linux中IO栈的完全图如下: 系统中能够随机访问固定大小数据片的硬件设备称作块设备.固定大小的数据片称为块.常见的块设备就是硬盘了.不能随机访问的就是字符设备了,管理块设备比字符设备 ...

  4. ChatGPT 提高工作效率-一例SQL编写的过程

    ChatGPT 提高工作效率-一例SQL编写的过程 前言 遇到一个问题, 怀疑是有一些补丁没有被依赖. 导致第一次更新时没有更新这些没依赖的补丁. 后面更新时又更新了这些游离态的补丁. 导致出现 ol ...

  5. [1036]Linux启动时间分析

    简述 今天有同事咨询:项目上有台服务器操作系统启动时间较长,如何分析? 果然,好问题都来自实践. 经过查找,对于所有基于systemd的系统,可以使用systemd-analyze来分析系统启动时间. ...

  6. Linux 查找并且复制部分文件到其他目录的办法(find xargs {})

    最近经常需要从某些文件夹查找部分文件,然后复制到其他目录里面进行进一步的处理 shell 脚本一直在不断的学习中, 最近发现之前看文档还是有疏漏. find . -iname "*fi*&q ...

  7. Mac 版的 Quicker CirMenu

    之前在Windows上用过一款圆盘菜单工具Quicker, 感觉非常方便, 换成Macos后,一直没有找到类似应用. 最近终于发现,一款好用的快捷键收集,触发工具CirMenu. 其核心功能是可以根据 ...

  8. css 动画 div顺时针方向移动,

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. 清空elementui让计数器input-number的默认值

    <el-form-item label="考试时长:" prop="testTimeLong"> <el-input-number style ...

  10. 2024-01-27:用go语言,阿里巴巴走进了装满宝藏的藏宝洞。藏宝洞里面有N堆金币, 第i堆金币的总重量和总价值分别是m[i]、v[i], 阿里巴巴有一个承重量为T的背包,但并不一定有办法将全部的

    2024-01-27:用go语言,阿里巴巴走进了装满宝藏的藏宝洞.藏宝洞里面有N堆金币, 第i堆金币的总重量和总价值分别是m[i].v[i], 阿里巴巴有一个承重量为T的背包,但并不一定有办法将全部的 ...