引言
上一期我们通过分配路由地址,在url中接收位置参数并传递给控制器方法, 并且在控制器内简单地打印输出接收的参数。
本期我们尝试着使用laravel的模板功能,把控制器内组装好的数据渲染到视图模板文件, 并做展示。
代码时间
我们把目光还暂时放在控制器的方法内,接着前一章的 EventsController@show 方法。 接收到路由传递的 $id 变量后,我们将其附加到视图渲染函数,并发送到模板文件。
代码是这样的:
代码语言:javascript复制public function show($id)
{
return view('events.show')->with('id', $id);
}
使用 *view** 函数返回 IlluminateViewView 对象的 with 方法,就可以传递数据到模板了。
模板文件的地址在 resources/views/events/show.blade.php,我们追加一行内容:
代码语言:javascript复制<p>We're looking at event ID #{{ $id }}.</p>
其中 {{ $id }}
就是控制器内传递来的变量,模板内使用双大括号进行包裹,模板最后解析为以下的PHP代码:
<?php echo $id; ?>
简单地进行了变量打印输出。此时浏览器内我们仍然访问这个url地址:
代码语言:javascript复制http://example.dev/events/42
正常的情况下输出内容如下:
代码语言:javascript复制see We're looking at event ID #42.
说明从路由,到控制器处理,到视图渲染,都已经正常地工作了。
laravel为什么说是最优雅的框架呢?因为提供了许多优雅的方法,比如上面控制器方法内, 使用 View 对象的 with 方法,可以传递键值对,传递数组。如果传递的是单个变量值, 有一个语法糖可以使用,如下代码:
代码语言:javascript复制public function show($id)
{
return view('events.show')->withId($id);
}
其中 withId 就是与ORM查询内的 whereId 等等一直,都会解析为 with('id', $id) 的样式, 我们只需按照首字符大写的驼峰方式书写即可。
传递多个变量
上一节只在视图渲染的时候,传递了一个变量值,而实际业务中,我们不可能把所有的数据,都写入到同一个变量内, 然后在模板使用单个组装的变量。
所以我们尝试同时传递多个变量,很容易实现,如果你不厌其烦,多次调用with方法即可:
代码语言:javascript复制public function show($id)
{
return view('events.show')->with('id', $id)->with('name', 'Laravel Hacking and Coffee');
}
在模板内,就可以直接使用 $id 和 $name 两个变量了:
代码语言:javascript复制<p>{{ $name }} has the event ID #{{ $id }}.</p>
正常是没有什么问题的,会正确地渲染为指定数据。
一般我们没必要写一大串的 with 函数,一个变量一个变量地传递。可以组装为数组,传递给 view 助手函数的第二个位置参数, 比如下面这样:
代码语言:javascript复制$name = 'Head First PHP';
$date = date('Y-m-d');
return view('welcome', compact('name', 'date'));
使用compact函数将两个变量包裹为键值对的数组传递给 view 函数,就可以正常在视图模板内使用了。 或者为了直观一些,我们自己封装这个数组结构:
代码语言:javascript复制public function show($id)
{
$data = [
'name' => 'Head First PHP',
'date' => date('Y-m-d')
];
return view('events.show')->with($data);
}
视图内对于这样的单个变量的值,直接输出就是了:
代码语言:javascript复制{{ $name }} is scheduled for {{ $date }}!
写在最后
本文通过多种方法对从控制器内接收和组装的数据通过视图方法 view 函数 渲染到模板文件并展示,为了演示功能,我们使用的都是单个变量没有复杂结构的数据。 下一章我们继续深入模板的高级功能。
Happy coding :-)
我是@程序员小助手,持续分享编程知识,欢迎关注。