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 :-)

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

相关文章
|
3天前
|
人工智能 自然语言处理 Shell
深度评测 | 仅用3分钟,百炼调用满血版 Deepseek-r1 API,百万Token免费用,简直不要太爽。
仅用3分钟,百炼调用满血版Deepseek-r1 API,享受百万免费Token。阿里云提供零门槛、快速部署的解决方案,支持云控制台和Cloud Shell两种方式,操作简便。Deepseek-r1满血版在推理能力上表现出色,尤其擅长数学、代码和自然语言处理任务,使用过程中无卡顿,体验丝滑。结合Chatbox工具,用户可轻松掌控模型,提升工作效率。阿里云大模型服务平台百炼不仅速度快,还确保数据安全,值得信赖。
157353 24
深度评测 | 仅用3分钟,百炼调用满血版 Deepseek-r1 API,百万Token免费用,简直不要太爽。
|
5天前
|
人工智能 API 网络安全
用DeepSeek,就在阿里云!四种方式助您快速使用 DeepSeek-R1 满血版!更有内部实战指导!
DeepSeek自发布以来,凭借卓越的技术性能和开源策略迅速吸引了全球关注。DeepSeek-R1作为系列中的佼佼者,在多个基准测试中超越现有顶尖模型,展现了强大的推理能力。然而,由于其爆火及受到黑客攻击,官网使用受限,影响用户体验。为解决这一问题,阿里云提供了多种解决方案。
17006 37
|
13天前
|
机器学习/深度学习 人工智能 自然语言处理
PAI Model Gallery 支持云上一键部署 DeepSeek-V3、DeepSeek-R1 系列模型
DeepSeek 系列模型以其卓越性能在全球范围内备受瞩目,多次评测中表现优异,性能接近甚至超越国际顶尖闭源模型(如OpenAI的GPT-4、Claude-3.5-Sonnet等)。企业用户和开发者可使用 PAI 平台一键部署 DeepSeek 系列模型,实现 DeepSeek 系列模型与现有业务的高效融合。
|
5天前
|
并行计算 PyTorch 算法框架/工具
本地部署DeepSeek模型
要在本地部署DeepSeek模型,需准备Linux(推荐Ubuntu 20.04+)或兼容的Windows/macOS环境,配备NVIDIA GPU(建议RTX 3060+)。安装Python 3.8+、PyTorch/TensorFlow等依赖,并通过官方渠道下载模型文件。配置模型后,编写推理脚本进行测试,可选使用FastAPI服务化部署或Docker容器化。注意资源监控和许可协议。
1311 8
|
13天前
|
人工智能 搜索推荐 Docker
手把手教你使用 Ollama 和 LobeChat 快速本地部署 DeepSeek R1 模型,创建个性化 AI 助手
DeepSeek R1 + LobeChat + Ollama:快速本地部署模型,创建个性化 AI 助手
3416 117
手把手教你使用 Ollama 和 LobeChat 快速本地部署 DeepSeek R1 模型,创建个性化 AI 助手
|
8天前
|
人工智能 自然语言处理 API
DeepSeek全尺寸模型上线阿里云百炼!
阿里云百炼平台近日上线了DeepSeek-V3、DeepSeek-R1及其蒸馏版本等六款全尺寸AI模型,参数量达671B,提供高达100万免费tokens。这些模型在数学、代码、自然语言推理等任务上表现出色,支持灵活调用和经济高效的解决方案,助力开发者和企业加速创新与数字化转型。示例代码展示了如何通过API使用DeepSeek-R1模型进行推理,用户可轻松获取思考过程和最终答案。
|
5天前
|
人工智能 自然语言处理 程序员
如何在通义灵码里用上DeepSeek-V3 和 DeepSeek-R1 满血版671B模型?
除了 AI 程序员的重磅上线外,近期通义灵码能力再升级全新上线模型选择功能,目前已经支持 Qwen2.5、DeepSeek-V3 和 R1系列模型,用户可以在 VSCode 和 JetBrains 里搜索并下载最新通义灵码插件,在输入框里选择模型,即可轻松切换模型。
934 14
|
12天前
|
API 开发工具 Python
阿里云PAI部署DeepSeek及调用
本文介绍如何在阿里云PAI EAS上部署DeepSeek模型,涵盖7B模型的部署、SDK和API调用。7B模型只需一张A10显卡,部署时间约10分钟。文章详细展示了模型信息查看、在线调试及通过OpenAI SDK和Python Requests进行调用的步骤,并附有测试结果和参考文档链接。
1938 9
阿里云PAI部署DeepSeek及调用
|
9天前
|
人工智能 数据可视化 Linux
【保姆级教程】3步搞定DeepSeek本地部署
DeepSeek在2025年春节期间突然爆火出圈。在目前DeepSeek的网站中,极不稳定,总是服务器繁忙,这时候本地部署就可以有效规避问题。本文以最浅显易懂的方式带读者一起完成DeepSeek-r1大模型的本地部署。
|
12天前
|
缓存 自然语言处理 安全
快速调用 Deepseek API!【超详细教程】
Deepseek 强大的功能,在本教程中,将指导您如何获取 DeepSeek API 密钥,并演示如何使用该密钥调用 DeepSeek API 以进行调试。

热门文章

最新文章