3分钟短文:可能是Laravel模板最直白的用法了,没有之一

简介: 模板,让页面“动”起来!

引言

上一期我们通过分配路由地址,在url中接收位置参数并传递给控制器方法,
并且在控制器内简单地打印输出接收的参数。

图片

本期我们尝试着使用laravel的模板功能,把控制器内组装好的数据渲染到视图模板文件,
并做展示。

代码时间

我们把目光还暂时放在控制器的方法内,接着前一章的 EventsController@show 方法。
接收到路由传递的 $id 变量后,我们将其附加到视图渲染函数,并发送到模板文件。

代码是这样的:

public function show($id)
{
    return view('events.show')->with('id', $id);
}

使用 view 函数返回 IlluminateViewView 对象的 with* 方法,就可以传递数据到模板了。

模板文件的地址在 resources/views/events/show.blade.php,我们追加一行内容:

<p>We're looking at event ID #{{ $id }}.</p>

其中 {{ $id }} 就是控制器内传递来的变量,模板内使用双大括号进行包裹,模板最后解析为以下的PHP代码:

<?php echo $id; ?>

简单地进行了变量打印输出。此时浏览器内我们仍然访问这个url地址:

http://example.dev/events/42

正常的情况下输出内容如下:

see We're looking at event ID #42. 

说明从路由,到控制器处理,到视图渲染,都已经正常地工作了。

laravel为什么说是最优雅的框架呢?因为提供了许多优雅的方法,比如上面控制器方法内,
使用 View 对象的 with 方法,可以传递键值对,传递数组。如果传递的是单个变量值,
有一个语法糖可以使用,如下代码:

public function show($id)
{
    return view('events.show')->withId($id);
}

其中 withId 就是与ORM查询内的 whereId 等等一直,都会解析为 with('id', $id) 的样式,
我们只需按照首字符大写的驼峰方式书写即可。

传递多个变量

上一节只在视图渲染的时候,传递了一个变量值,而实际业务中,我们不可能把所有的数据,都写入到同一个变量内,
然后在模板使用单个组装的变量。

所以我们尝试同时传递多个变量,很容易实现,如果你不厌其烦,多次调用with方法即可:

public function show($id)
{
    return view('events.show')->with('id', $id)->with('name', 'Laravel Hacking and Coffee');
}

在模板内,就可以直接使用 $id$name 两个变量了:

<p>{{ $name }} has the event ID #{{ $id }}.</p>

正常是没有什么问题的,会正确地渲染为指定数据。

一般我们没必要写一大串的 with 函数,一个变量一个变量地传递。可以组装为数组,传递给 view 助手函数的第二个位置参数,
比如下面这样:

$name = 'Head First PHP';
$date = date('Y-m-d');
return view('welcome', compact('name', 'date'));

使用compact函数将两个变量包裹为键值对的数组传递给 view 函数,就可以正常在视图模板内使用了。
或者为了直观一些,我们自己封装这个数组结构:

public function show($id)
{
    $data = [
        'name' => 'Head First PHP',
        'date' => date('Y-m-d')
    ];
    return view('events.show')->with($data);
}

视图内对于这样的单个变量的值,直接输出就是了:

{{ $name }} is scheduled for {{ $date }}!

写在最后

本文通过多种方法对从控制器内接收和组装的数据通过视图方法 view 函数
渲染到模板文件并展示,为了演示功能,我们使用的都是单个变量没有复杂结构的数据。
下一章我们继续深入模板的高级功能。

Happy coding :-)

我是@程序员小助手,持续分享编程知识,欢迎关注。

相关文章
|
10月前
|
安全 测试技术 持续交付
接口自动化测试的基本流程
接口自动化测试的基本流程
208 1
|
10月前
|
运维 Java 程序员
Spring5深入浅出篇:Spring动态代理详解
# Spring动态代理详解 本文探讨了Spring中的MethodBeforeAdvice和MethodInterceptor在动态代理中的应用和差异。MethodBeforeAdvice在方法执行前执行额外功能,而MethodInterceptor则可在方法执行前后或抛出异常时运行额外逻辑。MethodInterceptor还能影响原始方法的返回值。
|
4月前
|
负载均衡 网络协议 数据库
选择适合自己的数据库多实例负载均衡技术
【10月更文挑战第23天】选择适合自己的数据库多实例负载均衡技术需要全面考虑多种因素。通过深入的分析和评估,结合自身的实际情况,能够做出明智的决策,为数据库系统的高效运行提供有力保障。
165 61
|
8月前
|
消息中间件 分布式计算 Hadoop
实时计算 Flink版操作报错合集之使用flink jar开发,报错:找不到main方法,是什么原因
在使用实时计算Flink版过程中,可能会遇到各种错误,了解这些错误的原因及解决方法对于高效排错至关重要。针对具体问题,查看Flink的日志是关键,它们通常会提供更详细的错误信息和堆栈跟踪,有助于定位问题。此外,Flink社区文档和官方论坛也是寻求帮助的好去处。以下是一些常见的操作报错及其可能的原因与解决策略。
|
监控 Linux
Linux 运行进程实时监控pidstat命令详解
Linux 运行进程实时监控pidstat命令详解
203 0
|
10月前
|
SQL HIVE
Hive【Hive学习大纲】【数据仓库+简介+工作原理】【自学阶段整理的xmind思维导图分享】【点击可放大看高清】
【4月更文挑战第6天】Hive【Hive学习大纲】【数据仓库+简介+工作原理】【自学阶段整理的xmind思维导图分享】【点击可放大看高清】
262 0
|
9月前
|
分布式计算 DataWorks 大数据
MaxCompute产品使用问题之计算资源有优先级吗
MaxCompute作为一款全面的大数据处理平台,广泛应用于各类大数据分析、数据挖掘、BI及机器学习场景。掌握其核心功能、熟练操作流程、遵循最佳实践,可以帮助用户高效、安全地管理和利用海量数据。以下是一个关于MaxCompute产品使用的合集,涵盖了其核心功能、应用场景、操作流程以及最佳实践等内容。
textarea去掉边框和取消选中后的边框
textarea去掉边框和取消选中后的边框
228 0
|
10月前
|
存储 关系型数据库 MySQL
认识MySQL数据库中用户自定义变量
认识MySQL数据库中用户自定义变量。
204 0
|
10月前
|
JavaScript Java 测试技术
基于Java的线上书籍查阅系统的设计与实现(源码+lw+部署文档+讲解等)
基于Java的线上书籍查阅系统的设计与实现(源码+lw+部署文档+讲解等)
59 0